diff --git a/404.html b/404.html index 471853fd..d752eaeb 100644 --- a/404.html +++ b/404.html @@ -14,6 +14,6 @@ Loading... - + diff --git a/699.8d17c241d32a7c65.js b/699.8d17c241d32a7c65.js new file mode 100644 index 00000000..a9907d26 --- /dev/null +++ b/699.8d17c241d32a7c65.js @@ -0,0 +1 @@ +(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[699],{64699:(d,p,r)=>{"use strict";r.r(p),r.d(p,{SelectApiComponent:()=>he,SelectOverviewComponent:()=>ue,routes:()=>Ms});var u=r(60177),g=r(23822),L=r(13942),B=r(4840),N=r(91526),h=r(89417),me=r(82765),m=r(53719),e=r(54438),x=r(86600),E=r(56977),ge=r(13798),R=r(99172),fe=r(88141),_e=r(70152),be=r(5964),je=r(96354),Ce=r(30536),ve=r(25007),w=r(21413),k=r(33726),y=r(57786);const Te=["content"],xe=["scroll"],Ee=["padding"],U=["*"],S=s=>({searchTerm:s});function we(s,l){if(1&s&&(e.j41(0,"div",3),e.eu8(1,6),e.k0s()),2&s){const t=e.XpG();e.R7$(),e.Y8G("ngTemplateOutlet",t.headerTemplate)("ngTemplateOutletContext",e.eq3(2,S,t.filterValue))}}function Fe(s,l){if(1&s&&(e.j41(0,"div",5),e.eu8(1,6),e.k0s()),2&s){const t=e.XpG();e.R7$(),e.Y8G("ngTemplateOutlet",t.footerTemplate)("ngTemplateOutletContext",e.eq3(2,S,t.filterValue))}}const ye=["searchInput"],Se=["clearButton"],Me=(s,l,t)=>({item:s,clear:l,label:t}),Ae=(s,l)=>({items:s,clear:l}),ke=(s,l,t,a)=>({item:s,item$:l,index:t,searchTerm:a});function Oe(s,l){if(1&s){const t=e.RV6();e.j41(0,"span",21),e.bIt("click",function(){e.eBV(t);const n=e.XpG().$implicit,i=e.XpG(2);return e.Njj(i.unselect(n))}),e.EFF(1,"\xd7"),e.k0s(),e.nrm(2,"span",22)}if(2&s){const t=e.XpG().$implicit,a=e.XpG(2);e.R7$(2),e.Y8G("ngItemLabel",t.label)("escape",a.escapeHTML)}}function De(s,l){}function Ie(s,l){if(1&s&&(e.j41(0,"div",20),e.DNE(1,Oe,3,2,"ng-template",null,1,e.C5r)(3,De,0,0,"ng-template",12),e.k0s()),2&s){const t=l.$implicit,a=e.sdS(2),n=e.XpG(2);e.AVh("ng-value-disabled",t.disabled),e.R7$(3),e.Y8G("ngTemplateOutlet",n.labelTemplate||a)("ngTemplateOutletContext",e.sMw(4,Me,t.value,n.clearItem,t.label))}}function Le(s,l){if(1&s&&e.Z7z(0,Ie,4,8,"div",19,e.BUC().trackByOption,!0),2&s){const t=e.XpG();e.Dyx(t.selectedItems)}}function Be(s,l){}function Ne(s,l){if(1&s&&e.DNE(0,Be,0,0,"ng-template",12),2&s){const t=e.XpG();e.Y8G("ngTemplateOutlet",t.multiLabelTemplate)("ngTemplateOutletContext",e.l_i(2,Ae,t.selectedValues,t.clearItem))}}function Ve(s,l){1&s&&e.nrm(0,"div",24)}function Pe(s,l){}function Ge(s,l){if(1&s&&e.DNE(0,Ve,1,0,"ng-template",null,2,e.C5r)(2,Pe,0,0,"ng-template",23),2&s){const t=e.sdS(1),a=e.XpG();e.R7$(2),e.Y8G("ngTemplateOutlet",a.loadingSpinnerTemplate||t)}}function Re(s,l){if(1&s&&(e.j41(0,"span",15,3)(2,"span",25),e.EFF(3,"\xd7"),e.k0s()()),2&s){const t=e.XpG();e.FS9("title",t.clearAllText)}}function Ue(s,l){if(1&s&&e.nrm(0,"span",30),2&s){const t=e.XpG().$implicit,a=e.XpG(2);e.Y8G("ngItemLabel",t.label)("escape",a.escapeHTML)}}function Xe(s,l){}function He(s,l){if(1&s){const t=e.RV6();e.j41(0,"div",29),e.bIt("click",function(){const n=e.eBV(t).$implicit,i=e.XpG(2);return e.Njj(i.toggleItem(n))})("mouseover",function(){const n=e.eBV(t).$implicit,i=e.XpG(2);return e.Njj(i.onItemHover(n))}),e.DNE(1,Ue,1,2,"ng-template",null,4,e.C5r)(3,Xe,0,0,"ng-template",12),e.k0s()}if(2&s){const t=l.$implicit,a=e.sdS(2),n=e.XpG(2);e.AVh("ng-option-disabled",t.disabled)("ng-option-selected",t.selected)("ng-optgroup",t.children)("ng-option",!t.children)("ng-option-child",!!t.parent)("ng-option-marked",t===n.itemsList.markedItem),e.BMQ("role",t.children?"group":"option")("aria-selected",t.selected)("id",null==t?null:t.htmlId),e.R7$(3),e.Y8G("ngTemplateOutlet",t.children?n.optgroupTemplate||a:n.optionTemplate||a)("ngTemplateOutletContext",e.ziG(17,ke,t.value,t,t.index,n.searchTerm))}}function $e(s,l){if(1&s&&(e.j41(0,"span")(1,"span",32),e.EFF(2),e.k0s(),e.EFF(3),e.k0s()),2&s){const t=e.XpG(3);e.R7$(2),e.JRh(t.addTagText),e.R7$(),e.SpI('"',t.searchTerm,'"')}}function qe(s,l){}function Ye(s,l){if(1&s){const t=e.RV6();e.j41(0,"div",31),e.bIt("mouseover",function(){e.eBV(t);const n=e.XpG(2);return e.Njj(n.itemsList.unmarkItem())})("click",function(){e.eBV(t);const n=e.XpG(2);return e.Njj(n.selectTag())}),e.DNE(1,$e,4,2,"ng-template",null,5,e.C5r)(3,qe,0,0,"ng-template",12),e.k0s()}if(2&s){const t=e.sdS(2),a=e.XpG(2);e.AVh("ng-option-marked",!a.itemsList.markedItem),e.R7$(3),e.Y8G("ngTemplateOutlet",a.tagTemplate||t)("ngTemplateOutletContext",e.eq3(4,S,a.searchTerm))}}function Qe(s,l){if(1&s&&(e.j41(0,"div",33),e.EFF(1),e.k0s()),2&s){const t=e.XpG(3);e.R7$(),e.JRh(t.notFoundText)}}function We(s,l){}function Ke(s,l){if(1&s&&e.DNE(0,Qe,2,1,"ng-template",null,6,e.C5r)(2,We,0,0,"ng-template",12),2&s){const t=e.sdS(1),a=e.XpG(2);e.R7$(2),e.Y8G("ngTemplateOutlet",a.notFoundTemplate||t)("ngTemplateOutletContext",e.eq3(2,S,a.searchTerm))}}function ze(s,l){if(1&s&&(e.j41(0,"div",33),e.EFF(1),e.k0s()),2&s){const t=e.XpG(3);e.R7$(),e.JRh(t.typeToSearchText)}}function Je(s,l){}function Ze(s,l){if(1&s&&e.DNE(0,ze,2,1,"ng-template",null,7,e.C5r)(2,Je,0,0,"ng-template",23),2&s){const t=e.sdS(1),a=e.XpG(2);e.R7$(2),e.Y8G("ngTemplateOutlet",a.typeToSearchTemplate||t)}}function et(s,l){if(1&s&&(e.j41(0,"div",33),e.EFF(1),e.k0s()),2&s){const t=e.XpG(3);e.R7$(),e.JRh(t.loadingText)}}function tt(s,l){}function st(s,l){if(1&s&&e.DNE(0,et,2,1,"ng-template",null,8,e.C5r)(2,tt,0,0,"ng-template",12),2&s){const t=e.sdS(1),a=e.XpG(2);e.R7$(2),e.Y8G("ngTemplateOutlet",a.loadingTextTemplate||t)("ngTemplateOutletContext",e.eq3(2,S,a.searchTerm))}}function nt(s,l){if(1&s){const t=e.RV6();e.j41(0,"ng-dropdown-panel",26),e.bIt("update",function(n){e.eBV(t);const i=e.XpG();return e.Njj(i.viewPortItems=n)})("scroll",function(n){e.eBV(t);const i=e.XpG();return e.Njj(i.scroll.emit(n))})("scrollToEnd",function(n){e.eBV(t);const i=e.XpG();return e.Njj(i.scrollToEnd.emit(n))})("outsideClick",function(){e.eBV(t);const n=e.XpG();return e.Njj(n.close())}),e.qex(1),e.Z7z(2,He,4,22,"div",27,e.BUC().trackByOption,!0),e.DNE(4,Ye,4,6,"div",28),e.bVm(),e.DNE(5,Ke,3,4)(6,Ze,3,1)(7,st,3,4),e.k0s()}if(2&s){const t=e.XpG();e.HbH(t.dropdownPanelStaticClasses),e.AVh("ng-select-multiple",t.multiple),e.Y8G("virtualScroll",t.virtualScroll)("bufferAmount",t.bufferAmount)("appendTo",t.appendTo)("position",t.dropdownPosition)("headerTemplate",t.headerTemplate)("footerTemplate",t.footerTemplate)("filterValue",t.searchTerm)("items",t.itemsList.filteredItems)("markedItem",t.itemsList.markedItem)("ngClass",t.appendTo?t.ngClass:null)("id",t.dropdownId),e.R7$(2),e.Dyx(t.viewPortItems),e.R7$(2),e.vxM(t.showAddTag?4:-1),e.R7$(),e.vxM(t.showNoItemsFound()?5:-1),e.R7$(),e.vxM(t.showTypeToSearch()?6:-1),e.R7$(),e.vxM(t.loading&&0===t.itemsList.filteredItems.length?7:-1)}}const X=/[&<>"']/g,at=RegExp(X.source),lt={"&":"&","<":"<",">":">",'"':""","'":"'"};function f(s){return null!=s}function M(s){return"object"==typeof s&&f(s)}function O(s){return s instanceof Function}let rt=(()=>{class s{constructor(t){this.element=t,this.escape=!0}ngOnChanges(t){this.element.nativeElement.innerHTML=this.escape?function it(s){return s&&at.test(s)?s.replace(X,l=>lt[l]):s}(this.ngItemLabel):this.ngItemLabel}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.aKT))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ngItemLabel",""]],inputs:{ngItemLabel:"ngItemLabel",escape:"escape"},features:[e.OA$]})}return s})(),H=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-option-tmp",""]]})}return s})(),$=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-optgroup-tmp",""]]})}return s})(),q=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-label-tmp",""]]})}return s})(),Y=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-multi-label-tmp",""]]})}return s})(),Q=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-header-tmp",""]]})}return s})(),W=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-footer-tmp",""]]})}return s})(),K=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-notfound-tmp",""]]})}return s})(),z=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-typetosearch-tmp",""]]})}return s})(),J=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-loadingtext-tmp",""]]})}return s})(),Z=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-tag-tmp",""]]})}return s})(),ee=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-loadingspinner-tmp",""]]})}return s})();function te(){return"axxxxxxxxxxx".replace(/[x]/g,()=>(16*Math.random()|0).toString(16))}const ct={"\u24b6":"A",\uff21:"A",\u00c0:"A",\u00c1:"A",\u00c2:"A",\u1ea6:"A",\u1ea4:"A",\u1eaa:"A",\u1ea8:"A",\u00c3:"A",\u0100:"A",\u0102:"A",\u1eb0:"A",\u1eae:"A",\u1eb4:"A",\u1eb2:"A",\u0226:"A",\u01e0:"A",\u00c4:"A",\u01de:"A",\u1ea2:"A",\u00c5:"A",\u01fa:"A",\u01cd:"A",\u0200:"A",\u0202:"A",\u1ea0:"A",\u1eac:"A",\u1eb6:"A",\u1e00:"A",\u0104:"A",\u023a:"A",\u2c6f:"A",\ua732:"AA",\u00c6:"AE",\u01fc:"AE",\u01e2:"AE",\ua734:"AO",\ua736:"AU",\ua738:"AV",\ua73a:"AV",\ua73c:"AY","\u24b7":"B",\uff22:"B",\u1e02:"B",\u1e04:"B",\u1e06:"B",\u0243:"B",\u0182:"B",\u0181:"B","\u24b8":"C",\uff23:"C",\u0106:"C",\u0108:"C",\u010a:"C",\u010c:"C",\u00c7:"C",\u1e08:"C",\u0187:"C",\u023b:"C",\ua73e:"C","\u24b9":"D",\uff24:"D",\u1e0a:"D",\u010e:"D",\u1e0c:"D",\u1e10:"D",\u1e12:"D",\u1e0e:"D",\u0110:"D",\u018b:"D",\u018a:"D",\u0189:"D",\ua779:"D",\u01f1:"DZ",\u01c4:"DZ",\u01f2:"Dz",\u01c5:"Dz","\u24ba":"E",\uff25:"E",\u00c8:"E",\u00c9:"E",\u00ca:"E",\u1ec0:"E",\u1ebe:"E",\u1ec4:"E",\u1ec2:"E",\u1ebc:"E",\u0112:"E",\u1e14:"E",\u1e16:"E",\u0114:"E",\u0116:"E",\u00cb:"E",\u1eba:"E",\u011a:"E",\u0204:"E",\u0206:"E",\u1eb8:"E",\u1ec6:"E",\u0228:"E",\u1e1c:"E",\u0118:"E",\u1e18:"E",\u1e1a:"E",\u0190:"E",\u018e:"E","\u24bb":"F",\uff26:"F",\u1e1e:"F",\u0191:"F",\ua77b:"F","\u24bc":"G",\uff27:"G",\u01f4:"G",\u011c:"G",\u1e20:"G",\u011e:"G",\u0120:"G",\u01e6:"G",\u0122:"G",\u01e4:"G",\u0193:"G",\ua7a0:"G",\ua77d:"G",\ua77e:"G","\u24bd":"H",\uff28:"H",\u0124:"H",\u1e22:"H",\u1e26:"H",\u021e:"H",\u1e24:"H",\u1e28:"H",\u1e2a:"H",\u0126:"H",\u2c67:"H",\u2c75:"H",\ua78d:"H","\u24be":"I",\uff29:"I",\u00cc:"I",\u00cd:"I",\u00ce:"I",\u0128:"I",\u012a:"I",\u012c:"I",\u0130:"I",\u00cf:"I",\u1e2e:"I",\u1ec8:"I",\u01cf:"I",\u0208:"I",\u020a:"I",\u1eca:"I",\u012e:"I",\u1e2c:"I",\u0197:"I","\u24bf":"J",\uff2a:"J",\u0134:"J",\u0248:"J","\u24c0":"K",\uff2b:"K",\u1e30:"K",\u01e8:"K",\u1e32:"K",\u0136:"K",\u1e34:"K",\u0198:"K",\u2c69:"K",\ua740:"K",\ua742:"K",\ua744:"K",\ua7a2:"K","\u24c1":"L",\uff2c:"L",\u013f:"L",\u0139:"L",\u013d:"L",\u1e36:"L",\u1e38:"L",\u013b:"L",\u1e3c:"L",\u1e3a:"L",\u0141:"L",\u023d:"L",\u2c62:"L",\u2c60:"L",\ua748:"L",\ua746:"L",\ua780:"L",\u01c7:"LJ",\u01c8:"Lj","\u24c2":"M",\uff2d:"M",\u1e3e:"M",\u1e40:"M",\u1e42:"M",\u2c6e:"M",\u019c:"M","\u24c3":"N",\uff2e:"N",\u01f8:"N",\u0143:"N",\u00d1:"N",\u1e44:"N",\u0147:"N",\u1e46:"N",\u0145:"N",\u1e4a:"N",\u1e48:"N",\u0220:"N",\u019d:"N",\ua790:"N",\ua7a4:"N",\u01ca:"NJ",\u01cb:"Nj","\u24c4":"O",\uff2f:"O",\u00d2:"O",\u00d3:"O",\u00d4:"O",\u1ed2:"O",\u1ed0:"O",\u1ed6:"O",\u1ed4:"O",\u00d5:"O",\u1e4c:"O",\u022c:"O",\u1e4e:"O",\u014c:"O",\u1e50:"O",\u1e52:"O",\u014e:"O",\u022e:"O",\u0230:"O",\u00d6:"O",\u022a:"O",\u1ece:"O",\u0150:"O",\u01d1:"O",\u020c:"O",\u020e:"O",\u01a0:"O",\u1edc:"O",\u1eda:"O",\u1ee0:"O",\u1ede:"O",\u1ee2:"O",\u1ecc:"O",\u1ed8:"O",\u01ea:"O",\u01ec:"O",\u00d8:"O",\u01fe:"O",\u0186:"O",\u019f:"O",\ua74a:"O",\ua74c:"O",\u01a2:"OI",\ua74e:"OO",\u0222:"OU","\u24c5":"P",\uff30:"P",\u1e54:"P",\u1e56:"P",\u01a4:"P",\u2c63:"P",\ua750:"P",\ua752:"P",\ua754:"P","\u24c6":"Q",\uff31:"Q",\ua756:"Q",\ua758:"Q",\u024a:"Q","\u24c7":"R",\uff32:"R",\u0154:"R",\u1e58:"R",\u0158:"R",\u0210:"R",\u0212:"R",\u1e5a:"R",\u1e5c:"R",\u0156:"R",\u1e5e:"R",\u024c:"R",\u2c64:"R",\ua75a:"R",\ua7a6:"R",\ua782:"R","\u24c8":"S",\uff33:"S",\u1e9e:"S",\u015a:"S",\u1e64:"S",\u015c:"S",\u1e60:"S",\u0160:"S",\u1e66:"S",\u1e62:"S",\u1e68:"S",\u0218:"S",\u015e:"S",\u2c7e:"S",\ua7a8:"S",\ua784:"S","\u24c9":"T",\uff34:"T",\u1e6a:"T",\u0164:"T",\u1e6c:"T",\u021a:"T",\u0162:"T",\u1e70:"T",\u1e6e:"T",\u0166:"T",\u01ac:"T",\u01ae:"T",\u023e:"T",\ua786:"T",\ua728:"TZ","\u24ca":"U",\uff35:"U",\u00d9:"U",\u00da:"U",\u00db:"U",\u0168:"U",\u1e78:"U",\u016a:"U",\u1e7a:"U",\u016c:"U",\u00dc:"U",\u01db:"U",\u01d7:"U",\u01d5:"U",\u01d9:"U",\u1ee6:"U",\u016e:"U",\u0170:"U",\u01d3:"U",\u0214:"U",\u0216:"U",\u01af:"U",\u1eea:"U",\u1ee8:"U",\u1eee:"U",\u1eec:"U",\u1ef0:"U",\u1ee4:"U",\u1e72:"U",\u0172:"U",\u1e76:"U",\u1e74:"U",\u0244:"U","\u24cb":"V",\uff36:"V",\u1e7c:"V",\u1e7e:"V",\u01b2:"V",\ua75e:"V",\u0245:"V",\ua760:"VY","\u24cc":"W",\uff37:"W",\u1e80:"W",\u1e82:"W",\u0174:"W",\u1e86:"W",\u1e84:"W",\u1e88:"W",\u2c72:"W","\u24cd":"X",\uff38:"X",\u1e8a:"X",\u1e8c:"X","\u24ce":"Y",\uff39:"Y",\u1ef2:"Y",\u00dd:"Y",\u0176:"Y",\u1ef8:"Y",\u0232:"Y",\u1e8e:"Y",\u0178:"Y",\u1ef6:"Y",\u1ef4:"Y",\u01b3:"Y",\u024e:"Y",\u1efe:"Y","\u24cf":"Z",\uff3a:"Z",\u0179:"Z",\u1e90:"Z",\u017b:"Z",\u017d:"Z",\u1e92:"Z",\u1e94:"Z",\u01b5:"Z",\u0224:"Z",\u2c7f:"Z",\u2c6b:"Z",\ua762:"Z","\u24d0":"a",\uff41:"a",\u1e9a:"a",\u00e0:"a",\u00e1:"a",\u00e2:"a",\u1ea7:"a",\u1ea5:"a",\u1eab:"a",\u1ea9:"a",\u00e3:"a",\u0101:"a",\u0103:"a",\u1eb1:"a",\u1eaf:"a",\u1eb5:"a",\u1eb3:"a",\u0227:"a",\u01e1:"a",\u00e4:"a",\u01df:"a",\u1ea3:"a",\u00e5:"a",\u01fb:"a",\u01ce:"a",\u0201:"a",\u0203:"a",\u1ea1:"a",\u1ead:"a",\u1eb7:"a",\u1e01:"a",\u0105:"a",\u2c65:"a",\u0250:"a",\ua733:"aa",\u00e6:"ae",\u01fd:"ae",\u01e3:"ae",\ua735:"ao",\ua737:"au",\ua739:"av",\ua73b:"av",\ua73d:"ay","\u24d1":"b",\uff42:"b",\u1e03:"b",\u1e05:"b",\u1e07:"b",\u0180:"b",\u0183:"b",\u0253:"b","\u24d2":"c",\uff43:"c",\u0107:"c",\u0109:"c",\u010b:"c",\u010d:"c",\u00e7:"c",\u1e09:"c",\u0188:"c",\u023c:"c",\ua73f:"c",\u2184:"c","\u24d3":"d",\uff44:"d",\u1e0b:"d",\u010f:"d",\u1e0d:"d",\u1e11:"d",\u1e13:"d",\u1e0f:"d",\u0111:"d",\u018c:"d",\u0256:"d",\u0257:"d",\ua77a:"d",\u01f3:"dz",\u01c6:"dz","\u24d4":"e",\uff45:"e",\u00e8:"e",\u00e9:"e",\u00ea:"e",\u1ec1:"e",\u1ebf:"e",\u1ec5:"e",\u1ec3:"e",\u1ebd:"e",\u0113:"e",\u1e15:"e",\u1e17:"e",\u0115:"e",\u0117:"e",\u00eb:"e",\u1ebb:"e",\u011b:"e",\u0205:"e",\u0207:"e",\u1eb9:"e",\u1ec7:"e",\u0229:"e",\u1e1d:"e",\u0119:"e",\u1e19:"e",\u1e1b:"e",\u0247:"e",\u025b:"e",\u01dd:"e","\u24d5":"f",\uff46:"f",\u1e1f:"f",\u0192:"f",\ua77c:"f","\u24d6":"g",\uff47:"g",\u01f5:"g",\u011d:"g",\u1e21:"g",\u011f:"g",\u0121:"g",\u01e7:"g",\u0123:"g",\u01e5:"g",\u0260:"g",\ua7a1:"g",\u1d79:"g",\ua77f:"g","\u24d7":"h",\uff48:"h",\u0125:"h",\u1e23:"h",\u1e27:"h",\u021f:"h",\u1e25:"h",\u1e29:"h",\u1e2b:"h",\u1e96:"h",\u0127:"h",\u2c68:"h",\u2c76:"h",\u0265:"h",\u0195:"hv","\u24d8":"i",\uff49:"i",\u00ec:"i",\u00ed:"i",\u00ee:"i",\u0129:"i",\u012b:"i",\u012d:"i",\u00ef:"i",\u1e2f:"i",\u1ec9:"i",\u01d0:"i",\u0209:"i",\u020b:"i",\u1ecb:"i",\u012f:"i",\u1e2d:"i",\u0268:"i",\u0131:"i","\u24d9":"j",\uff4a:"j",\u0135:"j",\u01f0:"j",\u0249:"j","\u24da":"k",\uff4b:"k",\u1e31:"k",\u01e9:"k",\u1e33:"k",\u0137:"k",\u1e35:"k",\u0199:"k",\u2c6a:"k",\ua741:"k",\ua743:"k",\ua745:"k",\ua7a3:"k","\u24db":"l",\uff4c:"l",\u0140:"l",\u013a:"l",\u013e:"l",\u1e37:"l",\u1e39:"l",\u013c:"l",\u1e3d:"l",\u1e3b:"l",\u017f:"l",\u0142:"l",\u019a:"l",\u026b:"l",\u2c61:"l",\ua749:"l",\ua781:"l",\ua747:"l",\u01c9:"lj","\u24dc":"m",\uff4d:"m",\u1e3f:"m",\u1e41:"m",\u1e43:"m",\u0271:"m",\u026f:"m","\u24dd":"n",\uff4e:"n",\u01f9:"n",\u0144:"n",\u00f1:"n",\u1e45:"n",\u0148:"n",\u1e47:"n",\u0146:"n",\u1e4b:"n",\u1e49:"n",\u019e:"n",\u0272:"n",\u0149:"n",\ua791:"n",\ua7a5:"n",\u01cc:"nj","\u24de":"o",\uff4f:"o",\u00f2:"o",\u00f3:"o",\u00f4:"o",\u1ed3:"o",\u1ed1:"o",\u1ed7:"o",\u1ed5:"o",\u00f5:"o",\u1e4d:"o",\u022d:"o",\u1e4f:"o",\u014d:"o",\u1e51:"o",\u1e53:"o",\u014f:"o",\u022f:"o",\u0231:"o",\u00f6:"o",\u022b:"o",\u1ecf:"o",\u0151:"o",\u01d2:"o",\u020d:"o",\u020f:"o",\u01a1:"o",\u1edd:"o",\u1edb:"o",\u1ee1:"o",\u1edf:"o",\u1ee3:"o",\u1ecd:"o",\u1ed9:"o",\u01eb:"o",\u01ed:"o",\u00f8:"o",\u01ff:"o",\u0254:"o",\ua74b:"o",\ua74d:"o",\u0275:"o",\u01a3:"oi",\u0223:"ou",\ua74f:"oo","\u24df":"p",\uff50:"p",\u1e55:"p",\u1e57:"p",\u01a5:"p",\u1d7d:"p",\ua751:"p",\ua753:"p",\ua755:"p","\u24e0":"q",\uff51:"q",\u024b:"q",\ua757:"q",\ua759:"q","\u24e1":"r",\uff52:"r",\u0155:"r",\u1e59:"r",\u0159:"r",\u0211:"r",\u0213:"r",\u1e5b:"r",\u1e5d:"r",\u0157:"r",\u1e5f:"r",\u024d:"r",\u027d:"r",\ua75b:"r",\ua7a7:"r",\ua783:"r","\u24e2":"s",\uff53:"s",\u00df:"s",\u015b:"s",\u1e65:"s",\u015d:"s",\u1e61:"s",\u0161:"s",\u1e67:"s",\u1e63:"s",\u1e69:"s",\u0219:"s",\u015f:"s",\u023f:"s",\ua7a9:"s",\ua785:"s",\u1e9b:"s","\u24e3":"t",\uff54:"t",\u1e6b:"t",\u1e97:"t",\u0165:"t",\u1e6d:"t",\u021b:"t",\u0163:"t",\u1e71:"t",\u1e6f:"t",\u0167:"t",\u01ad:"t",\u0288:"t",\u2c66:"t",\ua787:"t",\ua729:"tz","\u24e4":"u",\uff55:"u",\u00f9:"u",\u00fa:"u",\u00fb:"u",\u0169:"u",\u1e79:"u",\u016b:"u",\u1e7b:"u",\u016d:"u",\u00fc:"u",\u01dc:"u",\u01d8:"u",\u01d6:"u",\u01da:"u",\u1ee7:"u",\u016f:"u",\u0171:"u",\u01d4:"u",\u0215:"u",\u0217:"u",\u01b0:"u",\u1eeb:"u",\u1ee9:"u",\u1eef:"u",\u1eed:"u",\u1ef1:"u",\u1ee5:"u",\u1e73:"u",\u0173:"u",\u1e77:"u",\u1e75:"u",\u0289:"u","\u24e5":"v",\uff56:"v",\u1e7d:"v",\u1e7f:"v",\u028b:"v",\ua75f:"v",\u028c:"v",\ua761:"vy","\u24e6":"w",\uff57:"w",\u1e81:"w",\u1e83:"w",\u0175:"w",\u1e87:"w",\u1e85:"w",\u1e98:"w",\u1e89:"w",\u2c73:"w","\u24e7":"x",\uff58:"x",\u1e8b:"x",\u1e8d:"x","\u24e8":"y",\uff59:"y",\u1ef3:"y",\u00fd:"y",\u0177:"y",\u1ef9:"y",\u0233:"y",\u1e8f:"y",\u00ff:"y",\u1ef7:"y",\u1e99:"y",\u1ef5:"y",\u01b4:"y",\u024f:"y",\u1eff:"y","\u24e9":"z",\uff5a:"z",\u017a:"z",\u1e91:"z",\u017c:"z",\u017e:"z",\u1e93:"z",\u1e95:"z",\u01b6:"z",\u0225:"z",\u0240:"z",\u2c6c:"z",\ua763:"z",\u0386:"\u0391",\u0388:"\u0395",\u0389:"\u0397",\u038a:"\u0399",\u03aa:"\u0399",\u038c:"\u039f",\u038e:"\u03a5",\u03ab:"\u03a5",\u038f:"\u03a9",\u03ac:"\u03b1",\u03ad:"\u03b5",\u03ae:"\u03b7",\u03af:"\u03b9",\u03ca:"\u03b9",\u0390:"\u03b9",\u03cc:"\u03bf",\u03cd:"\u03c5",\u03cb:"\u03c5",\u03b0:"\u03c5",\u03c9:"\u03c9",\u03c2:"\u03c3"};function D(s){return s.replace(/[^\u0000-\u007E]/g,t=>ct[t]||t)}class pt{constructor(l,t){this._ngSelect=l,this._selectionModel=t,this._items=[],this._filteredItems=[],this._markedIndex=-1}get items(){return this._items}get filteredItems(){return this._filteredItems}get markedIndex(){return this._markedIndex}get selectedItems(){return this._selectionModel.value}get markedItem(){return this._filteredItems[this._markedIndex]}get noItemsToSelect(){return this._ngSelect.hideSelected&&this._items.length===this.selectedItems.length}get maxItemsSelected(){return this._ngSelect.multiple&&this._ngSelect.maxSelectedItems<=this.selectedItems.length}get lastSelectedItem(){let l=this.selectedItems.length-1;for(;l>=0;l--){const t=this.selectedItems[l];if(!t.disabled)return t}return null}setItems(l){this._items=l.map((t,a)=>this.mapItem(t,a)),this._ngSelect.groupBy?(this._groups=this._groupBy(this._items,this._ngSelect.groupBy),this._items=this._flatten(this._groups)):(this._groups=new Map,this._groups.set(void 0,this._items)),this._filteredItems=[...this._items]}select(l){if(l.selected||this.maxItemsSelected)return;const t=this._ngSelect.multiple;t||this.clearSelected(),this._selectionModel.select(l,t,this._ngSelect.selectableGroupAsModel),this._ngSelect.hideSelected&&this._hideSelected(l)}unselect(l){l.selected&&(this._selectionModel.unselect(l,this._ngSelect.multiple),this._ngSelect.hideSelected&&f(l.index)&&this._ngSelect.multiple&&this._showSelected(l))}findItem(l){let t;return t=this._ngSelect.compareWith?a=>this._ngSelect.compareWith(a.value,l):this._ngSelect.bindValue?a=>!a.children&&this.resolveNested(a.value,this._ngSelect.bindValue)===l:a=>a.value===l||!a.children&&a.label&&a.label===this.resolveNested(l,this._ngSelect.bindLabel),this._items.find(a=>t(a))}addItem(l){const t=this.mapItem(l,this._items.length);return this._items.push(t),this._filteredItems.push(t),t}clearSelected(l=!1){this._selectionModel.clear(l),this._items.forEach(t=>{t.selected=l&&t.selected&&t.disabled,t.marked=!1}),this._ngSelect.hideSelected&&this.resetFilteredItems()}findByLabel(l){return l=D(l).toLocaleLowerCase(),this.filteredItems.find(t=>D(t.label).toLocaleLowerCase().substr(0,l.length)===l)}filter(l){if(!l)return void this.resetFilteredItems();this._filteredItems=[],l=this._ngSelect.searchFn?l:D(l).toLocaleLowerCase();const t=this._ngSelect.searchFn||this._defaultSearchFn,a=this._ngSelect.hideSelected;for(const n of Array.from(this._groups.keys())){const i=[];for(const o of this._groups.get(n))a&&(o.parent&&o.parent.selected||o.selected)||t(l,this._ngSelect.searchFn?o.value:o)&&i.push(o);if(i.length>0){const[o]=i.slice(-1);if(o.parent){const c=this._items.find(_=>_===o.parent);this._filteredItems.push(c)}this._filteredItems.push(...i)}}}resetFilteredItems(){this._filteredItems.length!==this._items.length&&(this._filteredItems=this._ngSelect.hideSelected&&this.selectedItems.length>0?this._items.filter(l=>!l.selected):this._items)}unmarkItem(){this._markedIndex=-1}markNextItem(){this._stepToItem(1)}markPreviousItem(){this._stepToItem(-1)}markItem(l){this._markedIndex=this._filteredItems.indexOf(l)}markSelectedOrDefault(l){if(0===this._filteredItems.length)return;const t=this._getLastMarkedIndex();this._markedIndex=t>-1?t:l?this.filteredItems.findIndex(a=>!a.disabled):-1}resolveNested(l,t){if(!M(l))return l;if(-1===t.indexOf("."))return l[t];{const a=t.split(".");let n=l;for(let i=0,o=a.length;i-1===this.selectedItems.indexOf(t)))}_showSelected(l){if(this._filteredItems.push(l),l.parent){const t=l.parent;this._filteredItems.find(n=>n===t)||this._filteredItems.push(t)}else if(l.children)for(const t of l.children)t.selected=!1,this._filteredItems.push(t);this._filteredItems=[...this._filteredItems.sort((t,a)=>t.index-a.index)]}_hideSelected(l){this._filteredItems=this._filteredItems.filter(t=>t!==l),l.parent?l.parent.children.every(a=>a.selected)&&(this._filteredItems=this._filteredItems.filter(a=>a!==l.parent)):l.children&&(this._filteredItems=this.filteredItems.filter(t=>t.parent!==l))}_defaultSearchFn(l,t){return D(t.label).toLocaleLowerCase().indexOf(l)>-1}_getNextItemIndex(l){return l>0?this._markedIndex>=this._filteredItems.length-1?0:this._markedIndex+1:this._markedIndex<=0?this._filteredItems.length-1:this._markedIndex-1}_stepToItem(l){0===this._filteredItems.length||this._filteredItems.every(t=>t.disabled)||(this._markedIndex=this._getNextItemIndex(l),this.markedItem.disabled&&this._stepToItem(l))}_getLastMarkedIndex(){if(this._ngSelect.hideSelected||this._markedIndex>-1&&void 0===this.markedItem)return-1;const l=this._filteredItems.indexOf(this.lastSelectedItem);return this.lastSelectedItem&&l<0?-1:Math.max(this.markedIndex,l)}_groupBy(l,t){const a=new Map;if(0===l.length)return a;if(Array.isArray(l[0].value[t])){for(const o of l){const c=(o.value[t]||[]).map((_,b)=>this.mapItem(_,b));a.set(o,c)}return a}const n=O(this._ngSelect.groupBy),i=o=>{const c=n?t(o.value):o.value[t];return f(c)?c:void 0};for(const o of l){const c=i(o),_=a.get(c);_?_.push(o):a.set(c,[o])}return a}_flatten(l){const t=O(this._ngSelect.groupBy),a=[];for(const n of Array.from(l.keys())){let i=a.length;if(void 0===n){const j=l.get(void 0)||[];a.push(...j.map(C=>(C.index=i++,C)));continue}const o=M(n),c={label:o?"":String(n),children:void 0,parent:null,index:i++,disabled:!this._ngSelect.selectableGroup,htmlId:te()},_=t?this._ngSelect.bindLabel:this._ngSelect.groupBy,b=this._ngSelect.groupValue||(()=>o?n.value:{[_]:n}),v=l.get(n).map(j=>(j.parent=c,j.children=void 0,j.index=i++,j));c.children=v,c.value=b(n,v.map(j=>j.value)),a.push(c),a.push(...v)}return a}}var T=function(s){return s[s.Tab=9]="Tab",s[s.Enter=13]="Enter",s[s.Esc=27]="Esc",s[s.Space=32]="Space",s[s.ArrowUp=38]="ArrowUp",s[s.ArrowDown=40]="ArrowDown",s[s.Backspace=8]="Backspace",s}(T||{});let se=(()=>{class s{constructor(){this._dimensions={itemHeight:0,panelHeight:0,itemsPerViewport:0}}get dimensions(){return this._dimensions}calculateItems(t,a,n){const i=this._dimensions,o=i.itemHeight*a,_=Math.max(0,t)/o*a;let b=Math.min(a,Math.ceil(_)+(i.itemsPerViewport+1));const j=Math.max(0,b-i.itemsPerViewport);let C=Math.min(j,Math.floor(_)),I=i.itemHeight*Math.ceil(C)-i.itemHeight*Math.min(C,n);return I=isNaN(I)?0:I,C=isNaN(C)?-1:C,b=isNaN(b)?-1:b,C-=n,C=Math.max(0,C),b+=n,b=Math.min(a,b),{topPadding:I,scrollHeight:o,start:C,end:b}}setDimensions(t,a){const n=Math.max(1,Math.floor(a/t));this._dimensions={itemHeight:t,panelHeight:a,itemsPerViewport:n}}getScrollTo(t,a,n){const{panelHeight:i}=this.dimensions,o=t+a,_=n+i;return i>=o&&n===t?null:o>_?n+o-_:t<=n?t:null}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275prov=e.jDH({token:s,factory:s.\u0275fac})}return s})();const ne=["top","right","bottom","left"],dt=typeof requestAnimationFrame<"u"?Ce.X:ve.$;let ae=(()=>{class s{constructor(t,a,n,i,o){this._renderer=t,this._zone=a,this._panelService=n,this._document=o,this.items=[],this.position="auto",this.virtualScroll=!1,this.filterValue=null,this.update=new e.bkB,this.scroll=new e.bkB,this.scrollToEnd=new e.bkB,this.outsideClick=new e.bkB,this._destroy$=new w.B,this._scrollToEndFired=!1,this._updateScrollHeight=!1,this._lastScrollPosition=0,this._dropdown=i.nativeElement}get currentPosition(){return this._currentPosition}get itemsLength(){return this._itemsLength}set itemsLength(t){t!==this._itemsLength&&(this._itemsLength=t,this._onItemsLengthChanged())}get _startOffset(){if(this.markedItem){const{itemHeight:t,panelHeight:a}=this._panelService.dimensions,n=this.markedItem.index*t;return a>n?0:n}return 0}ngOnInit(){this._select=this._dropdown.parentElement,this._virtualPadding=this.paddingElementRef.nativeElement,this._scrollablePanel=this.scrollElementRef.nativeElement,this._contentPanel=this.contentElementRef.nativeElement,this._handleScroll(),this._handleOutsideClick(),this._appendDropdown(),this._setupMousedownListener()}ngOnChanges(t){if(t.items){const a=t.items;this._onItemsChange(a.currentValue,a.firstChange)}}ngOnDestroy(){this._destroy$.next(),this._destroy$.complete(),this._destroy$.unsubscribe(),this.appendTo&&this._renderer.removeChild(this._dropdown.parentNode,this._dropdown)}scrollTo(t,a=!1){if(!t)return;const n=this.items.indexOf(t);if(n<0||n>=this.itemsLength)return;let i;if(this.virtualScroll){const o=this._panelService.dimensions.itemHeight;i=this._panelService.getScrollTo(n*o,o,this._lastScrollPosition)}else{const o=this._dropdown.querySelector(`#${t.htmlId}`);i=this._panelService.getScrollTo(o.offsetTop,o.clientHeight,a?o.offsetTop:this._lastScrollPosition)}f(i)&&(this._scrollablePanel.scrollTop=i)}scrollToTag(){const t=this._scrollablePanel;t.scrollTop=t.scrollHeight-t.clientHeight}adjustPosition(){this._updateYPosition()}_handleDropdownPosition(){this._currentPosition=this._calculateCurrentPosition(this._dropdown),ne.includes(this._currentPosition)?this._updateDropdownClass(this._currentPosition):this._updateDropdownClass("bottom"),this.appendTo&&this._updateYPosition(),this._dropdown.style.opacity="1"}_updateDropdownClass(t){ne.forEach(n=>{const i=`ng-select-${n}`;this._renderer.removeClass(this._dropdown,i),this._renderer.removeClass(this._select,i)});const a=`ng-select-${t}`;this._renderer.addClass(this._dropdown,a),this._renderer.addClass(this._select,a)}_handleScroll(){this._zone.runOutsideAngular(()=>{(0,k.R)(this.scrollElementRef.nativeElement,"scroll").pipe((0,E.Q)(this._destroy$),(0,ge.Z)(0,dt)).subscribe(t=>{const a=t.path||t.composedPath&&t.composedPath();a&&(0!==a.length||t.target)&&this._onContentScrolled(a&&0!==a.length?a[0].scrollTop:t.target.scrollTop)})})}_handleOutsideClick(){this._document&&this._zone.runOutsideAngular(()=>{(0,y.h)((0,k.R)(this._document,"touchstart",{capture:!0}),(0,k.R)(this._document,"click",{capture:!0})).pipe((0,E.Q)(this._destroy$)).subscribe(t=>this._checkToClose(t))})}_checkToClose(t){if(this._select.contains(t.target)||this._dropdown.contains(t.target))return;const a=t.path||t.composedPath&&t.composedPath();t.target&&t.target.shadowRoot&&a&&a[0]&&this._select.contains(a[0])||this._zone.run(()=>this.outsideClick.emit())}_onItemsChange(t,a){this.items=t||[],this._scrollToEndFired=!1,this.itemsLength=t.length,this.virtualScroll?this._updateItemsRange(a):(this._setVirtualHeight(),this._updateItems(a))}_updateItems(t){this.update.emit(this.items),!1!==t&&this._zone.runOutsideAngular(()=>{Promise.resolve().then(()=>{this._panelService.setDimensions(0,this._scrollablePanel.clientHeight),this._handleDropdownPosition(),this.scrollTo(this.markedItem,t)})})}_updateItemsRange(t){this._zone.runOutsideAngular(()=>{this._measureDimensions().then(()=>{t?(this._renderItemsRange(this._startOffset),this._handleDropdownPosition()):this._renderItemsRange()})})}_onContentScrolled(t){this.virtualScroll&&this._renderItemsRange(t),this._lastScrollPosition=t,this._fireScrollToEnd(t)}_updateVirtualHeight(t){this._updateScrollHeight&&(this._virtualPadding.style.height=`${t}px`,this._updateScrollHeight=!1)}_setVirtualHeight(){this._virtualPadding&&(this._virtualPadding.style.height="0px")}_onItemsLengthChanged(){this._updateScrollHeight=!0}_renderItemsRange(t=null){if(t&&this._lastScrollPosition===t)return;const a=this._panelService.calculateItems(t=t||this._scrollablePanel.scrollTop,this.itemsLength,this.bufferAmount);this._updateVirtualHeight(a.scrollHeight),this._contentPanel.style.transform=`translateY(${a.topPadding}px)`,this._zone.run(()=>{this.update.emit(this.items.slice(a.start,a.end)),this.scroll.emit({start:a.start,end:a.end})}),f(t)&&0===this._lastScrollPosition&&(this._scrollablePanel.scrollTop=t,this._lastScrollPosition=t)}_measureDimensions(){if(this._panelService.dimensions.itemHeight>0||0===this.itemsLength)return Promise.resolve(this._panelService.dimensions);const[t]=this.items;return this.update.emit([t]),Promise.resolve().then(()=>{const n=this._dropdown.querySelector(`#${t.htmlId}`).clientHeight;return this._virtualPadding.style.height=n*this.itemsLength+"px",this._panelService.setDimensions(n,this._scrollablePanel.clientHeight),this._panelService.dimensions})}_fireScrollToEnd(t){this._scrollToEndFired||0===t||t+this._dropdown.clientHeight>=(this.virtualScroll?this._virtualPadding:this._contentPanel).clientHeight-1&&(this._zone.run(()=>this.scrollToEnd.emit()),this._scrollToEndFired=!0)}_calculateCurrentPosition(t){if("auto"!==this.position)return this.position;const a=this._select.getBoundingClientRect(),n=document.documentElement.scrollTop||document.body.scrollTop;return a.top+window.pageYOffset+a.height+t.getBoundingClientRect().height>n+document.documentElement.clientHeight?"top":"bottom"}_appendDropdown(){if(this.appendTo){if(this._parent=document.querySelector(this.appendTo),!this._parent)throw new Error(`appendTo selector ${this.appendTo} did not found any parent element`);this._updateXPosition(),this._parent.appendChild(this._dropdown)}}_updateXPosition(){const t=this._select.getBoundingClientRect(),a=this._parent.getBoundingClientRect();this._dropdown.style.left=t.left-a.left+"px",this._dropdown.style.width=t.width+"px",this._dropdown.style.minWidth=t.width+"px"}_updateYPosition(){const t=this._select.getBoundingClientRect(),a=this._parent.getBoundingClientRect(),n=t.height;"top"===this._currentPosition?(this._dropdown.style.bottom=a.bottom-t.bottom+n+"px",this._dropdown.style.top="auto"):"bottom"===this._currentPosition&&(this._dropdown.style.top=t.top-a.top+n+"px",this._dropdown.style.bottom="auto")}_setupMousedownListener(){this._zone.runOutsideAngular(()=>{(0,k.R)(this._dropdown,"mousedown").pipe((0,E.Q)(this._destroy$)).subscribe(t=>{"INPUT"!==t.target.tagName&&t.preventDefault()})})}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.sFG),e.rXU(e.SKi),e.rXU(se),e.rXU(e.aKT),e.rXU(u.qQ,8))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["ng-dropdown-panel"]],viewQuery:function(a,n){if(1&a&&(e.GBs(Te,7,e.aKT),e.GBs(xe,7,e.aKT),e.GBs(Ee,7,e.aKT)),2&a){let i;e.mGM(i=e.lsd())&&(n.contentElementRef=i.first),e.mGM(i=e.lsd())&&(n.scrollElementRef=i.first),e.mGM(i=e.lsd())&&(n.paddingElementRef=i.first)}},inputs:{items:"items",markedItem:"markedItem",position:"position",appendTo:"appendTo",bufferAmount:"bufferAmount",virtualScroll:[2,"virtualScroll","virtualScroll",e.L39],headerTemplate:"headerTemplate",footerTemplate:"footerTemplate",filterValue:"filterValue"},outputs:{update:"update",scroll:"scroll",scrollToEnd:"scrollToEnd",outsideClick:"outsideClick"},features:[e.GFd,e.OA$],ngContentSelectors:U,decls:9,vars:6,consts:[["scroll",""],["padding",""],["content",""],[1,"ng-dropdown-header"],["role","listbox",1,"ng-dropdown-panel-items","scroll-host"],[1,"ng-dropdown-footer"],[3,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(a,n){1&a&&(e.NAR(),e.DNE(0,we,2,4,"div",3),e.j41(1,"div",4,0),e.nrm(3,"div",null,1),e.j41(5,"div",null,2),e.SdG(7),e.k0s()(),e.DNE(8,Fe,2,4,"div",5)),2&a&&(e.vxM(n.headerTemplate?0:-1),e.R7$(3),e.AVh("total-padding",n.virtualScroll),e.R7$(2),e.AVh("scrollable-content",n.virtualScroll&&n.items.length),e.R7$(3),e.vxM(n.footerTemplate?8:-1))},dependencies:[u.T3],encapsulation:2,changeDetection:0})}return s})(),ut=(()=>{class s{constructor(t){this.elementRef=t,this.disabled=!1,this.stateChange$=new w.B}get label(){return(this.elementRef.nativeElement.textContent||"").trim()}ngOnChanges(t){t.disabled&&this.stateChange$.next({value:this.value,disabled:this.disabled})}ngAfterViewChecked(){this.label!==this._previousLabel&&(this._previousLabel=this.label,this.stateChange$.next({value:this.value,disabled:this.disabled,label:this.elementRef.nativeElement.innerHTML}))}ngOnDestroy(){this.stateChange$.complete()}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.aKT))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["ng-option"]],inputs:{value:"value",disabled:[2,"disabled","disabled",e.L39]},features:[e.GFd,e.OA$],ngContentSelectors:U,decls:1,vars:0,template:function(a,n){1&a&&(e.NAR(),e.SdG(0))},encapsulation:2,changeDetection:0})}return s})(),ht=(()=>{class s{constructor(){this.notFoundText="No items found",this.typeToSearchText="Type to search",this.addTagText="Add item",this.loadingText="Loading...",this.clearAllText="Clear all",this.disableVirtualScroll=!0,this.openOnEnter=!0,this.appearance="underline"}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275prov=e.jDH({token:s,factory:s.\u0275fac,providedIn:"root"})}return s})(),mt=(()=>{class s{warn(t){console.warn(t)}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275prov=e.jDH({token:s,factory:s.\u0275fac,providedIn:"root"})}return s})();const le=new e.nKC("ng-select-selection-model");let gt=(()=>{class s{get items(){return this._items}set items(t){this._itemsAreUsed=!0,this._items=t??[]}get compareWith(){return this._compareWith}set compareWith(t){if(null!=t&&!O(t))throw Error("`compareWith` must be a function.");this._compareWith=t}get clearSearchOnAdd(){return f(this._clearSearchOnAdd)?this._clearSearchOnAdd:f(this.config.clearSearchOnAdd)?this.config.clearSearchOnAdd:this.closeOnSelect}set clearSearchOnAdd(t){this._clearSearchOnAdd=t}get deselectOnClick(){return f(this._deselectOnClick)?this._deselectOnClick:f(this.config.deselectOnClick)?this.config.deselectOnClick:this.multiple}set deselectOnClick(t){this._deselectOnClick=t}get dropdownPanelStaticClasses(){return this.appendTo&&this.classes?`ng-dropdown-panel ${this.classes}`:"ng-dropdown-panel"}get disabled(){return this.readonly||this._disabled}get filtered(){return!!this.searchTerm&&this.searchable||this._isComposing}get single(){return!this.multiple}get _editableSearchTerm(){return this.editableSearchTerm&&!this.multiple}constructor(t,a,n,i,o,c,_){this.classes=t,this.autoFocus=a,this.config=n,this._cd=c,this._console=_,this.markFirst=!0,this.dropdownPosition="auto",this.loading=!1,this.closeOnSelect=!0,this.hideSelected=!1,this.selectOnTab=!1,this.bufferAmount=4,this.selectableGroup=!1,this.selectableGroupAsModel=!0,this.searchFn=null,this.trackByFn=null,this.clearOnBackspace=!0,this.labelForId=null,this.inputAttrs={},this.readonly=!1,this.searchWhileComposing=!0,this.minTermLength=0,this.editableSearchTerm=!1,this.keyDownFn=b=>!0,this.ngClass=null,this.multiple=!1,this.addTag=!1,this.searchable=!0,this.clearable=!0,this.isOpen=!1,this.blurEvent=new e.bkB,this.focusEvent=new e.bkB,this.changeEvent=new e.bkB,this.openEvent=new e.bkB,this.closeEvent=new e.bkB,this.searchEvent=new e.bkB,this.clearEvent=new e.bkB,this.addEvent=new e.bkB,this.removeEvent=new e.bkB,this.scroll=new e.bkB,this.scrollToEnd=new e.bkB,this.useDefaultClass=!0,this.viewPortItems=[],this.searchTerm=null,this.dropdownId=te(),this.escapeHTML=!0,this._items=[],this._defaultLabel="label",this._pressedKeys=[],this._isComposing=!1,this._destroy$=new w.B,this._keyPress$=new w.B,this._onChange=b=>{},this._onTouched=()=>{},this.clearItem=b=>{const v=this.selectedItems.find(j=>j.value===b);this.unselect(v)},this.trackByOption=(b,v)=>this.trackByFn?this.trackByFn(v.value):v,this._mergeGlobalConfig(n),this.itemsList=new pt(this,i()),this.element=o.nativeElement}get selectedItems(){return this.itemsList.selectedItems}get selectedValues(){return this.selectedItems.map(t=>t.value)}get hasValue(){return this.selectedItems.length>0}get currentPanelPosition(){if(this.dropdownPanel)return this.dropdownPanel.currentPosition}ngOnInit(){this._handleKeyPresses(),this._setInputAttributes()}ngOnChanges(t){t.multiple&&this.itemsList.clearSelected(),t.items&&this._setItems(t.items.currentValue||[]),t.isOpen&&(this._manualOpen=f(t.isOpen.currentValue))}ngAfterViewInit(){this._itemsAreUsed||(this.escapeHTML=!1,this._setItemsFromNgOptions()),f(this.autoFocus)&&this.focus()}ngOnDestroy(){this._destroy$.next(),this._destroy$.complete()}handleKeyDown(t){if(T[t.which]){if(!1===this.keyDownFn(t))return;this.handleKeyCode(t)}else t.key&&1===t.key.length&&this._keyPress$.next(t.key.toLocaleLowerCase())}handleKeyCode(t){this.clearButton&&this.clearButton.nativeElement===t.target?this.handleKeyCodeClear(t):this.handleKeyCodeInput(t)}handleKeyCodeInput(t){switch(t.which){case T.ArrowDown:this._handleArrowDown(t);break;case T.ArrowUp:this._handleArrowUp(t);break;case T.Space:this._handleSpace(t);break;case T.Enter:this._handleEnter(t);break;case T.Tab:this._handleTab(t);break;case T.Esc:this.close(),t.preventDefault();break;case T.Backspace:this._handleBackspace()}}handleKeyCodeClear(t){t.which===T.Enter&&(this.handleClearClick(),t.preventDefault())}handleMousedown(t){const a=t.target;"INPUT"!==a.tagName&&t.preventDefault(),a.classList.contains("ng-clear-wrapper")?this.handleClearClick():a.classList.contains("ng-arrow-wrapper")?this.handleArrowClick():a.classList.contains("ng-value-icon")||(this.focused||this.focus(),this.searchable?this.open():this.toggle())}handleArrowClick(){this.isOpen?this.close():this.open()}handleClearClick(){this.hasValue&&(this.itemsList.clearSelected(!0),this._updateNgModel()),this._clearSearch(),this.focus(),this.clearEvent.emit(),this._onSelectionChanged()}clearModel(){this.clearable&&(this.itemsList.clearSelected(),this._updateNgModel())}writeValue(t){this.itemsList.clearSelected(),this._handleWriteValue(t),this._cd.markForCheck()}registerOnChange(t){this._onChange=t}registerOnTouched(t){this._onTouched=t}setDisabledState(t){this._disabled=t,this._cd.markForCheck()}toggle(){this.isOpen?this.close():this.open()}open(){this.disabled||this.isOpen||this._manualOpen||!this._isTypeahead&&!this.addTag&&this.itemsList.noItemsToSelect||(this.isOpen=!0,this.itemsList.markSelectedOrDefault(this.markFirst),this.openEvent.emit(),this.searchTerm||this.focus(),this.detectChanges())}close(){!this.isOpen||this._manualOpen||(this.isOpen=!1,this._isComposing=!1,this._editableSearchTerm?this.itemsList.resetFilteredItems():this._clearSearch(),this.itemsList.unmarkItem(),this._onTouched(),this.closeEvent.emit(),this._cd.markForCheck())}toggleItem(t){!t||t.disabled||this.disabled||(this.deselectOnClick&&t.selected?this.unselect(t):this.select(t),this._editableSearchTerm&&this._setSearchTermFromItems(),this._onSelectionChanged())}select(t){t.selected||(this.itemsList.select(t),this.clearSearchOnAdd&&!this._editableSearchTerm&&this._clearSearch(),this._updateNgModel(),this.multiple&&this.addEvent.emit(t.value)),(this.closeOnSelect||this.itemsList.noItemsToSelect)&&this.close()}focus(){this.searchInput.nativeElement.focus()}blur(){this.searchInput.nativeElement.blur()}unselect(t){t&&(this.itemsList.unselect(t),this.focus(),this._updateNgModel(),this.removeEvent.emit(t.value))}selectTag(){let t;t=O(this.addTag)?this.addTag(this.searchTerm):this._primitive?this.searchTerm:{[this.bindLabel]:this.searchTerm};const a=n=>this._isTypeahead||!this.isOpen?this.itemsList.mapItem(n,null):this.itemsList.addItem(n);!function ot(s){return s instanceof Promise}(t)?t&&this.select(a(t)):t.then(n=>this.select(a(n))).catch(()=>{})}showClear(){return this.clearable&&(this.hasValue||this.searchTerm)&&!this.disabled}focusOnClear(){this.blur(),this.clearButton&&this.clearButton.nativeElement.focus()}get showAddTag(){if(!this._validTerm)return!1;const t=this.searchTerm.toLowerCase().trim();return this.addTag&&!this.itemsList.filteredItems.some(a=>a.label.toLowerCase()===t)&&(!this.hideSelected&&this.isOpen||!this.selectedItems.some(a=>a.label.toLowerCase()===t))&&!this.loading}showNoItemsFound(){const t=0===this.itemsList.filteredItems.length;return(t&&!this._isTypeahead&&!this.loading||t&&this._isTypeahead&&this._validTerm&&!this.loading)&&!this.showAddTag}showTypeToSearch(){return 0===this.itemsList.filteredItems.length&&this._isTypeahead&&!this._validTerm&&!this.loading}onCompositionStart(){this._isComposing=!0}onCompositionEnd(t){this._isComposing=!1,!this.searchWhileComposing&&this.filter(t)}filter(t){this._isComposing&&!this.searchWhileComposing||(this.searchTerm=t,this._isTypeahead&&(this._validTerm||0===this.minTermLength)&&this.typeahead.next(t),this._isTypeahead||(this.itemsList.filter(this.searchTerm),this.isOpen&&this.itemsList.markSelectedOrDefault(this.markFirst)),this.searchEvent.emit({term:t,items:this.itemsList.filteredItems.map(a=>a.value)}),this.open())}onInputFocus(t){this.focused||(this._editableSearchTerm&&this._setSearchTermFromItems(),this.element.classList.add("ng-select-focused"),this.focusEvent.emit(t),this.focused=!0)}onInputBlur(t){this.element.classList.remove("ng-select-focused"),this.blurEvent.emit(t),!this.isOpen&&!this.disabled&&this._onTouched(),this._editableSearchTerm&&this._setSearchTermFromItems(),this.focused=!1}onItemHover(t){t.disabled||this.itemsList.markItem(t)}detectChanges(){this._cd.destroyed||this._cd.detectChanges()}_setSearchTermFromItems(){const t=this.selectedItems&&this.selectedItems[0];this.searchTerm=t&&t.label||null}_setItems(t){const a=t[0];this.bindLabel=this.bindLabel||this._defaultLabel,this._primitive=f(a)?!M(a):this._primitive||this.bindLabel===this._defaultLabel,this.itemsList.setItems(t),t.length>0&&this.hasValue&&this.itemsList.mapSelectedItems(),this.isOpen&&f(this.searchTerm)&&!this._isTypeahead&&this.itemsList.filter(this.searchTerm),(this._isTypeahead||this.isOpen)&&this.itemsList.markSelectedOrDefault(this.markFirst)}_setItemsFromNgOptions(){const t=n=>{this.items=n.map(i=>({$ngOptionValue:i.value,$ngOptionLabel:i.elementRef.nativeElement.innerHTML,disabled:i.disabled})),this.itemsList.setItems(this.items),this.hasValue&&this.itemsList.mapSelectedItems(),this.detectChanges()},a=()=>{const n=(0,y.h)(this.ngOptions.changes,this._destroy$);(0,y.h)(...this.ngOptions.map(i=>i.stateChange$)).pipe((0,E.Q)(n)).subscribe(i=>{const o=this.itemsList.findItem(i.value);o.disabled=i.disabled,o.label=i.label||o.label,this._cd.detectChanges()})};this.ngOptions.changes.pipe((0,R.Z)(this.ngOptions),(0,E.Q)(this._destroy$)).subscribe(n=>{this.bindLabel=this._defaultLabel,t(n),a()})}_isValidWriteValue(t){if(!f(t)||this.multiple&&""===t||Array.isArray(t)&&0===t.length)return!1;const a=n=>!(!f(this.compareWith)&&M(n)&&this.bindValue&&(this._console.warn(`Setting object(${JSON.stringify(n)}) as your model with bindValue is not allowed unless [compareWith] is used.`),1));return this.multiple?Array.isArray(t)?t.every(n=>a(n)):(this._console.warn("Multiple select ngModel should be array."),!1):a(t)}_handleWriteValue(t){if(!this._isValidWriteValue(t))return;const a=n=>{let i=this.itemsList.findItem(n);if(i)this.itemsList.select(i);else{const o=M(n);o||!o&&!this.bindValue?this.itemsList.select(this.itemsList.mapItem(n,null)):this.bindValue&&(i={[this.bindLabel]:null,[this.bindValue]:n},this.itemsList.select(this.itemsList.mapItem(i,null)))}};this.multiple?t.forEach(n=>a(n)):a(t)}_handleKeyPresses(){this.searchable||this._keyPress$.pipe((0,E.Q)(this._destroy$),(0,fe.M)(t=>this._pressedKeys.push(t)),(0,_e.B)(200),(0,be.p)(()=>this._pressedKeys.length>0),(0,je.T)(()=>this._pressedKeys.join(""))).subscribe(t=>{const a=this.itemsList.findByLabel(t);a&&(this.isOpen?(this.itemsList.markItem(a),this._scrollToMarked(),this._cd.markForCheck()):this.select(a)),this._pressedKeys=[]})}_setInputAttributes(){const t=this.searchInput.nativeElement,a={type:"text",autocorrect:"off",autocapitalize:"off",autocomplete:this.labelForId?"off":this.dropdownId,...this.inputAttrs};for(const n of Object.keys(a))t.setAttribute(n,a[n])}_updateNgModel(){const t=[];for(const n of this.selectedItems)if(this.bindValue){let i=null;i=n.children?n.value[(this.groupValue?this.bindValue:this.groupBy)||this.groupBy]:this.itemsList.resolveNested(n.value,this.bindValue),t.push(i)}else t.push(n.value);const a=this.selectedItems.map(n=>n.value);this.multiple?(this._onChange(t),this.changeEvent.emit(a)):(this._onChange(f(t[0])?t[0]:null),this.changeEvent.emit(a[0])),this._cd.markForCheck()}_clearSearch(){this.searchTerm&&(this._changeSearch(null),this.itemsList.resetFilteredItems())}_changeSearch(t){this.searchTerm=t,this._isTypeahead&&this.typeahead.next(t)}_scrollToMarked(){!this.isOpen||!this.dropdownPanel||this.dropdownPanel.scrollTo(this.itemsList.markedItem)}_scrollToTag(){!this.isOpen||!this.dropdownPanel||this.dropdownPanel.scrollToTag()}_onSelectionChanged(){this.isOpen&&this.deselectOnClick&&this.appendTo&&(this._cd.detectChanges(),this.dropdownPanel.adjustPosition())}_handleTab(t){if(!1===this.isOpen)if(this.showClear()&&!t.shiftKey)this.focusOnClear(),t.preventDefault();else if(!this.addTag)return;this.selectOnTab?this.itemsList.markedItem?(this.toggleItem(this.itemsList.markedItem),t.preventDefault()):this.showAddTag?(this.selectTag(),t.preventDefault()):this.close():this.close()}_handleEnter(t){if(this.isOpen||this._manualOpen)this.itemsList.markedItem?this.toggleItem(this.itemsList.markedItem):this.showAddTag&&this.selectTag();else{if(!this.openOnEnter)return;this.open()}t.preventDefault()}_handleSpace(t){this.isOpen||this._manualOpen||(this.open(),t.preventDefault())}_handleArrowDown(t){this._nextItemIsTag(1)?(this.itemsList.unmarkItem(),this._scrollToTag()):(this.itemsList.markNextItem(),this._scrollToMarked()),this.open(),t.preventDefault()}_handleArrowUp(t){this.isOpen&&(this._nextItemIsTag(-1)?(this.itemsList.unmarkItem(),this._scrollToTag()):(this.itemsList.markPreviousItem(),this._scrollToMarked()),t.preventDefault())}_nextItemIsTag(t){const a=this.itemsList.markedIndex+t;return this.addTag&&this.searchTerm&&this.itemsList.markedItem&&(a<0||a===this.itemsList.filteredItems.length)}_handleBackspace(){this.searchTerm||!this.clearable||!this.clearOnBackspace||!this.hasValue||(this.multiple?this.unselect(this.itemsList.lastSelectedItem):this.clearModel())}get _isTypeahead(){return this.typeahead&&this.typeahead.observers.length>0}get _validTerm(){const t=this.searchTerm&&this.searchTerm.trim();return t&&t.length>=this.minTermLength}_mergeGlobalConfig(t){this.placeholder=this.placeholder||t.placeholder,this.notFoundText=this.notFoundText||t.notFoundText,this.typeToSearchText=this.typeToSearchText||t.typeToSearchText,this.addTagText=this.addTagText||t.addTagText,this.loadingText=this.loadingText||t.loadingText,this.clearAllText=this.clearAllText||t.clearAllText,this.virtualScroll=f(this.virtualScroll)?this.virtualScroll:!!f(t.disableVirtualScroll)&&!t.disableVirtualScroll,this.openOnEnter=f(this.openOnEnter)?this.openOnEnter:t.openOnEnter,this.appendTo=this.appendTo||t.appendTo,this.bindValue=this.bindValue||t.bindValue,this.bindLabel=this.bindLabel||t.bindLabel,this.appearance=this.appearance||t.appearance}static#e=this.\u0275fac=function(a){return new(a||s)(e.kS0("class"),e.kS0("autofocus"),e.rXU(ht),e.rXU(le),e.rXU(e.aKT),e.rXU(e.gRc),e.rXU(mt))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["ng-select"]],contentQueries:function(a,n,i){if(1&a&&(e.wni(i,H,5,e.C4Q),e.wni(i,$,5,e.C4Q),e.wni(i,q,5,e.C4Q),e.wni(i,Y,5,e.C4Q),e.wni(i,Q,5,e.C4Q),e.wni(i,W,5,e.C4Q),e.wni(i,K,5,e.C4Q),e.wni(i,z,5,e.C4Q),e.wni(i,J,5,e.C4Q),e.wni(i,Z,5,e.C4Q),e.wni(i,ee,5,e.C4Q),e.wni(i,ut,5)),2&a){let o;e.mGM(o=e.lsd())&&(n.optionTemplate=o.first),e.mGM(o=e.lsd())&&(n.optgroupTemplate=o.first),e.mGM(o=e.lsd())&&(n.labelTemplate=o.first),e.mGM(o=e.lsd())&&(n.multiLabelTemplate=o.first),e.mGM(o=e.lsd())&&(n.headerTemplate=o.first),e.mGM(o=e.lsd())&&(n.footerTemplate=o.first),e.mGM(o=e.lsd())&&(n.notFoundTemplate=o.first),e.mGM(o=e.lsd())&&(n.typeToSearchTemplate=o.first),e.mGM(o=e.lsd())&&(n.loadingTextTemplate=o.first),e.mGM(o=e.lsd())&&(n.tagTemplate=o.first),e.mGM(o=e.lsd())&&(n.loadingSpinnerTemplate=o.first),e.mGM(o=e.lsd())&&(n.ngOptions=o)}},viewQuery:function(a,n){if(1&a&&(e.GBs(ae,5),e.GBs(ye,7),e.GBs(Se,5)),2&a){let i;e.mGM(i=e.lsd())&&(n.dropdownPanel=i.first),e.mGM(i=e.lsd())&&(n.searchInput=i.first),e.mGM(i=e.lsd())&&(n.clearButton=i.first)}},hostVars:20,hostBindings:function(a,n){1&a&&e.bIt("keydown",function(o){return n.handleKeyDown(o)}),2&a&&e.AVh("ng-select-typeahead",n.typeahead)("ng-select-multiple",n.multiple)("ng-select-taggable",n.addTag)("ng-select-searchable",n.searchable)("ng-select-clearable",n.clearable)("ng-select-opened",n.isOpen)("ng-select",n.useDefaultClass)("ng-select-disabled",n.disabled)("ng-select-filtered",n.filtered)("ng-select-single",n.single)},inputs:{bindLabel:"bindLabel",bindValue:"bindValue",markFirst:[2,"markFirst","markFirst",e.L39],placeholder:"placeholder",notFoundText:"notFoundText",typeToSearchText:"typeToSearchText",addTagText:"addTagText",loadingText:"loadingText",clearAllText:"clearAllText",appearance:"appearance",dropdownPosition:"dropdownPosition",appendTo:"appendTo",loading:[2,"loading","loading",e.L39],closeOnSelect:[2,"closeOnSelect","closeOnSelect",e.L39],hideSelected:[2,"hideSelected","hideSelected",e.L39],selectOnTab:[2,"selectOnTab","selectOnTab",e.L39],openOnEnter:[2,"openOnEnter","openOnEnter",e.L39],maxSelectedItems:[2,"maxSelectedItems","maxSelectedItems",e.Udg],groupBy:"groupBy",groupValue:"groupValue",bufferAmount:[2,"bufferAmount","bufferAmount",e.Udg],virtualScroll:[2,"virtualScroll","virtualScroll",e.L39],selectableGroup:[2,"selectableGroup","selectableGroup",e.L39],selectableGroupAsModel:[2,"selectableGroupAsModel","selectableGroupAsModel",e.L39],searchFn:"searchFn",trackByFn:"trackByFn",clearOnBackspace:[2,"clearOnBackspace","clearOnBackspace",e.L39],labelForId:"labelForId",inputAttrs:"inputAttrs",tabIndex:[2,"tabIndex","tabIndex",e.Udg],readonly:[2,"readonly","readonly",e.L39],searchWhileComposing:[2,"searchWhileComposing","searchWhileComposing",e.L39],minTermLength:[2,"minTermLength","minTermLength",e.Udg],editableSearchTerm:[2,"editableSearchTerm","editableSearchTerm",e.L39],keyDownFn:"keyDownFn",ngClass:"ngClass",typeahead:"typeahead",multiple:[2,"multiple","multiple",e.L39],addTag:"addTag",searchable:[2,"searchable","searchable",e.L39],clearable:[2,"clearable","clearable",e.L39],isOpen:"isOpen",items:"items",compareWith:"compareWith",clearSearchOnAdd:"clearSearchOnAdd",deselectOnClick:"deselectOnClick"},outputs:{blurEvent:"blur",focusEvent:"focus",changeEvent:"change",openEvent:"open",closeEvent:"close",searchEvent:"search",clearEvent:"clear",addEvent:"add",removeEvent:"remove",scroll:"scroll",scrollToEnd:"scrollToEnd"},features:[e.Jv_([{provide:h.kq,useExisting:(0,e.Rfq)(()=>s),multi:!0},se]),e.GFd,e.OA$],decls:14,vars:19,consts:[["searchInput",""],["defaultLabelTemplate",""],["defaultLoadingSpinnerTemplate",""],["clearButton",""],["defaultOptionTemplate",""],["defaultTagTemplate",""],["defaultNotFoundTemplate",""],["defaultTypeToSearchTemplate",""],["defaultLoadingTextTemplate",""],[1,"ng-select-container",3,"mousedown"],[1,"ng-value-container"],[1,"ng-placeholder"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],["role","combobox","aria-haspopup","listbox",1,"ng-input"],["aria-autocomplete","list",3,"input","compositionstart","compositionend","focus","blur","change","readOnly","disabled","value"],["tabindex","0",1,"ng-clear-wrapper",3,"title"],[1,"ng-arrow-wrapper"],[1,"ng-arrow"],["role","listbox","aria-label","Options list",3,"class","virtualScroll","bufferAmount","appendTo","position","headerTemplate","footerTemplate","filterValue","items","markedItem","ng-select-multiple","ngClass","id"],[1,"ng-value",3,"ng-value-disabled"],[1,"ng-value"],["aria-hidden","true",1,"ng-value-icon","left",3,"click"],[1,"ng-value-label",3,"ngItemLabel","escape"],[3,"ngTemplateOutlet"],[1,"ng-spinner-loader"],["aria-hidden","true",1,"ng-clear"],["role","listbox","aria-label","Options list",3,"update","scroll","scrollToEnd","outsideClick","virtualScroll","bufferAmount","appendTo","position","headerTemplate","footerTemplate","filterValue","items","markedItem","ngClass","id"],[1,"ng-option",3,"ng-option-disabled","ng-option-selected","ng-optgroup","ng-option","ng-option-child","ng-option-marked"],["role","option",1,"ng-option",3,"ng-option-marked"],[1,"ng-option",3,"click","mouseover"],[1,"ng-option-label",3,"ngItemLabel","escape"],["role","option",1,"ng-option",3,"mouseover","click"],[1,"ng-tag-label"],[1,"ng-option","ng-option-disabled"]],template:function(a,n){if(1&a){const i=e.RV6();e.j41(0,"div",9),e.bIt("mousedown",function(c){return e.eBV(i),e.Njj(n.handleMousedown(c))}),e.j41(1,"div",10)(2,"div",11),e.EFF(3),e.k0s(),e.DNE(4,Le,2,0)(5,Ne,1,5,null,12),e.j41(6,"div",13)(7,"input",14,0),e.bIt("input",function(){e.eBV(i);const c=e.sdS(8);return e.Njj(n.filter(c.value))})("compositionstart",function(){return e.eBV(i),e.Njj(n.onCompositionStart())})("compositionend",function(){e.eBV(i);const c=e.sdS(8);return e.Njj(n.onCompositionEnd(c.value))})("focus",function(c){return e.eBV(i),e.Njj(n.onInputFocus(c))})("blur",function(c){return e.eBV(i),e.Njj(n.onInputBlur(c))})("change",function(c){return e.eBV(i),e.Njj(c.stopPropagation())}),e.k0s()()(),e.DNE(9,Ge,3,1)(10,Re,4,1,"span",15),e.j41(11,"span",16),e.nrm(12,"span",17),e.k0s()(),e.DNE(13,nt,8,19,"ng-dropdown-panel",18)}2&a&&(e.AVh("ng-appearance-outline","outline"===n.appearance)("ng-has-value",n.hasValue),e.R7$(3),e.JRh(n.placeholder),e.R7$(),e.vxM(n.multiLabelTemplate&&n.multiple||!(n.selectedItems.length>0)?-1:4),e.R7$(),e.vxM(n.multiple&&n.multiLabelTemplate&&n.selectedValues.length>0?5:-1),e.R7$(),e.BMQ("aria-expanded",n.isOpen)("aria-owns",n.isOpen?n.dropdownId:null),e.R7$(),e.Y8G("readOnly",!n.searchable||n.itemsList.maxItemsSelected)("disabled",n.disabled)("value",n.searchTerm?n.searchTerm:""),e.BMQ("id",n.labelForId)("tabindex",n.tabIndex)("aria-activedescendant",n.isOpen?null==n.itemsList||null==n.itemsList.markedItem?null:n.itemsList.markedItem.htmlId:null)("aria-controls",n.isOpen?n.dropdownId:null),e.R7$(2),e.vxM(n.loading?9:-1),e.R7$(),e.vxM(n.showClear()?10:-1),e.R7$(3),e.vxM(n.isOpen?13:-1))},dependencies:[u.YU,u.T3,ae,rt],styles:['@charset "UTF-8";.ng-select{position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ng-select div,.ng-select input,.ng-select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ng-select [hidden]{display:none}.ng-select.ng-select-searchable .ng-select-container .ng-value-container .ng-input{opacity:1}.ng-select.ng-select-opened .ng-select-container{z-index:1001}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder,.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{-webkit-user-select:none;user-select:none;cursor:default}.ng-select.ng-select-disabled .ng-arrow-wrapper{cursor:default}.ng-select.ng-select-filtered .ng-placeholder{display:none}.ng-select .ng-select-container{cursor:default;display:flex;outline:none;overflow:hidden;position:relative;width:100%}.ng-select .ng-select-container .ng-value-container{display:flex;flex:1}.ng-select .ng-select-container .ng-value-container .ng-input{opacity:0}.ng-select .ng-select-container .ng-value-container .ng-input>input{box-sizing:content-box;background:none transparent;border:0 none;box-shadow:none;outline:none;padding:0;cursor:default;width:100%}.ng-select .ng-select-container .ng-value-container .ng-input>input::-ms-clear{display:none}.ng-select .ng-select-container .ng-value-container .ng-input>input[readonly]{-webkit-user-select:none;user-select:none;width:0;padding:0}.ng-select.ng-select-single.ng-select-filtered .ng-select-container .ng-value-container .ng-value{visibility:hidden}.ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{position:absolute;left:0;width:100%}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{flex-wrap:wrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{position:absolute}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{white-space:nowrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{cursor:pointer}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{flex:1;z-index:2}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{z-index:1}.ng-select .ng-clear-wrapper{cursor:pointer;position:relative;width:17px;-webkit-user-select:none;user-select:none}.ng-select .ng-clear-wrapper .ng-clear{display:inline-block;font-size:18px;line-height:1;pointer-events:none}.ng-select .ng-spinner-loader{border-radius:50%;width:17px;height:17px;margin-right:5px;font-size:10px;position:relative;text-indent:-9999em;border-top:2px solid rgba(66,66,66,.2);border-right:2px solid rgba(66,66,66,.2);border-bottom:2px solid rgba(66,66,66,.2);border-left:2px solid #424242;transform:translateZ(0);animation:load8 .8s infinite linear}.ng-select .ng-spinner-loader:after{border-radius:50%;width:17px;height:17px}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ng-select .ng-arrow-wrapper{cursor:pointer;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.ng-select .ng-arrow-wrapper .ng-arrow{pointer-events:none;display:inline-block;height:0;width:0;position:relative}.ng-dropdown-panel{box-sizing:border-box;position:absolute;opacity:0;width:100%;z-index:1050;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .ng-dropdown-panel-items{display:block;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-height:240px;overflow-y:auto}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{box-sizing:border-box;cursor:pointer;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label:empty:before{content:"\\200b"}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .highlighted{font-weight:700;text-decoration:underline}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.disabled{cursor:default}.ng-dropdown-panel .scroll-host{overflow:hidden;overflow-y:auto;position:relative;display:block;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .scrollable-content{top:0;left:0;width:100%;height:100%;position:absolute}.ng-dropdown-panel .total-padding{width:1px;opacity:0}\n'],encapsulation:2,changeDetection:0})}return s})();function ft(){return new _t}class _t{constructor(){this._selected=[]}get value(){return this._selected}select(l,t,a){if(l.selected=!0,(!l.children||!t&&a)&&this._selected.push(l),t)if(l.parent){const n=l.parent.children.length,i=l.parent.children.filter(o=>o.selected).length;l.parent.selected=n===i}else l.children&&(this._setChildrenSelectedState(l.children,!0),this._removeChildren(l),this._selected=a&&this._activeChildren(l)?[...this._selected.filter(n=>n.parent!==l),l]:[...this._selected,...l.children.filter(n=>!n.disabled)])}unselect(l,t){if(this._selected=this._selected.filter(a=>a!==l),l.selected=!1,t)if(l.parent&&l.parent.selected){const a=l.parent.children;this._removeParent(l.parent),this._removeChildren(l.parent),this._selected.push(...a.filter(n=>n!==l&&!n.disabled)),l.parent.selected=!1}else l.children&&(this._setChildrenSelectedState(l.children,!1),this._removeChildren(l))}clear(l){this._selected=l?this._selected.filter(t=>t.disabled):[]}_setChildrenSelectedState(l,t){for(const a of l)a.disabled||(a.selected=t)}_removeChildren(l){this._selected=[...this._selected.filter(t=>t.parent!==l),...l.children.filter(t=>t.parent===l&&t.disabled&&t.selected)]}_removeParent(l){this._selected=this._selected.filter(t=>t!==l)}_activeChildren(l){return l.children.every(t=>!t.disabled||t.selected)}}let bt=(()=>{class s{static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275mod=e.$C({type:s});static#s=this.\u0275inj=e.G2t({providers:[{provide:le,useValue:ft}],imports:[u.MD]})}return s})();const jt=["*"];let ie=(()=>{class s{get label(){return(this.elementRef.nativeElement.textContent||"").trim()}constructor(t){this.elementRef=t,this.disabled=!1,this.stateChange$=new w.B}ngOnChanges(t){t.disabled&&this.stateChange$.next({value:this.value,disabled:this.disabled})}ngAfterViewChecked(){this.label!==this._previousLabel&&(this._previousLabel=this.label,this.stateChange$.next({value:this.value,disabled:this.disabled,label:this.elementRef.nativeElement.innerHTML}))}ngOnDestroy(){this.stateChange$.complete()}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.aKT))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["mtx-option"]],inputs:{value:"value",disabled:[2,"disabled","disabled",e.L39]},exportAs:["mtxOption"],standalone:!0,features:[e.GFd,e.OA$,e.aNF],ngContentSelectors:jt,decls:1,vars:0,template:function(a,n){1&a&&(e.NAR(),e.SdG(0))},encapsulation:2,changeDetection:0})}return s})(),V=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-option-tmp",""]],standalone:!0})}return s})(),oe=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-optgroup-tmp",""]],standalone:!0})}return s})(),P=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-label-tmp",""]],standalone:!0})}return s})(),Ct=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-multi-label-tmp",""]],standalone:!0})}return s})(),vt=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-header-tmp",""]],standalone:!0})}return s})(),Tt=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-footer-tmp",""]],standalone:!0})}return s})(),xt=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-notfound-tmp",""]],standalone:!0})}return s})(),Et=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-typetosearch-tmp",""]],standalone:!0})}return s})(),wt=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-loadingtext-tmp",""]],standalone:!0})}return s})(),Ft=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-tag-tmp",""]],standalone:!0})}return s})(),yt=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-loadingspinner-tmp",""]],standalone:!0})}return s})();var St=r(18617);const Mt=["ngSelect"],At=()=>({standalone:!0}),re=(s,l,t,a)=>({item:s,item$:l,index:t,searchTerm:a}),kt=(s,l,t)=>({item:s,clear:l,label:t}),Ot=(s,l)=>({items:s,clear:l}),G=s=>({searchTerm:s});function Dt(s,l){}function It(s,l){if(1&s&&e.DNE(0,Dt,0,0,"ng-template",13),2&s){const t=l.item,a=l.item$,n=l.index,i=l.searchTerm,o=e.XpG(2);e.Y8G("ngTemplateOutlet",o.optionTemplate)("ngTemplateOutletContext",e.ziG(2,re,t,a,n,i))}}function Lt(s,l){1&s&&e.DNE(0,It,1,7,"ng-template",2)}function Bt(s,l){}function Nt(s,l){if(1&s&&e.DNE(0,Bt,0,0,"ng-template",13),2&s){const t=l.item,a=l.item$,n=l.index,i=l.searchTerm,o=e.XpG(2);e.Y8G("ngTemplateOutlet",o.optgroupTemplate)("ngTemplateOutletContext",e.ziG(2,re,t,a,n,i))}}function Vt(s,l){1&s&&e.DNE(0,Nt,1,7,"ng-template",3)}function Pt(s,l){}function Gt(s,l){if(1&s&&e.DNE(0,Pt,0,0,"ng-template",13),2&s){const t=l.item,a=l.clear,n=l.label,i=e.XpG(2);e.Y8G("ngTemplateOutlet",i.labelTemplate)("ngTemplateOutletContext",e.sMw(2,kt,t,a,n))}}function Rt(s,l){1&s&&e.DNE(0,Gt,1,6,"ng-template",4)}function Ut(s,l){}function Xt(s,l){if(1&s&&e.DNE(0,Ut,0,0,"ng-template",13),2&s){const t=l.items,a=l.clear,n=e.XpG(2);e.Y8G("ngTemplateOutlet",n.multiLabelTemplate)("ngTemplateOutletContext",e.l_i(2,Ot,t,a))}}function Ht(s,l){1&s&&e.DNE(0,Xt,1,5,"ng-template",5)}function $t(s,l){}function qt(s,l){if(1&s&&e.DNE(0,$t,0,0,"ng-template",14),2&s){const t=e.XpG(2);e.Y8G("ngTemplateOutlet",t.headerTemplate)}}function Yt(s,l){1&s&&e.DNE(0,qt,1,1,"ng-template",6)}function Qt(s,l){}function Wt(s,l){if(1&s&&e.DNE(0,Qt,0,0,"ng-template",14),2&s){const t=e.XpG(2);e.Y8G("ngTemplateOutlet",t.footerTemplate)}}function Kt(s,l){1&s&&e.DNE(0,Wt,1,1,"ng-template",7)}function zt(s,l){}function Jt(s,l){if(1&s&&e.DNE(0,zt,0,0,"ng-template",13),2&s){const t=l.searchTerm,a=e.XpG(2);e.Y8G("ngTemplateOutlet",a.notFoundTemplate)("ngTemplateOutletContext",e.eq3(2,G,t))}}function Zt(s,l){1&s&&e.DNE(0,Jt,1,4,"ng-template",8)}function es(s,l){}function ts(s,l){if(1&s&&e.DNE(0,es,0,0,"ng-template",14),2&s){const t=e.XpG(2);e.Y8G("ngTemplateOutlet",t.typeToSearchTemplate)}}function ss(s,l){1&s&&e.DNE(0,ts,1,1,"ng-template",9)}function ns(s,l){}function as(s,l){if(1&s&&e.DNE(0,ns,0,0,"ng-template",13),2&s){const t=l.searchTerm,a=e.XpG(2);e.Y8G("ngTemplateOutlet",a.loadingTextTemplate)("ngTemplateOutletContext",e.eq3(2,G,t))}}function ls(s,l){1&s&&e.DNE(0,as,1,4,"ng-template",10)}function is(s,l){}function os(s,l){if(1&s&&e.DNE(0,is,0,0,"ng-template",13),2&s){const t=l.searchTerm,a=e.XpG(2);e.Y8G("ngTemplateOutlet",a.tagTemplate)("ngTemplateOutletContext",e.eq3(2,G,t))}}function rs(s,l){1&s&&e.DNE(0,os,1,4,"ng-template",11)}function cs(s,l){}function ps(s,l){if(1&s&&e.DNE(0,cs,0,0,"ng-template",14),2&s){const t=e.XpG(2);e.Y8G("ngTemplateOutlet",t.loadingSpinnerTemplate)}}function ds(s,l){1&s&&e.DNE(0,ps,1,1,"ng-template",12)}const us=new e.nKC("mtx-select-default-options");let ce=0,A=(()=>{class s{get clearSearchOnAdd(){return this._clearSearchOnAdd??this.closeOnSelect}set clearSearchOnAdd(t){this._clearSearchOnAdd=t}get items(){return this._items}set items(t){this._itemsAreUsed=!0,this._items=t}get value(){return this._value}set value(t){this._assignValue(t)&&this._onChange(t)}get id(){return this._id}set id(t){this._id=t||this._uid,this.stateChanges.next()}get placeholder(){return this._placeholder}set placeholder(t){this._placeholder=t,this.stateChanges.next()}get focused(){return this._focused}get empty(){return null==this.value||Array.isArray(this.value)&&0===this.value.length}get shouldLabelFloat(){return this.focused||!this.empty}get required(){return this._required??this.ngControl?.control?.hasValidator(h.k0.required)??!1}set required(t){this._required=t,this.stateChanges.next()}get errorStateMatcher(){return this._errorStateTracker.matcher}set errorStateMatcher(t){this._errorStateTracker.matcher=t}get panelOpen(){return!!this.ngSelect.isOpen}get errorState(){return this._errorStateTracker.errorState}set errorState(t){this._errorStateTracker.errorState=t}constructor(t,a,n,i,o,c,_,b,v){this._changeDetectorRef=t,this._elementRef=a,this._focusMonitor=n,this.ngControl=_,this._parentFormField=b,this._defaultOptions=v,this.addTag=!1,this.addTagText=this._defaultOptions?.addTagText??"Add item",this.appearance="underline",this.appendTo=this._defaultOptions?.appendTo??"body",this.bindLabel=this._defaultOptions?.bindLabel,this.bindValue=this._defaultOptions?.bindValue,this.closeOnSelect=!0,this.clearAllText=this._defaultOptions?.clearAllText??"Clear all",this.clearable=!0,this.clearOnBackspace=!0,this.dropdownPosition="auto",this.bufferAmount=4,this.selectableGroup=!1,this.selectableGroupAsModel=!0,this.hideSelected=!1,this.loading=!1,this.loadingText=this._defaultOptions?.loadingText??"Loading...",this.labelForId=null,this.markFirst=!0,this.multiple=!1,this.notFoundText=this._defaultOptions?.notFoundText??"No items found",this.searchable=!0,this.readonly=!1,this.searchFn=null,this.searchWhileComposing=!0,this.selectOnTab=!1,this.trackByFn=null,this.inputAttrs={},this.openOnEnter=this._defaultOptions?.openOnEnter??!0,this.minTermLength=0,this.editableSearchTerm=!1,this.keyDownFn=j=>!0,this.virtualScroll=!1,this.typeToSearchText=this._defaultOptions?.typeToSearchText??"Type to search",this.blurEvent=new e.bkB,this.focusEvent=new e.bkB,this.changeEvent=new e.bkB,this.openEvent=new e.bkB,this.closeEvent=new e.bkB,this.searchEvent=new e.bkB,this.clearEvent=new e.bkB,this.addEvent=new e.bkB,this.removeEvent=new e.bkB,this.scroll=new e.bkB,this.scrollToEnd=new e.bkB,this._clearSearchOnAdd=this._defaultOptions?.clearSearchOnAdd,this._items=[],this._itemsAreUsed=!1,this._destroy$=new w.B,this._value=null,this.stateChanges=new w.B,this._uid="mtx-select-"+ce++,this._placeholder=this._defaultOptions?.placeholder,this._focused=!1,this.disabled=!1,this.ariaLabel="",this.ariaLabelledby=null,this._ariaDescribedby=null,this.controlType="mtx-select",this._onChange=()=>{},this._onTouched=()=>{},this._valueId="mtx-select-value-"+ce++,n.monitor(this._elementRef,!0).subscribe(j=>{this._focused&&!j&&this._onTouched(),this._focused=!!j,this.stateChanges.next()}),this.ngControl&&(this.ngControl.valueAccessor=this),this._errorStateTracker=new x.X0(i,_,c,o,this.stateChanges),this.id=this.id}ngOnInit(){this.compareWith&&(this.ngSelect.compareWith=this.compareWith)}ngAfterViewInit(){this._itemsAreUsed||this._setItemsFromMtxOptions()}ngDoCheck(){const t=this.ngControl;this.ngControl&&(this._previousControl!==t.control&&(void 0!==this._previousControl&&null!==t.disabled&&t.disabled!==this.disabled&&(this.disabled=t.disabled),this._previousControl=t.control),this.updateErrorState())}ngOnDestroy(){this._destroy$.next(),this._destroy$.complete(),this.stateChanges.complete(),this._focusMonitor.stopMonitoring(this._elementRef)}_getAriaLabelledby(){if(this.ariaLabel)return null;const t=this._parentFormField?.getLabelId();let a=(t?t+" ":"")+this._valueId;return this.ariaLabelledby&&(a+=" "+this.ariaLabelledby),a}setDescribedByIds(t){this._ariaDescribedby=t.length?t.join(" "):null}setDisabledState(t){this.disabled=t,this._changeDetectorRef.markForCheck(),this.stateChanges.next()}onContainerClick(t){const a=t.target;/mat-mdc-form-field|mtx-select/g.test(a.parentElement?.classList[0]||"")&&(this.focus(),this.open())}writeValue(t){this._assignValue(t)}registerOnChange(t){this._onChange=t}registerOnTouched(t){this._onTouched=t}updateErrorState(){this._errorStateTracker.updateErrorState()}_assignValue(t){return!!(t!==this._value||this.multiple&&Array.isArray(t))&&(this._value=t,this._changeDetectorRef.markForCheck(),!0)}_setItemsFromMtxOptions(){const t=n=>{this.items=n.map(i=>({$ngOptionValue:i.value,$ngOptionLabel:i.elementRef.nativeElement.innerHTML,disabled:i.disabled})),this.ngSelect.itemsList.setItems(this.items),this.ngSelect.hasValue&&this.ngSelect.itemsList.mapSelectedItems(),this.ngSelect.detectChanges()},a=()=>{const n=(0,y.h)(this.mtxOptions.changes,this._destroy$);(0,y.h)(...this.mtxOptions.map(i=>i.stateChange$)).pipe((0,E.Q)(n)).subscribe(i=>{const o=this.ngSelect.itemsList.findItem(i.value);o.disabled=i.disabled,o.label=i.label||o.label,this.ngSelect.detectChanges()})};this.mtxOptions.changes.pipe((0,R.Z)(this.mtxOptions),(0,E.Q)(this._destroy$)).subscribe(n=>{t(n),a()})}open(){this.ngSelect.open()}close(){this.ngSelect.close()}focus(){this.ngSelect.focus()}blur(){this.ngSelect.blur()}openChange(){this.openEvent.emit(),setTimeout(()=>{document.getElementById(this.ngSelect.dropdownId).classList.add("mat-"+this._parentFormField?.color)})}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.gRc),e.rXU(e.aKT),e.rXU(St.FN),e.rXU(x.es),e.rXU(h.cV,8),e.rXU(h.j4,8),e.rXU(h.vO,10),e.rXU(m.xb,8),e.rXU(us,8))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["mtx-select"]],contentQueries:function(a,n,i){if(1&a&&(e.wni(i,V,5,e.C4Q),e.wni(i,oe,5,e.C4Q),e.wni(i,P,5,e.C4Q),e.wni(i,Ct,5,e.C4Q),e.wni(i,vt,5,e.C4Q),e.wni(i,Tt,5,e.C4Q),e.wni(i,xt,5,e.C4Q),e.wni(i,Et,5,e.C4Q),e.wni(i,wt,5,e.C4Q),e.wni(i,Ft,5,e.C4Q),e.wni(i,yt,5,e.C4Q),e.wni(i,ie,5)),2&a){let o;e.mGM(o=e.lsd())&&(n.optionTemplate=o.first),e.mGM(o=e.lsd())&&(n.optgroupTemplate=o.first),e.mGM(o=e.lsd())&&(n.labelTemplate=o.first),e.mGM(o=e.lsd())&&(n.multiLabelTemplate=o.first),e.mGM(o=e.lsd())&&(n.headerTemplate=o.first),e.mGM(o=e.lsd())&&(n.footerTemplate=o.first),e.mGM(o=e.lsd())&&(n.notFoundTemplate=o.first),e.mGM(o=e.lsd())&&(n.typeToSearchTemplate=o.first),e.mGM(o=e.lsd())&&(n.loadingTextTemplate=o.first),e.mGM(o=e.lsd())&&(n.tagTemplate=o.first),e.mGM(o=e.lsd())&&(n.loadingSpinnerTemplate=o.first),e.mGM(o=e.lsd())&&(n.mtxOptions=o)}},viewQuery:function(a,n){if(1&a&&e.GBs(Mt,7),2&a){let i;e.mGM(i=e.lsd())&&(n.ngSelect=i.first)}},hostAttrs:["role","combobox","aria-autocomplete","none",1,"mtx-select"],hostVars:20,hostBindings:function(a,n){2&a&&(e.BMQ("id",n.id)("aria-expanded",n.panelOpen)("aria-label",n.ariaLabel||null)("aria-labelledby",n._getAriaLabelledby())("aria-describedby",n._ariaDescribedby||null)("aria-required",n.required.toString())("aria-disabled",n.disabled.toString())("aria-invalid",n.errorState),e.AVh("mtx-select-floating",n.shouldLabelFloat)("mtx-select-disabled",n.disabled)("mtx-select-invalid",n.errorState)("mtx-select-required",n.required)("mtx-select-empty",n.empty)("mtx-select-multiple",n.multiple))},inputs:{addTag:"addTag",addTagText:"addTagText",appearance:"appearance",appendTo:"appendTo",bindLabel:"bindLabel",bindValue:"bindValue",closeOnSelect:[2,"closeOnSelect","closeOnSelect",e.L39],clearAllText:"clearAllText",clearable:[2,"clearable","clearable",e.L39],clearOnBackspace:[2,"clearOnBackspace","clearOnBackspace",e.L39],compareWith:"compareWith",dropdownPosition:"dropdownPosition",groupBy:"groupBy",groupValue:"groupValue",bufferAmount:"bufferAmount",selectableGroup:[2,"selectableGroup","selectableGroup",e.L39],selectableGroupAsModel:[2,"selectableGroupAsModel","selectableGroupAsModel",e.L39],hideSelected:[2,"hideSelected","hideSelected",e.L39],loading:[2,"loading","loading",e.L39],loadingText:"loadingText",labelForId:"labelForId",markFirst:[2,"markFirst","markFirst",e.L39],maxSelectedItems:"maxSelectedItems",multiple:[2,"multiple","multiple",e.L39],notFoundText:"notFoundText",searchable:[2,"searchable","searchable",e.L39],readonly:[2,"readonly","readonly",e.L39],searchFn:"searchFn",searchWhileComposing:[2,"searchWhileComposing","searchWhileComposing",e.L39],selectOnTab:[2,"selectOnTab","selectOnTab",e.L39],trackByFn:"trackByFn",inputAttrs:"inputAttrs",tabIndex:"tabIndex",openOnEnter:[2,"openOnEnter","openOnEnter",e.L39],minTermLength:"minTermLength",editableSearchTerm:[2,"editableSearchTerm","editableSearchTerm",e.L39],keyDownFn:"keyDownFn",virtualScroll:[2,"virtualScroll","virtualScroll",e.L39],typeToSearchText:"typeToSearchText",typeahead:"typeahead",isOpen:"isOpen",clearSearchOnAdd:"clearSearchOnAdd",items:"items",value:"value",id:"id",placeholder:"placeholder",disabled:[2,"disabled","disabled",e.L39],required:[2,"required","required",e.L39],errorStateMatcher:"errorStateMatcher",ariaLabel:[0,"aria-label","ariaLabel"],ariaLabelledby:[0,"aria-labelledby","ariaLabelledby"]},outputs:{blurEvent:"blur",focusEvent:"focus",changeEvent:"change",openEvent:"open",closeEvent:"close",searchEvent:"search",clearEvent:"clear",addEvent:"add",removeEvent:"remove",scroll:"scroll",scrollToEnd:"scrollToEnd"},exportAs:["mtxSelect"],standalone:!0,features:[e.Jv_([{provide:m.qT,useExisting:s}]),e.GFd,e.aNF],decls:13,vars:59,consts:[["ngSelect",""],[3,"ngModelChange","blur","focus","change","open","close","search","clear","add","remove","scroll","scrollToEnd","ngModel","ngModelOptions","placeholder","items","addTag","addTagText","appendTo","appearance","bindLabel","bindValue","closeOnSelect","clearAllText","clearable","clearOnBackspace","dropdownPosition","groupBy","groupValue","bufferAmount","hideSelected","isOpen","inputAttrs","loading","loadingText","labelForId","markFirst","maxSelectedItems","multiple","notFoundText","readonly","typeahead","typeToSearchText","trackByFn","searchable","searchFn","searchWhileComposing","clearSearchOnAdd","selectableGroup","selectableGroupAsModel","selectOnTab","tabIndex","openOnEnter","minTermLength","editableSearchTerm","keyDownFn","virtualScroll"],["ng-option-tmp",""],["ng-optgroup-tmp",""],["ng-label-tmp",""],["ng-multi-label-tmp",""],["ng-header-tmp",""],["ng-footer-tmp",""],["ng-notfound-tmp",""],["ng-typetosearch-tmp",""],["ng-loadingtext-tmp",""],["ng-tag-tmp",""],["ng-loadingspinner-tmp",""],[3,"ngTemplateOutlet","ngTemplateOutletContext"],[3,"ngTemplateOutlet"]],template:function(a,n){if(1&a){const i=e.RV6();e.j41(0,"ng-select",1,0),e.mxI("ngModelChange",function(c){return e.eBV(i),e.DH7(n.value,c)||(n.value=c),e.Njj(c)}),e.bIt("blur",function(c){return e.eBV(i),e.Njj(n.blurEvent.emit(c))})("focus",function(c){return e.eBV(i),e.Njj(n.focusEvent.emit(c))})("change",function(c){return e.eBV(i),e.Njj(n.changeEvent.emit(c))})("open",function(){return e.eBV(i),e.Njj(n.openChange())})("close",function(){return e.eBV(i),e.Njj(n.closeEvent.emit())})("search",function(c){return e.eBV(i),e.Njj(n.searchEvent.emit(c))})("clear",function(c){return e.eBV(i),e.Njj(n.clearEvent.emit(c))})("add",function(c){return e.eBV(i),e.Njj(n.addEvent.emit(c))})("remove",function(c){return e.eBV(i),e.Njj(n.removeEvent.emit(c))})("scroll",function(c){return e.eBV(i),e.Njj(n.scroll.emit(c))})("scrollToEnd",function(){return e.eBV(i),e.Njj(n.scrollToEnd.emit())}),e.DNE(2,Lt,1,0,null,2)(3,Vt,1,0,null,3)(4,Rt,1,0,null,4)(5,Ht,1,0,null,5)(6,Yt,1,0,null,6)(7,Kt,1,0,null,7)(8,Zt,1,0,null,8)(9,ss,1,0,null,9)(10,ls,1,0,null,10)(11,rs,1,0,null,11)(12,ds,1,0,null,12),e.k0s()}2&a&&(e.AVh("ng-select-invalid",n.errorState),e.R50("ngModel",n.value),e.Y8G("ngModelOptions",e.lJ4(58,At))("placeholder",n.placeholder)("items",n.items)("addTag",n.addTag)("addTagText",n.addTagText)("appendTo",n.appendTo)("appearance",n.appearance)("bindLabel",n.bindLabel)("bindValue",n.bindValue)("closeOnSelect",n.closeOnSelect)("clearAllText",n.clearAllText)("clearable",n.clearable)("clearOnBackspace",n.clearOnBackspace)("dropdownPosition",n.dropdownPosition)("groupBy",n.groupBy)("groupValue",n.groupValue)("bufferAmount",n.bufferAmount)("hideSelected",n.hideSelected)("isOpen",n.isOpen)("inputAttrs",n.inputAttrs)("loading",n.loading)("loadingText",n.loadingText)("labelForId",n.labelForId)("markFirst",n.markFirst)("maxSelectedItems",n.maxSelectedItems)("multiple",n.multiple)("notFoundText",n.notFoundText)("readonly",n.readonly||n.disabled)("typeahead",n.typeahead)("typeToSearchText",n.typeToSearchText)("trackByFn",n.trackByFn)("searchable",n.searchable)("searchFn",n.searchFn)("searchWhileComposing",n.searchWhileComposing)("clearSearchOnAdd",n.clearSearchOnAdd)("selectableGroup",n.selectableGroup)("selectableGroupAsModel",n.selectableGroupAsModel)("selectOnTab",n.selectOnTab)("tabIndex",n.tabIndex)("openOnEnter",n.openOnEnter)("minTermLength",n.minTermLength)("editableSearchTerm",n.editableSearchTerm)("keyDownFn",n.keyDownFn)("virtualScroll",n.virtualScroll),e.R7$(2),e.vxM(n.optionTemplate?2:-1),e.R7$(),e.vxM(n.optgroupTemplate?3:-1),e.R7$(),e.vxM(n.labelTemplate?4:-1),e.R7$(),e.vxM(n.multiLabelTemplate?5:-1),e.R7$(),e.vxM(n.headerTemplate?6:-1),e.R7$(),e.vxM(n.footerTemplate?7:-1),e.R7$(),e.vxM(n.notFoundTemplate?8:-1),e.R7$(),e.vxM(n.typeToSearchTemplate?9:-1),e.R7$(),e.vxM(n.loadingTextTemplate?10:-1),e.R7$(),e.vxM(n.tagTemplate?11:-1),e.R7$(),e.vxM(n.loadingSpinnerTemplate?12:-1))},dependencies:[bt,gt,$,H,q,Y,Q,W,K,z,J,Z,ee,h.YN,h.BC,h.vS,u.T3],styles:[".ng-select{padding:var(--mat-form-field-filled-with-label-container-padding-top) 16px var(--mat-form-field-filled-with-label-container-padding-bottom);margin:calc(var(--mat-form-field-filled-with-label-container-padding-top) * -1) -16px calc(var(--mat-form-field-filled-with-label-container-padding-bottom) * -1)}.mdc-text-field--outlined .ng-select,.mdc-text-field--no-label .ng-select{padding-top:var(--mat-form-field-container-vertical-padding);padding-bottom:var(--mat-form-field-container-vertical-padding);margin-top:calc(var(--mat-form-field-container-vertical-padding) * -1);margin-bottom:calc(var(--mat-form-field-container-vertical-padding) * -1)}.ng-select .ng-select-container{align-items:center;color:var(--mtx-select-container-text-color)}.ng-select .ng-select-container .ng-value-container{align-items:center}.ng-select .ng-select-container .ng-value-container .ng-input>input{padding:0;color:inherit;font:inherit}.ng-select .ng-select-container .ng-clear-wrapper{width:24px;text-align:center}.ng-select .ng-placeholder{transition:opacity .2s;opacity:1;color:var(--mtx-select-placeholder-text-color)}.mat-form-field-hide-placeholder .ng-select .ng-placeholder{opacity:0}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-clear-wrapper{color:var(--mtx-select-clear-icon-color)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--mtx-select-clear-icon-hover-color)}.ng-select.ng-select-disabled .ng-value{color:var(--mtx-select-disabled-text-color)}.ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow{top:-2px;border-width:0 5px 5px}.ng-select.ng-select-single.ng-select-filtered .ng-placeholder{display:initial;visibility:hidden}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin:2px 4px 2px 0;border-radius:16px;font-size:.875em;line-height:18px;background-color:var(--mtx-select-multiple-value-background-color);border:1px solid var(--mtx-select-multiple-value-outline-color)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:auto;margin-left:4px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{opacity:.4}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;margin:0 8px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;width:18px;height:18px;border-radius:100%;text-align:center}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{margin-right:-4px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{margin-left:-4px;margin-right:auto}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{margin-left:-4px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{margin-right:-4px;margin-left:auto}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--mtx-select-multiple-value-icon-hover-background-color)}.ng-select .ng-arrow-wrapper{width:10px}.ng-select .ng-arrow{border-width:5px 5px 2px;border-style:solid;border-color:var(--mtx-select-enabled-arrow-color) transparent transparent}.ng-select.ng-select-disabled .ng-arrow{border-color:var(--mtx-select-disabled-arrow-color) transparent transparent}.ng-select.ng-select-invalid .ng-arrow{border-color:var(--mtx-select-invalid-arrow-color) transparent transparent}.ng-select.ng-select-opened .ng-arrow{border-color:transparent transparent var(--mtx-select-enabled-arrow-color)}.ng-select.ng-select-opened.ng-select-invalid .ng-arrow{border-color:transparent transparent var(--mtx-select-invalid-arrow-color)}.ng-dropdown-panel{background-color:var(--mtx-select-panel-background-color)}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-left-radius:var(--mtx-select-container-shape);border-bottom-right-radius:var(--mtx-select-container-shape);box-shadow:var(--mtx-select-container-elevation-shadow)}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-left-radius:var(--mtx-select-container-shape);border-top-right-radius:var(--mtx-select-container-shape);box-shadow:var(--mtx-select-container-elevation-shadow)}.ng-dropdown-panel .ng-dropdown-header,.ng-dropdown-panel .ng-dropdown-footer{padding:14px 16px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--mtx-select-panel-divider-color)}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--mtx-select-panel-divider-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{padding:14px 16px;font-weight:500;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--mtx-select-optgroup-label-text-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--mtx-select-option-hover-state-background-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background-color:var(--mtx-select-option-selected-state-background-color);color:var(--mtx-select-option-selected-state-text-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{position:relative;padding:14px 16px;text-overflow:ellipsis;text-decoration:none;text-align:left;white-space:nowrap;overflow:hidden;color:var(--mtx-select-option-label-text-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--mtx-select-option-hover-state-background-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background-color:var(--mtx-select-option-selected-state-background-color);color:var(--mtx-select-option-selected-state-text-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--mtx-select-option-disabled-state-text-color)}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{text-align:right}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:32px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:32px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{margin-right:6px;font-size:80%}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{margin-left:6px;margin-right:0}\n"],encapsulation:2,changeDetection:0})}return s})();const hs={title:"Basic",component:(()=>{class s{constructor(){this.foods=[{id:1,name:"Apple"},{id:2,name:"Lemon"},{id:3,name:"Lime"},{id:4,name:"Orange",disabled:!0},{id:5,name:"Strawberry"}],this.food=2,this.multiple=!1,this.disabled=!1,this.required=!0}onMultiSelectChange(){this.food=this.multiple?[2]:2}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["select-example"]],standalone:!0,features:[e.aNF],decls:15,vars:8,consts:[[3,"ngModelChange","change","ngModel"],[3,"ngModelChange","ngModel"],["bindLabel","name","bindValue","id","appendTo","app-select-overview",3,"ngModelChange","items","multiple","ngModel","required","disabled"]],template:function(a,n){1&a&&(e.j41(0,"div")(1,"mat-checkbox",0),e.mxI("ngModelChange",function(o){return e.DH7(n.multiple,o)||(n.multiple=o),o}),e.bIt("change",function(){return n.onMultiSelectChange()}),e.EFF(2,"Mulitple select"),e.k0s(),e.j41(3,"mat-checkbox",1),e.mxI("ngModelChange",function(o){return e.DH7(n.disabled,o)||(n.disabled=o),o}),e.EFF(4,"Disable select"),e.k0s(),e.j41(5,"mat-checkbox",1),e.mxI("ngModelChange",function(o){return e.DH7(n.required,o)||(n.required=o),o}),e.EFF(6,"Required"),e.k0s()(),e.j41(7,"mat-form-field")(8,"mat-label"),e.EFF(9,"Select Food"),e.k0s(),e.j41(10,"mtx-select",2),e.mxI("ngModelChange",function(o){return e.DH7(n.food,o)||(n.food=o),o}),e.k0s(),e.j41(11,"mat-hint"),e.EFF(12,"Choose your favorite food"),e.k0s(),e.j41(13,"mat-error"),e.EFF(14,"Please choose a food"),e.k0s()()),2&a&&(e.R7$(),e.R50("ngModel",n.multiple),e.R7$(2),e.R50("ngModel",n.disabled),e.R7$(2),e.R50("ngModel",n.required),e.R7$(5),e.Y8G("items",n.foods)("multiple",n.multiple),e.R50("ngModel",n.food),e.Y8G("required",n.required)("disabled",n.disabled))},dependencies:[me.So,h.YN,h.BC,h.YS,h.vS,m.rl,m.nJ,A,m.MV,m.TL],styles:[".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%;margin:1em 0}"]})}return s})(),files:[{file:"app.component.html",content:r(2380),filecontent:r(88285)},{file:"app.component.ts",content:r(64142),filecontent:r(72681)},{file:"app.component.scss",content:r(1260),filecontent:r(56986)}]};function ms(s,l){if(1&s&&(e.nrm(0,"img",2),e.EFF(1)),2&s){const t=l.item;e.Y8G("src",t.avatar,e.B4B),e.R7$(),e.SpI(" ",t.name," ")}}const gs={title:"Custom label template",component:(()=>{class s{constructor(){this.cities=[{id:1,name:"Vilnius",avatar:"//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x"},{id:2,name:"Kaunas",avatar:"//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15"},{id:3,name:"Pavilnys",avatar:"//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15"},{id:4,name:"Siauliai",avatar:"//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x"}],this.selectedCity=this.cities[0].name}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["select-example"]],standalone:!0,features:[e.aNF],decls:13,vars:2,consts:[["bindLabel","name","bindValue","name","appendTo","app-select-overview",3,"ngModelChange","items","ngModel"],["ng-label-tmp",""],["height","15","width","15",3,"src"]],template:function(a,n){1&a&&(e.j41(0,"p"),e.EFF(1,"Custom selected item label using "),e.j41(2,"b"),e.EFF(3,"ng-label-tmp"),e.k0s()(),e.j41(4,"mat-form-field")(5,"mat-label"),e.EFF(6,"Select City"),e.k0s(),e.j41(7,"mtx-select",0),e.mxI("ngModelChange",function(o){return e.DH7(n.selectedCity,o)||(n.selectedCity=o),o}),e.DNE(8,ms,2,2,"ng-template",1),e.k0s(),e.j41(9,"mat-hint"),e.EFF(10,"Choose your city"),e.k0s(),e.j41(11,"mat-error"),e.EFF(12,"Please choose a city"),e.k0s()()),2&a&&(e.R7$(7),e.Y8G("items",n.cities),e.R50("ngModel",n.selectedCity))},dependencies:[h.YN,h.BC,h.vS,m.rl,m.nJ,m.MV,m.TL,A,P],styles:[".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%;margin:1em 0}"]})}return s})(),files:[{file:"app.component.html",content:r(55167),filecontent:r(55278)},{file:"app.component.ts",content:r(60813),filecontent:r(58602)},{file:"app.component.scss",content:r(58655),filecontent:r(84945)}]};function fs(s,l){if(1&s&&(e.nrm(0,"img",4),e.j41(1,"b"),e.EFF(2),e.k0s()),2&s){const t=l.item;e.Y8G("src",t.avatar,e.B4B),e.R7$(2),e.JRh(t.name)}}function _s(s,l){if(1&s&&(e.EFF(0," City group logo "),e.nrm(1,"img",4)),2&s){const t=l.item;e.R7$(),e.Y8G("src",t.avatar,e.B4B)}}function bs(s,l){if(1&s&&(e.j41(0,"b"),e.EFF(1),e.k0s()),2&s){const t=l.item;e.R7$(),e.JRh(t.name)}}const js={title:"Custom optgroup template",component:(()=>{class s{constructor(){this.cities=[{id:1,name:"Vilnius",avatar:"//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x"},{id:2,name:"Kaunas",avatar:"//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15"},{id:3,name:"Pavilnys",avatar:"//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15"},{id:4,name:"Siauliai",avatar:"//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x"}],this.selectedCity=this.cities[2].name}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["select-example"]],standalone:!0,features:[e.aNF],decls:13,vars:2,consts:[["groupBy","avatar","bindLabel","name","bindValue","name","appendTo","app-select-overview",3,"ngModelChange","items","ngModel"],["ng-label-tmp",""],["ng-optgroup-tmp",""],["ng-option-tmp",""],["height","15","width","15",3,"src"]],template:function(a,n){1&a&&(e.j41(0,"p"),e.EFF(1,"Custom label option and optgroup templates"),e.k0s(),e.j41(2,"mat-form-field")(3,"mat-label"),e.EFF(4,"Select City"),e.k0s(),e.j41(5,"mtx-select",0),e.mxI("ngModelChange",function(o){return e.DH7(n.selectedCity,o)||(n.selectedCity=o),o}),e.DNE(6,fs,3,2,"ng-template",1)(7,_s,2,1,"ng-template",2)(8,bs,2,1,"ng-template",3),e.k0s(),e.j41(9,"mat-hint"),e.EFF(10,"Choose your city"),e.k0s(),e.j41(11,"mat-error"),e.EFF(12,"Please choose a city"),e.k0s()()),2&a&&(e.R7$(5),e.Y8G("items",n.cities),e.R50("ngModel",n.selectedCity))},dependencies:[h.YN,h.BC,h.vS,m.rl,m.nJ,m.MV,m.TL,A,P,oe,V],styles:[".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%;margin:1em 0}"]})}return s})(),files:[{file:"app.component.html",content:r(94221),filecontent:r(24334)},{file:"app.component.ts",content:r(7535),filecontent:r(52586)},{file:"app.component.scss",content:r(46231),filecontent:r(45233)}]};var pe=r(88834),F=r(25596);function Cs(s,l){if(1&s&&(e.j41(0,"div"),e.EFF(1),e.k0s()),2&s){const t=e.XpG().item;e.R7$(),e.JRh(t.name)}}function vs(s,l){if(1&s&&(e.j41(0,"mat-card",2)(1,"mat-card-header")(2,"mat-card-title"),e.EFF(3),e.k0s(),e.j41(4,"mat-card-subtitle"),e.EFF(5,"Card subtitle"),e.k0s()(),e.j41(6,"mat-card-content"),e.nrm(7,"img",3),e.EFF(8," Some quick example text to build "),e.k0s(),e.j41(9,"mat-card-actions")(10,"button",4),e.EFF(11,"LIKE"),e.k0s(),e.j41(12,"button",4),e.EFF(13,"SHARE"),e.k0s()()()),2&s){const t=e.XpG().item;e.R7$(3),e.JRh(t.name),e.R7$(4),e.Y8G("src",t.avatar,e.B4B)}}function Ts(s,l){if(1&s&&e.DNE(0,Cs,2,1,"div")(1,vs,14,2,"mat-card",2),2&s){const t=l.item;e.vxM("Kaunas"===t.name?0:-1),e.R7$(),e.vxM("Kaunas"!==t.name?1:-1)}}const xs={title:"Custom option template",component:(()=>{class s{constructor(){this.cities=[{id:1,name:"Vilnius",avatar:"//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x"},{id:2,name:"Kaunas",avatar:"//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15"},{id:3,name:"Pavilnys",avatar:"//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15"},{id:4,name:"Siauliai",avatar:"//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x"}],this.selectedCity=this.cities[1].name}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["select-example"]],standalone:!0,features:[e.aNF],decls:13,vars:2,consts:[["bindLabel","name","bindValue","name","appendTo","app-select-overview",3,"ngModelChange","items","ngModel"],["ng-option-tmp",""],[1,"example-card"],["height","15","width","15",3,"src"],["mat-button",""]],template:function(a,n){1&a&&(e.j41(0,"p"),e.EFF(1,"Custom dropdown panel option template using "),e.j41(2,"b"),e.EFF(3,"ng-option-tmp"),e.k0s()(),e.j41(4,"mat-form-field")(5,"mat-label"),e.EFF(6,"Select City"),e.k0s(),e.j41(7,"mtx-select",0),e.mxI("ngModelChange",function(o){return e.DH7(n.selectedCity,o)||(n.selectedCity=o),o}),e.DNE(8,Ts,2,2,"ng-template",1),e.k0s(),e.j41(9,"mat-hint"),e.EFF(10,"Choose your city"),e.k0s(),e.j41(11,"mat-error"),e.EFF(12,"Please choose a city"),e.k0s()()),2&a&&(e.R7$(7),e.Y8G("items",n.cities),e.R50("ngModel",n.selectedCity))},dependencies:[h.YN,h.BC,h.vS,m.rl,m.nJ,F.RN,F.MM,F.dh,F.Lc,F.m2,F.YY,pe.$z,m.MV,m.TL,A,V],styles:[".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%;margin:1em 0}"]})}return s})(),files:[{file:"app.component.html",content:r(78702),filecontent:r(89509)},{file:"app.component.ts",content:r(27724),filecontent:r(5089)},{file:"app.component.scss",content:r(67212),filecontent:r(91634)}]};function Es(s,l){if(1&s&&(e.j41(0,"mtx-option",2),e.EFF(1),e.k0s()),2&s){const t=l.$implicit;e.Y8G("value",t.id)("disabled",t.disabled),e.R7$(),e.JRh(t.name)}}const ws={title:"MtxOption",component:(()=>{class s{constructor(){this.selectedCars=[3],this.cars=[{id:1,name:"Volvo"},{id:2,name:"Saab",disabled:!0},{id:3,name:"Opel"},{id:4,name:"Audi"}]}toggleDisabled(){const t=this.cars[1];t.disabled=!t.disabled}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["select-example"]],standalone:!0,features:[e.aNF],decls:23,vars:6,consts:[["mat-raised-button","",3,"click"],["appendTo","app-select-overview",3,"ngModelChange","multiple","ngModel"],[3,"value","disabled"],[3,"value"]],template:function(a,n){1&a&&(e.j41(0,"p"),e.EFF(1," If you have simple use case, you can omit items array and bind options directly in html using "),e.j41(2,"b"),e.EFF(3,"mtx-option"),e.k0s(),e.EFF(4," component.\n"),e.k0s(),e.j41(5,"div")(6,"button",0),e.bIt("click",function(){return n.toggleDisabled()}),e.EFF(7,"Toggle disabled"),e.k0s()(),e.j41(8,"mat-form-field")(9,"mat-label"),e.EFF(10,"Select Car"),e.k0s(),e.j41(11,"mtx-select",1),e.mxI("ngModelChange",function(o){return e.DH7(n.selectedCars,o)||(n.selectedCars=o),o}),e.Z7z(12,Es,2,3,"mtx-option",2,e.fX1),e.j41(14,"mtx-option",3),e.EFF(15,"Custom"),e.k0s()(),e.j41(16,"mat-hint"),e.EFF(17,"Choose your favorite car"),e.k0s(),e.j41(18,"mat-error"),e.EFF(19,"Please choose a car"),e.k0s()(),e.j41(20,"p"),e.EFF(21),e.nI1(22,"json"),e.k0s()),2&a&&(e.R7$(11),e.Y8G("multiple",!0),e.R50("ngModel",n.selectedCars),e.R7$(),e.Dyx(n.cars),e.R7$(2),e.Y8G("value","custom"),e.R7$(7),e.SpI("Selected car ID: ",e.bMT(22,4,n.selectedCars),""))},dependencies:[h.YN,h.BC,h.vS,pe.$z,m.rl,m.nJ,m.MV,m.TL,u.TG,A,ie],styles:[".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%;margin:1em 0}"]})}return s})(),files:[{file:"app.component.html",content:r(69809),filecontent:r(21246)},{file:"app.component.ts",content:r(25227),filecontent:r(55514)},{file:"app.component.scss",content:r(12887),filecontent:r(63937)}]};var de=r(18498);function Fs(s,l){if(1&s&&e.nrm(0,"doc-heading",2)(1,"example-viewer",3),2&s){const t=l.$implicit;e.Y8G("text",t.title),e.R7$(),e.Y8G("exampleData",t)}}function ys(s,l){1&s&&e.Z7z(0,Fs,2,2,null,null,e.fX1),2&s&&e.Dyx(l.examples)}function Ss(s,l){1&s&&e.nrm(0,"doc-viewer",0),2&s&&e.Y8G("textContent",l.content.default)}let ue=(()=>{class s{constructor(t){this.route=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(de.nX))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["app-select-overview"]],standalone:!0,features:[e.aNF],decls:18,vars:3,consts:[["href","https://ng-select.github.io/ng-select/","target","_blank"],["type","danger"],[3,"text"],[3,"exampleData"]],template:function(a,n){if(1&a&&(e.j41(0,"p")(1,"code"),e.EFF(2,"mtx-select"),e.k0s(),e.EFF(3," is a Material form field wrapper of "),e.j41(4,"a",0)(5,"code"),e.EFF(6,"ng-select"),e.k0s()(),e.EFF(7,".\n"),e.k0s(),e.j41(8,"mtx-alert",1),e.EFF(9," If you use the "),e.j41(10,"code"),e.EFF(11,"mtx-select"),e.k0s(),e.EFF(12,", you shouldn't import the "),e.j41(13,"code"),e.EFF(14,"ng-select"),e.k0s(),e.EFF(15," styles.\n"),e.k0s(),e.DNE(16,ys,2,0),e.nI1(17,"async")),2&a){let i;e.R7$(16),e.vxM((i=e.bMT(17,1,n.route.data))?16:-1,i)}},dependencies:[g.s,L.Y,N.v,u.Jj],styles:["[_nghost-%COMP%]{position:relative;display:block}"]})}return s})(),he=(()=>{class s{constructor(t){this.route=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(de.nX))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["app-select-api"]],standalone:!0,features:[e.aNF],decls:2,vars:3,consts:[[3,"textContent"]],template:function(a,n){if(1&a&&(e.DNE(0,Ss,1,1,"doc-viewer",0),e.nI1(1,"async")),2&a){let i;e.vxM((i=e.bMT(1,1,n.route.data))?0:-1,i)}},dependencies:[B.T,u.Jj],encapsulation:2})}return s})();const Ms=[{path:"",redirectTo:"overview",pathMatch:"full"},{path:"overview",component:ue,pathMatch:"full",data:{examples:[hs,ws,gs,xs,js]}},{path:"api",component:he,pathMatch:"full",data:{content:r(33886)}},{path:"**",redirectTo:"overview"}]},13942:(d,p,r)=>{"use strict";r.d(p,{Y:()=>N});var u=r(99213),g=r(54438),L=r(60177);let B=(()=>{class h{constructor(m){this.platformLocation=m,this._text=""}ngOnInit(){this._text=this.example.toLowerCase().split(" ").filter(m=>"&"!==m).join("-")}getFragmentUrl(){return`${this.platformLocation.pathname}#${this._text}`}static#e=this.\u0275fac=function(e){return new(e||h)(g.rXU(L.Vw))};static#t=this.\u0275cmp=g.VBU({type:h,selectors:[["header-link"]],inputs:{example:"example"},standalone:!0,features:[g.aNF],decls:3,vars:2,consts:[["aria-label","Link to this heading",1,"docs-markdown-a","header-link",3,"href"]],template:function(e,x){1&e&&(g.j41(0,"a",0)(1,"mat-icon"),g.EFF(2,"link"),g.k0s()()),2&e&&(g.Y8G("href",x.getFragmentUrl(),g.B4B),g.BMQ("aria-describedby",x.example))},dependencies:[u.An],styles:["h1 .header-link,h2 .header-link,h3 .header-link,h4 .header-link,h5 .header-link,h6 .header-link{display:inline-flex;padding:2px 0;margin-left:-30px;color:#6e6e6e;text-decoration:none;-webkit-user-select:none;user-select:none;visibility:hidden;vertical-align:middle}h1:hover .header-link,h2:hover .header-link,h3:hover .header-link,h4:hover .header-link,h5:hover .header-link,h6:hover .header-link{visibility:visible}h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{vertical-align:middle}\n"],encapsulation:2})}return h})(),N=(()=>{class h{constructor(){this.text="",this.id=""}ngOnInit(){this.id=this.text.toLowerCase().split(" ").filter(m=>"&"!==m).join("-")}static#e=this.\u0275fac=function(e){return new(e||h)};static#t=this.\u0275cmp=g.VBU({type:h,selectors:[["doc-heading"]],inputs:{text:"text"},standalone:!0,features:[g.aNF],decls:4,vars:3,consts:[[3,"id"],[3,"example"]],template:function(e,x){1&e&&(g.j41(0,"h3",0),g.nrm(1,"header-link",1),g.j41(2,"span"),g.EFF(3),g.k0s()()),2&e&&(g.Y8G("id",x.id),g.R7$(),g.Y8G("example",x.text),g.R7$(2),g.SpI(" ",x.text,""))},dependencies:[B],encapsulation:2})}return h})()},2380:d=>{d.exports='<div>\n <mat-checkbox [(ngModel)]="multiple" (change)="onMultiSelectChange()">Mulitple select</mat-checkbox>\n <mat-checkbox [(ngModel)]="disabled">Disable select</mat-checkbox>\n <mat-checkbox [(ngModel)]="required">Required</mat-checkbox>\n</div>\n\n<mat-form-field>\n <mat-label>Select Food</mat-label>\n\n <mtx-select [items]="foods" bindLabel="name" bindValue="id" [multiple]="multiple"\n [(ngModel)]="food" [required]="required" [disabled]="disabled"\n appendTo="app-select-overview">\n </mtx-select>\n\n <mat-hint>Choose your favorite food</mat-hint>\n <mat-error>Please choose a food</mat-error>\n</mat-form-field>\n'},55167:d=>{d.exports='<p>Custom selected item label using <b>ng-label-tmp</b></p>\n\n<mat-form-field>\n <mat-label>Select City</mat-label>\n\n <mtx-select [items]="cities" [(ngModel)]="selectedCity" bindLabel="name" bindValue="name"\n appendTo="app-select-overview">\n <ng-template ng-label-tmp let-item="item">\n <img height="15" width="15" [src]="item.avatar" />\n {{item.name}}\n </ng-template>\n </mtx-select>\n\n <mat-hint>Choose your city</mat-hint>\n <mat-error>Please choose a city</mat-error>\n</mat-form-field>\n'},94221:d=>{d.exports='<p>Custom label option and optgroup templates</p>\n\n<mat-form-field>\n <mat-label>Select City</mat-label>\n\n <mtx-select [items]="cities" groupBy="avatar" [(ngModel)]="selectedCity"\n bindLabel="name" bindValue="name" appendTo="app-select-overview">\n <ng-template ng-label-tmp let-item="item">\n <img height="15" width="15" [src]="item.avatar" />\n <b>{{item.name}}</b>\n </ng-template>\n <ng-template ng-optgroup-tmp let-item="item" let-index="index">\n City group logo <img height="15" width="15" [src]="item.avatar" />\n </ng-template>\n <ng-template ng-option-tmp let-item="item" let-index="index" let-search="searchTerm">\n <b>{{item.name}}</b>\n </ng-template>\n </mtx-select>\n\n <mat-hint>Choose your city</mat-hint>\n <mat-error>Please choose a city</mat-error>\n</mat-form-field>\n'},78702:d=>{d.exports='<p>Custom dropdown panel option template using <b>ng-option-tmp</b></p>\n\n<mat-form-field>\n <mat-label>Select City</mat-label>\n\n <mtx-select [items]="cities" [(ngModel)]="selectedCity" bindLabel="name" bindValue="name"\n appendTo="app-select-overview">\n <ng-template ng-option-tmp let-item="item" let-index="index" let-search="searchTerm">\n @if (item.name === 'Kaunas') {\n <div>{{item.name}}</div>\n }\n @if (item.name !== 'Kaunas') {\n <mat-card class="example-card">\n <mat-card-header>\n <mat-card-title>{{item.name}}</mat-card-title>\n <mat-card-subtitle>Card subtitle</mat-card-subtitle>\n </mat-card-header>\n <mat-card-content>\n <img height="15" width="15" [src]="item.avatar" />\n Some quick example text to build\n </mat-card-content>\n <mat-card-actions>\n <button mat-button>LIKE</button>\n <button mat-button>SHARE</button>\n </mat-card-actions>\n </mat-card>\n }\n </ng-template>\n </mtx-select>\n\n <mat-hint>Choose your city</mat-hint>\n <mat-error>Please choose a city</mat-error>\n</mat-form-field>\n'},69809:d=>{d.exports='<p>\n If you have simple use case, you can omit items array and bind options directly in html using\n <b>mtx-option</b>\n component.\n</p>\n\n<div>\n <button mat-raised-button (click)="toggleDisabled()">Toggle disabled</button>\n</div>\n\n<mat-form-field>\n <mat-label>Select Car</mat-label>\n\n <mtx-select [multiple]="true" [(ngModel)]="selectedCars" appendTo="app-select-overview">\n @for (car of cars; track car) {\n <mtx-option [value]="car.id" [disabled]="car.disabled">{{car.name}}</mtx-option>\n }\n <mtx-option [value]="'custom'">Custom</mtx-option>\n </mtx-select>\n\n <mat-hint>Choose your favorite car</mat-hint>\n <mat-error>Please choose a car</mat-error>\n</mat-form-field>\n\n<p>Selected car ID: {{selectedCars | json}}</p>\n'},1260:d=>{d.exports='.mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n'},58655:d=>{d.exports='.mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n'},46231:d=>{d.exports='.mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n'},67212:d=>{d.exports='.mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n'},12887:d=>{d.exports='.mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n'},64142:d=>{d.exports='import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxSelect } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [MatCheckbox, FormsModule, MatFormField, MatLabel, MtxSelect, MatHint, MatError],\n})\nexport class AppComponent {\n foods = [\n { id: 1, name: 'Apple' },\n { id: 2, name: 'Lemon' },\n { id: 3, name: 'Lime' },\n { id: 4, name: 'Orange', disabled: true },\n { id: 5, name: 'Strawberry' },\n ];\n\n food: number | number[] = 2;\n\n multiple = false;\n disabled = false;\n required = true;\n\n onMultiSelectChange() {\n this.food = this.multiple ? [2] : 2;\n }\n}\n'},60813:d=>{d.exports='import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxSelect, MtxSelectLabelTemplate } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatFormField,\n MatLabel,\n MatHint,\n MatError,\n MtxSelect,\n MtxSelectLabelTemplate,\n ],\n})\nexport class AppComponent {\n cities = [\n {\n id: 1,\n name: 'Vilnius',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n {\n id: 2,\n name: 'Kaunas',\n avatar: '//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15',\n },\n {\n id: 3,\n name: 'Pavilnys',\n avatar: '//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15',\n },\n {\n id: 4,\n name: 'Siauliai',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n ];\n\n selectedCity = this.cities[0].name;\n}\n'},7535:d=>{d.exports='import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport {\n MtxSelect,\n MtxSelectLabelTemplate,\n MtxSelectOptgroupTemplate,\n MtxSelectOptionTemplate,\n} from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatFormField,\n MatLabel,\n MatHint,\n MatError,\n MtxSelect,\n MtxSelectLabelTemplate,\n MtxSelectOptgroupTemplate,\n MtxSelectOptionTemplate,\n ],\n})\nexport class AppComponent {\n cities = [\n {\n id: 1,\n name: 'Vilnius',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n {\n id: 2,\n name: 'Kaunas',\n avatar: '//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15',\n },\n {\n id: 3,\n name: 'Pavilnys',\n avatar: '//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15',\n },\n {\n id: 4,\n name: 'Siauliai',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n ];\n\n selectedCity = this.cities[2].name;\n}\n'},27724:d=>{d.exports='import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButton } from '@angular/material/button';\nimport {\n MatCard,\n MatCardActions,\n MatCardContent,\n MatCardHeader,\n MatCardSubtitle,\n MatCardTitle,\n} from '@angular/material/card';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxSelect, MtxSelectOptionTemplate } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatFormField,\n MatLabel,\n MatCard,\n MatCardHeader,\n MatCardTitle,\n MatCardSubtitle,\n MatCardContent,\n MatCardActions,\n MatButton,\n MatHint,\n MatError,\n MtxSelect,\n MtxSelectOptionTemplate,\n ],\n})\nexport class AppComponent {\n cities = [\n {\n id: 1,\n name: 'Vilnius',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n {\n id: 2,\n name: 'Kaunas',\n avatar: '//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15',\n },\n {\n id: 3,\n name: 'Pavilnys',\n avatar: '//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15',\n },\n {\n id: 4,\n name: 'Siauliai',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n ];\n\n selectedCity = this.cities[1].name;\n}\n'},25227:d=>{d.exports='import { JsonPipe } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButton } from '@angular/material/button';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxOption, MtxSelect } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatButton,\n MatFormField,\n MatLabel,\n MatHint,\n MatError,\n JsonPipe,\n MtxSelect,\n MtxOption,\n ],\n})\nexport class AppComponent {\n selectedCars = [3];\n cars = [\n { id: 1, name: 'Volvo' },\n { id: 2, name: 'Saab', disabled: true },\n { id: 3, name: 'Opel' },\n { id: 4, name: 'Audi' },\n ];\n\n toggleDisabled() {\n const car: any = this.cars[1];\n car.disabled = !car.disabled;\n }\n}\n'},33886:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u='

Select

\n

API reference for Material Extensions Select

\n

import { MtxSelectModule } from '@ng-matero/extensions/select';

\n

Directives

\n

MtxSelect

\n

Selector: [mtx-select]

\n

Exported as: mtxSelect

\n
Properties
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
NameDescription
@Input()
addTag: boolean | AddTagFn		Allows to create custom options. Default is false.
@Input()
addTagText: string		Set custom text when using tagging. Default is 'Add item'.
@Input()
appendTo: string		Append dropdown to body or any other element using css selector. For correct positioning body should have position:relative. Default is 'body' (since v15).
@Input()
bindValue: string		Object property to use for selected model. By default binds to whole object.
@Input()
bindLabel: string		Object property to use for label. Default is 'label'.
@Input()
closeOnSelect: boolean		Whether to close the menu when a value is selected. Default is true.
@Input()
clearAllText: string		Set custom text for clear all icon title. Default is 'Clear all'.
@Input()
clearable: boolean		Allow to clear selected value. Default is true.
@Input()
clearOnBackspace: boolean		Clear selected values one by one when clicking backspace. Default is true.
@Input()
compareWith: CompareWithFn		A function to compare the option values with the selected values. The first argument is a value from an option. The second is a value from the selection(model). A boolean should be returned.
@Input()
dropdownPosition: DropdownPosition		Set the dropdown position on open. Default is 'auto'.
@Input()
groupBy: string | (() => void)		Allow to group items by key or function expression.
@Input()
groupValue: GroupValueFn		Function expression to provide group value.
@Input()
selectableGroup: boolean		Allow to select group when groupBy is used. Default is false.
@Input()
selectableGroupAsModel: boolean		Indicates whether to select all children or group itself. Default is true.
@Input()
items: boolean		Items array. Default is [].
@Input()
loading: boolean		You can set the loading state from the outside (e.g. async items loading).
@Input()
loadingText: string		Set custom text when for loading items. Default is 'Loading...'.
@Input()
labelForId: string		Id to associate control with label.
@Input()
markFirst: boolean		Marks first item as focused when opening/filtering. Default is true.
@Input()
isOpen: boolean		Allows manual control of dropdown opening and closing. True - won't close. False - won't open.
@Input()
maxSelectedItems: number		When multiple = true, allows to set a limit number of selection.
@Input()
hideSelected: boolean		Allows to hide selected items. Default is false.
@Input()
multiple: boolean		Allows to select multiple items. Default is false.
@Input()
notFoundText: string		Set custom text when filter returns empty result. Default is 'No items found'.
@Input()
placeholder: string		Placeholder text.
@Input()
searchable: boolean		Allow to search for value. Default is true.
@Input()
readonly: boolean		Set ng-select as readonly. Mostly used with reactive forms. Default is false.
@Input()
searchFn: SearchFn		Allow to clear selected value. Default is null.
@Input()
searchWhileComposing: boolean		Whether items should be filtered while composition started. Default is true.
@Input()
trackByFn: TrackByFn		Provide custom trackBy function. Default is null.
@Input()
clearSearchOnAdd: boolean		Clears search input when item is selected. Default true. Default false when closeOnSelect is false. Default is true.
@Input()
editableSearchTerm: boolean		Allow to edit search query if option selected. Default false. Works only if multiple is false.
@Input()
selectOnTab: boolean		Select marked dropdown item using tab. Default is true.
@Input()
openOnEnter: boolean		Open dropdown using enter. Default is true.
@Input()
typeahead: Subject		Custom autocomplete or advanced filter.
@Input()
minTermLength: number		Minimum term length to start a search. Should be used with typeahead. Default is 0.
@Input()
typeToSearchText: string		Set custom text when using Typeahead. Default is 'Type to search'.
@Input()
virtualScroll: boolean		Enable virtual scroll for better performance when rendering a lot of data. Default is false.
@Input()
inputAttrs: { [key: string]: string }		Pass custom attributes to underlying input element.
@Input()
tabIndex: number		Set tabindex on ng-select.
@Input()
keyDownFn: ($event: KeyboardEvent) => boolean		Provide custom keyDown function. Executed before default handler. Return false to suppress execution of default key down handlers. Default is true.
@Output()
focus: void		Fired on select focus.
@Output()
blur: void		Fired on select blur.
@Output()
change: void		Fired on model change. Outputs whole model.
@Output()
open: void		Fired on select dropdown open.
@Output()
close: void		Fired on select dropdown close.
@Output()
add: void		Fired when item is added while [multiple]="true". Outputs added item.
@Output()
remove: void		Fired when item is removed while [multiple]="true".
@Output()
search: { term: string, items: any[] }		Fired while typing search term. Outputs search term with filtered items.
@Output()
clear: void		Fired on clear icon click.
@Output()
scroll: { start: number; end: number }		Fired when scrolled. Provides the start and end index of the currently available items. Can be used for loading more items in chunks before the user has scrolled all the way to the bottom of the list.
@Output()
scrollToEnd: void		Fired when scrolled to the end of items. Can be used for loading more items in chunks.
openOpens the select dropdown panel.
closeCloses the select dropdown panel.
focusFocuses the select element.
blurBlurs the select element.
\n

Interfaces

\n

MtxSelectDefaultOptions

\n

Represents the default options for the select that can be configured using the MTX_SELECT_DEFAULT_OPTIONS injection token.

\n
interface MtxSelectDefaultOptions {\n  placeholder?: string;\n  notFoundText?: string;\n  typeToSearchText?: string;\n  addTagText?: string;\n  loadingText?: string;\n  clearAllText?: string;\n  appendTo?: string;\n  bindValue?: string;\n  bindLabel?: string;\n  openOnEnter?: boolean;\n  clearSearchOnAdd?: boolean;\n}\n
\n

Type aliases

\n\n
type DropdownPosition = 'bottom' | 'top' | 'auto';\n
\n

AddTagFn

\n
type AddTagFn = (term: string) => any | Promise<any>;\n
\n

CompareWithFn

\n
type CompareWithFn = (a: any, b: any) => boolean;\n
\n

GroupValueFn

\n
type GroupValueFn = (key: string | Record<string, any>, children: any[]) => string | Record<string, any>;\n
\n

SearchFn

\n
type SearchFn = (term: string, item: any) => boolean;\n
\n

TrackByFn

\n
type TrackByFn = (item: any) => any;\n
\n

Constants

\n

MTX_SELECT_DEFAULT_OPTIONS

\n

Injection token that can be used to specify default select options.

\n
const MTX_SELECT_DEFAULT_OPTIONS: InjectionToken<() => MtxSelectDefaultOptions>;\n
\n'},88285:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u='
\n Mulitple select\n Disable select\n Required\n
\n\n\n Select Food\n\n \n \n\n Choose your favorite food\n Please choose a food\n\n'},56986:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u=".mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n"},72681:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u="import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxSelect } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [MatCheckbox, FormsModule, MatFormField, MatLabel, MtxSelect, MatHint, MatError],\n})\nexport class AppComponent {\n foods = [\n { id: 1, name: 'Apple' },\n { id: 2, name: 'Lemon' },\n { id: 3, name: 'Lime' },\n { id: 4, name: 'Orange', disabled: true },\n { id: 5, name: 'Strawberry' },\n ];\n\n food: number | number[] = 2;\n\n multiple = false;\n disabled = false;\n required = true;\n\n onMultiSelectChange() {\n this.food = this.multiple ? [2] : 2;\n }\n}\n"},55278:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u='

Custom selected item label using ng-label-tmp

\n\n\n Select City\n\n \n \n \n {{item.name}}\n \n \n\n Choose your city\n Please choose a city\n\n'},84945:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u=".mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n"},58602:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u="import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxSelect, MtxSelectLabelTemplate } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatFormField,\n MatLabel,\n MatHint,\n MatError,\n MtxSelect,\n MtxSelectLabelTemplate,\n ],\n})\nexport class AppComponent {\n cities = [\n {\n id: 1,\n name: 'Vilnius',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n {\n id: 2,\n name: 'Kaunas',\n avatar: '//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15',\n },\n {\n id: 3,\n name: 'Pavilnys',\n avatar: '//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15',\n },\n {\n id: 4,\n name: 'Siauliai',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n ];\n\n selectedCity = this.cities[0].name;\n}\n"},24334:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u='

Custom label option and optgroup templates

\n\n\n Select City\n\n \n \n \n {{item.name}}\n \n \n City group logo \n \n \n {{item.name}}\n \n \n\n Choose your city\n Please choose a city\n\n'},45233:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u=".mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n"},52586:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u="import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport {\n MtxSelect,\n MtxSelectLabelTemplate,\n MtxSelectOptgroupTemplate,\n MtxSelectOptionTemplate,\n} from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatFormField,\n MatLabel,\n MatHint,\n MatError,\n MtxSelect,\n MtxSelectLabelTemplate,\n MtxSelectOptgroupTemplate,\n MtxSelectOptionTemplate,\n ],\n})\nexport class AppComponent {\n cities = [\n {\n id: 1,\n name: 'Vilnius',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n {\n id: 2,\n name: 'Kaunas',\n avatar: '//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15',\n },\n {\n id: 3,\n name: 'Pavilnys',\n avatar: '//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15',\n },\n {\n id: 4,\n name: 'Siauliai',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n ];\n\n selectedCity = this.cities[2].name;\n}\n"},89509:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u='

Custom dropdown panel option template using ng-option-tmp

\n\n\n Select City\n\n \n \n @if (item.name === \'Kaunas\') {\n
{{item.name}}
\n }\n @if (item.name !== \'Kaunas\') {\n \n \n {{item.name}}\n Card subtitle\n \n \n \n Some quick example text to build\n \n \n \n \n \n \n }\n \n \n\n Choose your city\n Please choose a city\n\n'},91634:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u=".mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n"},5089:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u="import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButton } from '@angular/material/button';\nimport {\n MatCard,\n MatCardActions,\n MatCardContent,\n MatCardHeader,\n MatCardSubtitle,\n MatCardTitle,\n} from '@angular/material/card';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxSelect, MtxSelectOptionTemplate } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatFormField,\n MatLabel,\n MatCard,\n MatCardHeader,\n MatCardTitle,\n MatCardSubtitle,\n MatCardContent,\n MatCardActions,\n MatButton,\n MatHint,\n MatError,\n MtxSelect,\n MtxSelectOptionTemplate,\n ],\n})\nexport class AppComponent {\n cities = [\n {\n id: 1,\n name: 'Vilnius',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n {\n id: 2,\n name: 'Kaunas',\n avatar: '//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15',\n },\n {\n id: 3,\n name: 'Pavilnys',\n avatar: '//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15',\n },\n {\n id: 4,\n name: 'Siauliai',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n ];\n\n selectedCity = this.cities[1].name;\n}\n"},21246:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u='

\n If you have simple use case, you can omit items array and bind options directly in html using\n mtx-option\n component.\n

\n\n
\n \n
\n\n\n Select Car\n\n \n @for (car of cars; track car) {\n {{car.name}}\n }\n Custom\n \n\n Choose your favorite car\n Please choose a car\n\n\n

Selected car ID: {{selectedCars | json}}

\n'},63937:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u=".mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n"},55514:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u="import { JsonPipe } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButton } from '@angular/material/button';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxOption, MtxSelect } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatButton,\n MatFormField,\n MatLabel,\n MatHint,\n MatError,\n JsonPipe,\n MtxSelect,\n MtxOption,\n ],\n})\nexport class AppComponent {\n selectedCars = [3];\n cars = [\n { id: 1, name: 'Volvo' },\n { id: 2, name: 'Saab', disabled: true },\n { id: 3, name: 'Opel' },\n { id: 4, name: 'Audi' },\n ];\n\n toggleDisabled() {\n const car: any = this.cars[1];\n car.disabled = !car.disabled;\n }\n}\n"}}]); \ No newline at end of file diff --git a/699.e5a963608360df58.js b/699.e5a963608360df58.js deleted file mode 100644 index 2eb1bf2c..00000000 --- a/699.e5a963608360df58.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[699],{64699:(d,p,r)=>{"use strict";r.r(p),r.d(p,{SelectApiComponent:()=>he,SelectOverviewComponent:()=>ue,routes:()=>Ms});var u=r(60177),g=r(23822),L=r(13942),B=r(4840),N=r(91526),h=r(89417),me=r(82765),m=r(53719),e=r(54438),x=r(86600),E=r(56977),ge=r(13798),R=r(99172),fe=r(88141),_e=r(70152),be=r(5964),je=r(96354),Ce=r(30536),ve=r(25007),w=r(21413),k=r(33726),y=r(57786);const Te=["content"],xe=["scroll"],Ee=["padding"],U=["*"],S=s=>({searchTerm:s});function we(s,l){if(1&s&&(e.j41(0,"div",3),e.eu8(1,6),e.k0s()),2&s){const t=e.XpG();e.R7$(),e.Y8G("ngTemplateOutlet",t.headerTemplate)("ngTemplateOutletContext",e.eq3(2,S,t.filterValue))}}function Fe(s,l){if(1&s&&(e.j41(0,"div",5),e.eu8(1,6),e.k0s()),2&s){const t=e.XpG();e.R7$(),e.Y8G("ngTemplateOutlet",t.footerTemplate)("ngTemplateOutletContext",e.eq3(2,S,t.filterValue))}}const ye=["searchInput"],Se=["clearButton"],Me=(s,l,t)=>({item:s,clear:l,label:t}),Ae=(s,l)=>({items:s,clear:l}),ke=(s,l,t,a)=>({item:s,item$:l,index:t,searchTerm:a});function Oe(s,l){if(1&s){const t=e.RV6();e.j41(0,"span",21),e.bIt("click",function(){e.eBV(t);const n=e.XpG().$implicit,i=e.XpG(2);return e.Njj(i.unselect(n))}),e.EFF(1,"\xd7"),e.k0s(),e.nrm(2,"span",22)}if(2&s){const t=e.XpG().$implicit,a=e.XpG(2);e.R7$(2),e.Y8G("ngItemLabel",t.label)("escape",a.escapeHTML)}}function De(s,l){}function Ie(s,l){if(1&s&&(e.j41(0,"div",20),e.DNE(1,Oe,3,2,"ng-template",null,1,e.C5r)(3,De,0,0,"ng-template",12),e.k0s()),2&s){const t=l.$implicit,a=e.sdS(2),n=e.XpG(2);e.AVh("ng-value-disabled",t.disabled),e.R7$(3),e.Y8G("ngTemplateOutlet",n.labelTemplate||a)("ngTemplateOutletContext",e.sMw(4,Me,t.value,n.clearItem,t.label))}}function Le(s,l){if(1&s&&e.Z7z(0,Ie,4,8,"div",19,e.BUC().trackByOption,!0),2&s){const t=e.XpG();e.Dyx(t.selectedItems)}}function Be(s,l){}function Ne(s,l){if(1&s&&e.DNE(0,Be,0,0,"ng-template",12),2&s){const t=e.XpG();e.Y8G("ngTemplateOutlet",t.multiLabelTemplate)("ngTemplateOutletContext",e.l_i(2,Ae,t.selectedValues,t.clearItem))}}function Ve(s,l){1&s&&e.nrm(0,"div",24)}function Pe(s,l){}function Ge(s,l){if(1&s&&e.DNE(0,Ve,1,0,"ng-template",null,2,e.C5r)(2,Pe,0,0,"ng-template",23),2&s){const t=e.sdS(1),a=e.XpG();e.R7$(2),e.Y8G("ngTemplateOutlet",a.loadingSpinnerTemplate||t)}}function Re(s,l){if(1&s&&(e.j41(0,"span",15,3)(2,"span",25),e.EFF(3,"\xd7"),e.k0s()()),2&s){const t=e.XpG();e.FS9("title",t.clearAllText)}}function Ue(s,l){if(1&s&&e.nrm(0,"span",30),2&s){const t=e.XpG().$implicit,a=e.XpG(2);e.Y8G("ngItemLabel",t.label)("escape",a.escapeHTML)}}function Xe(s,l){}function He(s,l){if(1&s){const t=e.RV6();e.j41(0,"div",29),e.bIt("click",function(){const n=e.eBV(t).$implicit,i=e.XpG(2);return e.Njj(i.toggleItem(n))})("mouseover",function(){const n=e.eBV(t).$implicit,i=e.XpG(2);return e.Njj(i.onItemHover(n))}),e.DNE(1,Ue,1,2,"ng-template",null,4,e.C5r)(3,Xe,0,0,"ng-template",12),e.k0s()}if(2&s){const t=l.$implicit,a=e.sdS(2),n=e.XpG(2);e.AVh("ng-option-disabled",t.disabled)("ng-option-selected",t.selected)("ng-optgroup",t.children)("ng-option",!t.children)("ng-option-child",!!t.parent)("ng-option-marked",t===n.itemsList.markedItem),e.BMQ("role",t.children?"group":"option")("aria-selected",t.selected)("id",null==t?null:t.htmlId),e.R7$(3),e.Y8G("ngTemplateOutlet",t.children?n.optgroupTemplate||a:n.optionTemplate||a)("ngTemplateOutletContext",e.ziG(17,ke,t.value,t,t.index,n.searchTerm))}}function $e(s,l){if(1&s&&(e.j41(0,"span")(1,"span",32),e.EFF(2),e.k0s(),e.EFF(3),e.k0s()),2&s){const t=e.XpG(3);e.R7$(2),e.JRh(t.addTagText),e.R7$(),e.SpI('"',t.searchTerm,'"')}}function qe(s,l){}function Ye(s,l){if(1&s){const t=e.RV6();e.j41(0,"div",31),e.bIt("mouseover",function(){e.eBV(t);const n=e.XpG(2);return e.Njj(n.itemsList.unmarkItem())})("click",function(){e.eBV(t);const n=e.XpG(2);return e.Njj(n.selectTag())}),e.DNE(1,$e,4,2,"ng-template",null,5,e.C5r)(3,qe,0,0,"ng-template",12),e.k0s()}if(2&s){const t=e.sdS(2),a=e.XpG(2);e.AVh("ng-option-marked",!a.itemsList.markedItem),e.R7$(3),e.Y8G("ngTemplateOutlet",a.tagTemplate||t)("ngTemplateOutletContext",e.eq3(4,S,a.searchTerm))}}function Qe(s,l){if(1&s&&(e.j41(0,"div",33),e.EFF(1),e.k0s()),2&s){const t=e.XpG(3);e.R7$(),e.JRh(t.notFoundText)}}function We(s,l){}function Ke(s,l){if(1&s&&e.DNE(0,Qe,2,1,"ng-template",null,6,e.C5r)(2,We,0,0,"ng-template",12),2&s){const t=e.sdS(1),a=e.XpG(2);e.R7$(2),e.Y8G("ngTemplateOutlet",a.notFoundTemplate||t)("ngTemplateOutletContext",e.eq3(2,S,a.searchTerm))}}function ze(s,l){if(1&s&&(e.j41(0,"div",33),e.EFF(1),e.k0s()),2&s){const t=e.XpG(3);e.R7$(),e.JRh(t.typeToSearchText)}}function Je(s,l){}function Ze(s,l){if(1&s&&e.DNE(0,ze,2,1,"ng-template",null,7,e.C5r)(2,Je,0,0,"ng-template",23),2&s){const t=e.sdS(1),a=e.XpG(2);e.R7$(2),e.Y8G("ngTemplateOutlet",a.typeToSearchTemplate||t)}}function et(s,l){if(1&s&&(e.j41(0,"div",33),e.EFF(1),e.k0s()),2&s){const t=e.XpG(3);e.R7$(),e.JRh(t.loadingText)}}function tt(s,l){}function st(s,l){if(1&s&&e.DNE(0,et,2,1,"ng-template",null,8,e.C5r)(2,tt,0,0,"ng-template",12),2&s){const t=e.sdS(1),a=e.XpG(2);e.R7$(2),e.Y8G("ngTemplateOutlet",a.loadingTextTemplate||t)("ngTemplateOutletContext",e.eq3(2,S,a.searchTerm))}}function nt(s,l){if(1&s){const t=e.RV6();e.j41(0,"ng-dropdown-panel",26),e.bIt("update",function(n){e.eBV(t);const i=e.XpG();return e.Njj(i.viewPortItems=n)})("scroll",function(n){e.eBV(t);const i=e.XpG();return e.Njj(i.scroll.emit(n))})("scrollToEnd",function(n){e.eBV(t);const i=e.XpG();return e.Njj(i.scrollToEnd.emit(n))})("outsideClick",function(){e.eBV(t);const n=e.XpG();return e.Njj(n.close())}),e.qex(1),e.Z7z(2,He,4,22,"div",27,e.BUC().trackByOption,!0),e.DNE(4,Ye,4,6,"div",28),e.bVm(),e.DNE(5,Ke,3,4)(6,Ze,3,1)(7,st,3,4),e.k0s()}if(2&s){const t=e.XpG();e.AVh("ng-select-multiple",t.multiple),e.Y8G("virtualScroll",t.virtualScroll)("bufferAmount",t.bufferAmount)("appendTo",t.appendTo)("position",t.dropdownPosition)("headerTemplate",t.headerTemplate)("footerTemplate",t.footerTemplate)("filterValue",t.searchTerm)("items",t.itemsList.filteredItems)("markedItem",t.itemsList.markedItem)("ngClass",t.appendTo?t.classes:null)("id",t.dropdownId),e.R7$(2),e.Dyx(t.viewPortItems),e.R7$(2),e.vxM(t.showAddTag?4:-1),e.R7$(),e.vxM(t.showNoItemsFound()?5:-1),e.R7$(),e.vxM(t.showTypeToSearch()?6:-1),e.R7$(),e.vxM(t.loading&&0===t.itemsList.filteredItems.length?7:-1)}}const X=/[&<>"']/g,at=RegExp(X.source),lt={"&":"&","<":"<",">":">",'"':""","'":"'"};function f(s){return null!=s}function M(s){return"object"==typeof s&&f(s)}function O(s){return s instanceof Function}let rt=(()=>{class s{constructor(t){this.element=t,this.escape=!0}ngOnChanges(t){this.element.nativeElement.innerHTML=this.escape?function it(s){return s&&at.test(s)?s.replace(X,l=>lt[l]):s}(this.ngItemLabel):this.ngItemLabel}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.aKT))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ngItemLabel",""]],inputs:{ngItemLabel:"ngItemLabel",escape:"escape"},features:[e.OA$]})}return s})(),H=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-option-tmp",""]]})}return s})(),$=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-optgroup-tmp",""]]})}return s})(),q=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-label-tmp",""]]})}return s})(),Y=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-multi-label-tmp",""]]})}return s})(),Q=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-header-tmp",""]]})}return s})(),W=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-footer-tmp",""]]})}return s})(),K=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-notfound-tmp",""]]})}return s})(),z=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-typetosearch-tmp",""]]})}return s})(),J=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-loadingtext-tmp",""]]})}return s})(),Z=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-tag-tmp",""]]})}return s})(),ee=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-loadingspinner-tmp",""]]})}return s})();function te(){return"axxxxxxxxxxx".replace(/[x]/g,()=>(16*Math.random()|0).toString(16))}const ct={"\u24b6":"A",\uff21:"A",\u00c0:"A",\u00c1:"A",\u00c2:"A",\u1ea6:"A",\u1ea4:"A",\u1eaa:"A",\u1ea8:"A",\u00c3:"A",\u0100:"A",\u0102:"A",\u1eb0:"A",\u1eae:"A",\u1eb4:"A",\u1eb2:"A",\u0226:"A",\u01e0:"A",\u00c4:"A",\u01de:"A",\u1ea2:"A",\u00c5:"A",\u01fa:"A",\u01cd:"A",\u0200:"A",\u0202:"A",\u1ea0:"A",\u1eac:"A",\u1eb6:"A",\u1e00:"A",\u0104:"A",\u023a:"A",\u2c6f:"A",\ua732:"AA",\u00c6:"AE",\u01fc:"AE",\u01e2:"AE",\ua734:"AO",\ua736:"AU",\ua738:"AV",\ua73a:"AV",\ua73c:"AY","\u24b7":"B",\uff22:"B",\u1e02:"B",\u1e04:"B",\u1e06:"B",\u0243:"B",\u0182:"B",\u0181:"B","\u24b8":"C",\uff23:"C",\u0106:"C",\u0108:"C",\u010a:"C",\u010c:"C",\u00c7:"C",\u1e08:"C",\u0187:"C",\u023b:"C",\ua73e:"C","\u24b9":"D",\uff24:"D",\u1e0a:"D",\u010e:"D",\u1e0c:"D",\u1e10:"D",\u1e12:"D",\u1e0e:"D",\u0110:"D",\u018b:"D",\u018a:"D",\u0189:"D",\ua779:"D",\u01f1:"DZ",\u01c4:"DZ",\u01f2:"Dz",\u01c5:"Dz","\u24ba":"E",\uff25:"E",\u00c8:"E",\u00c9:"E",\u00ca:"E",\u1ec0:"E",\u1ebe:"E",\u1ec4:"E",\u1ec2:"E",\u1ebc:"E",\u0112:"E",\u1e14:"E",\u1e16:"E",\u0114:"E",\u0116:"E",\u00cb:"E",\u1eba:"E",\u011a:"E",\u0204:"E",\u0206:"E",\u1eb8:"E",\u1ec6:"E",\u0228:"E",\u1e1c:"E",\u0118:"E",\u1e18:"E",\u1e1a:"E",\u0190:"E",\u018e:"E","\u24bb":"F",\uff26:"F",\u1e1e:"F",\u0191:"F",\ua77b:"F","\u24bc":"G",\uff27:"G",\u01f4:"G",\u011c:"G",\u1e20:"G",\u011e:"G",\u0120:"G",\u01e6:"G",\u0122:"G",\u01e4:"G",\u0193:"G",\ua7a0:"G",\ua77d:"G",\ua77e:"G","\u24bd":"H",\uff28:"H",\u0124:"H",\u1e22:"H",\u1e26:"H",\u021e:"H",\u1e24:"H",\u1e28:"H",\u1e2a:"H",\u0126:"H",\u2c67:"H",\u2c75:"H",\ua78d:"H","\u24be":"I",\uff29:"I",\u00cc:"I",\u00cd:"I",\u00ce:"I",\u0128:"I",\u012a:"I",\u012c:"I",\u0130:"I",\u00cf:"I",\u1e2e:"I",\u1ec8:"I",\u01cf:"I",\u0208:"I",\u020a:"I",\u1eca:"I",\u012e:"I",\u1e2c:"I",\u0197:"I","\u24bf":"J",\uff2a:"J",\u0134:"J",\u0248:"J","\u24c0":"K",\uff2b:"K",\u1e30:"K",\u01e8:"K",\u1e32:"K",\u0136:"K",\u1e34:"K",\u0198:"K",\u2c69:"K",\ua740:"K",\ua742:"K",\ua744:"K",\ua7a2:"K","\u24c1":"L",\uff2c:"L",\u013f:"L",\u0139:"L",\u013d:"L",\u1e36:"L",\u1e38:"L",\u013b:"L",\u1e3c:"L",\u1e3a:"L",\u0141:"L",\u023d:"L",\u2c62:"L",\u2c60:"L",\ua748:"L",\ua746:"L",\ua780:"L",\u01c7:"LJ",\u01c8:"Lj","\u24c2":"M",\uff2d:"M",\u1e3e:"M",\u1e40:"M",\u1e42:"M",\u2c6e:"M",\u019c:"M","\u24c3":"N",\uff2e:"N",\u01f8:"N",\u0143:"N",\u00d1:"N",\u1e44:"N",\u0147:"N",\u1e46:"N",\u0145:"N",\u1e4a:"N",\u1e48:"N",\u0220:"N",\u019d:"N",\ua790:"N",\ua7a4:"N",\u01ca:"NJ",\u01cb:"Nj","\u24c4":"O",\uff2f:"O",\u00d2:"O",\u00d3:"O",\u00d4:"O",\u1ed2:"O",\u1ed0:"O",\u1ed6:"O",\u1ed4:"O",\u00d5:"O",\u1e4c:"O",\u022c:"O",\u1e4e:"O",\u014c:"O",\u1e50:"O",\u1e52:"O",\u014e:"O",\u022e:"O",\u0230:"O",\u00d6:"O",\u022a:"O",\u1ece:"O",\u0150:"O",\u01d1:"O",\u020c:"O",\u020e:"O",\u01a0:"O",\u1edc:"O",\u1eda:"O",\u1ee0:"O",\u1ede:"O",\u1ee2:"O",\u1ecc:"O",\u1ed8:"O",\u01ea:"O",\u01ec:"O",\u00d8:"O",\u01fe:"O",\u0186:"O",\u019f:"O",\ua74a:"O",\ua74c:"O",\u01a2:"OI",\ua74e:"OO",\u0222:"OU","\u24c5":"P",\uff30:"P",\u1e54:"P",\u1e56:"P",\u01a4:"P",\u2c63:"P",\ua750:"P",\ua752:"P",\ua754:"P","\u24c6":"Q",\uff31:"Q",\ua756:"Q",\ua758:"Q",\u024a:"Q","\u24c7":"R",\uff32:"R",\u0154:"R",\u1e58:"R",\u0158:"R",\u0210:"R",\u0212:"R",\u1e5a:"R",\u1e5c:"R",\u0156:"R",\u1e5e:"R",\u024c:"R",\u2c64:"R",\ua75a:"R",\ua7a6:"R",\ua782:"R","\u24c8":"S",\uff33:"S",\u1e9e:"S",\u015a:"S",\u1e64:"S",\u015c:"S",\u1e60:"S",\u0160:"S",\u1e66:"S",\u1e62:"S",\u1e68:"S",\u0218:"S",\u015e:"S",\u2c7e:"S",\ua7a8:"S",\ua784:"S","\u24c9":"T",\uff34:"T",\u1e6a:"T",\u0164:"T",\u1e6c:"T",\u021a:"T",\u0162:"T",\u1e70:"T",\u1e6e:"T",\u0166:"T",\u01ac:"T",\u01ae:"T",\u023e:"T",\ua786:"T",\ua728:"TZ","\u24ca":"U",\uff35:"U",\u00d9:"U",\u00da:"U",\u00db:"U",\u0168:"U",\u1e78:"U",\u016a:"U",\u1e7a:"U",\u016c:"U",\u00dc:"U",\u01db:"U",\u01d7:"U",\u01d5:"U",\u01d9:"U",\u1ee6:"U",\u016e:"U",\u0170:"U",\u01d3:"U",\u0214:"U",\u0216:"U",\u01af:"U",\u1eea:"U",\u1ee8:"U",\u1eee:"U",\u1eec:"U",\u1ef0:"U",\u1ee4:"U",\u1e72:"U",\u0172:"U",\u1e76:"U",\u1e74:"U",\u0244:"U","\u24cb":"V",\uff36:"V",\u1e7c:"V",\u1e7e:"V",\u01b2:"V",\ua75e:"V",\u0245:"V",\ua760:"VY","\u24cc":"W",\uff37:"W",\u1e80:"W",\u1e82:"W",\u0174:"W",\u1e86:"W",\u1e84:"W",\u1e88:"W",\u2c72:"W","\u24cd":"X",\uff38:"X",\u1e8a:"X",\u1e8c:"X","\u24ce":"Y",\uff39:"Y",\u1ef2:"Y",\u00dd:"Y",\u0176:"Y",\u1ef8:"Y",\u0232:"Y",\u1e8e:"Y",\u0178:"Y",\u1ef6:"Y",\u1ef4:"Y",\u01b3:"Y",\u024e:"Y",\u1efe:"Y","\u24cf":"Z",\uff3a:"Z",\u0179:"Z",\u1e90:"Z",\u017b:"Z",\u017d:"Z",\u1e92:"Z",\u1e94:"Z",\u01b5:"Z",\u0224:"Z",\u2c7f:"Z",\u2c6b:"Z",\ua762:"Z","\u24d0":"a",\uff41:"a",\u1e9a:"a",\u00e0:"a",\u00e1:"a",\u00e2:"a",\u1ea7:"a",\u1ea5:"a",\u1eab:"a",\u1ea9:"a",\u00e3:"a",\u0101:"a",\u0103:"a",\u1eb1:"a",\u1eaf:"a",\u1eb5:"a",\u1eb3:"a",\u0227:"a",\u01e1:"a",\u00e4:"a",\u01df:"a",\u1ea3:"a",\u00e5:"a",\u01fb:"a",\u01ce:"a",\u0201:"a",\u0203:"a",\u1ea1:"a",\u1ead:"a",\u1eb7:"a",\u1e01:"a",\u0105:"a",\u2c65:"a",\u0250:"a",\ua733:"aa",\u00e6:"ae",\u01fd:"ae",\u01e3:"ae",\ua735:"ao",\ua737:"au",\ua739:"av",\ua73b:"av",\ua73d:"ay","\u24d1":"b",\uff42:"b",\u1e03:"b",\u1e05:"b",\u1e07:"b",\u0180:"b",\u0183:"b",\u0253:"b","\u24d2":"c",\uff43:"c",\u0107:"c",\u0109:"c",\u010b:"c",\u010d:"c",\u00e7:"c",\u1e09:"c",\u0188:"c",\u023c:"c",\ua73f:"c",\u2184:"c","\u24d3":"d",\uff44:"d",\u1e0b:"d",\u010f:"d",\u1e0d:"d",\u1e11:"d",\u1e13:"d",\u1e0f:"d",\u0111:"d",\u018c:"d",\u0256:"d",\u0257:"d",\ua77a:"d",\u01f3:"dz",\u01c6:"dz","\u24d4":"e",\uff45:"e",\u00e8:"e",\u00e9:"e",\u00ea:"e",\u1ec1:"e",\u1ebf:"e",\u1ec5:"e",\u1ec3:"e",\u1ebd:"e",\u0113:"e",\u1e15:"e",\u1e17:"e",\u0115:"e",\u0117:"e",\u00eb:"e",\u1ebb:"e",\u011b:"e",\u0205:"e",\u0207:"e",\u1eb9:"e",\u1ec7:"e",\u0229:"e",\u1e1d:"e",\u0119:"e",\u1e19:"e",\u1e1b:"e",\u0247:"e",\u025b:"e",\u01dd:"e","\u24d5":"f",\uff46:"f",\u1e1f:"f",\u0192:"f",\ua77c:"f","\u24d6":"g",\uff47:"g",\u01f5:"g",\u011d:"g",\u1e21:"g",\u011f:"g",\u0121:"g",\u01e7:"g",\u0123:"g",\u01e5:"g",\u0260:"g",\ua7a1:"g",\u1d79:"g",\ua77f:"g","\u24d7":"h",\uff48:"h",\u0125:"h",\u1e23:"h",\u1e27:"h",\u021f:"h",\u1e25:"h",\u1e29:"h",\u1e2b:"h",\u1e96:"h",\u0127:"h",\u2c68:"h",\u2c76:"h",\u0265:"h",\u0195:"hv","\u24d8":"i",\uff49:"i",\u00ec:"i",\u00ed:"i",\u00ee:"i",\u0129:"i",\u012b:"i",\u012d:"i",\u00ef:"i",\u1e2f:"i",\u1ec9:"i",\u01d0:"i",\u0209:"i",\u020b:"i",\u1ecb:"i",\u012f:"i",\u1e2d:"i",\u0268:"i",\u0131:"i","\u24d9":"j",\uff4a:"j",\u0135:"j",\u01f0:"j",\u0249:"j","\u24da":"k",\uff4b:"k",\u1e31:"k",\u01e9:"k",\u1e33:"k",\u0137:"k",\u1e35:"k",\u0199:"k",\u2c6a:"k",\ua741:"k",\ua743:"k",\ua745:"k",\ua7a3:"k","\u24db":"l",\uff4c:"l",\u0140:"l",\u013a:"l",\u013e:"l",\u1e37:"l",\u1e39:"l",\u013c:"l",\u1e3d:"l",\u1e3b:"l",\u017f:"l",\u0142:"l",\u019a:"l",\u026b:"l",\u2c61:"l",\ua749:"l",\ua781:"l",\ua747:"l",\u01c9:"lj","\u24dc":"m",\uff4d:"m",\u1e3f:"m",\u1e41:"m",\u1e43:"m",\u0271:"m",\u026f:"m","\u24dd":"n",\uff4e:"n",\u01f9:"n",\u0144:"n",\u00f1:"n",\u1e45:"n",\u0148:"n",\u1e47:"n",\u0146:"n",\u1e4b:"n",\u1e49:"n",\u019e:"n",\u0272:"n",\u0149:"n",\ua791:"n",\ua7a5:"n",\u01cc:"nj","\u24de":"o",\uff4f:"o",\u00f2:"o",\u00f3:"o",\u00f4:"o",\u1ed3:"o",\u1ed1:"o",\u1ed7:"o",\u1ed5:"o",\u00f5:"o",\u1e4d:"o",\u022d:"o",\u1e4f:"o",\u014d:"o",\u1e51:"o",\u1e53:"o",\u014f:"o",\u022f:"o",\u0231:"o",\u00f6:"o",\u022b:"o",\u1ecf:"o",\u0151:"o",\u01d2:"o",\u020d:"o",\u020f:"o",\u01a1:"o",\u1edd:"o",\u1edb:"o",\u1ee1:"o",\u1edf:"o",\u1ee3:"o",\u1ecd:"o",\u1ed9:"o",\u01eb:"o",\u01ed:"o",\u00f8:"o",\u01ff:"o",\u0254:"o",\ua74b:"o",\ua74d:"o",\u0275:"o",\u01a3:"oi",\u0223:"ou",\ua74f:"oo","\u24df":"p",\uff50:"p",\u1e55:"p",\u1e57:"p",\u01a5:"p",\u1d7d:"p",\ua751:"p",\ua753:"p",\ua755:"p","\u24e0":"q",\uff51:"q",\u024b:"q",\ua757:"q",\ua759:"q","\u24e1":"r",\uff52:"r",\u0155:"r",\u1e59:"r",\u0159:"r",\u0211:"r",\u0213:"r",\u1e5b:"r",\u1e5d:"r",\u0157:"r",\u1e5f:"r",\u024d:"r",\u027d:"r",\ua75b:"r",\ua7a7:"r",\ua783:"r","\u24e2":"s",\uff53:"s",\u00df:"s",\u015b:"s",\u1e65:"s",\u015d:"s",\u1e61:"s",\u0161:"s",\u1e67:"s",\u1e63:"s",\u1e69:"s",\u0219:"s",\u015f:"s",\u023f:"s",\ua7a9:"s",\ua785:"s",\u1e9b:"s","\u24e3":"t",\uff54:"t",\u1e6b:"t",\u1e97:"t",\u0165:"t",\u1e6d:"t",\u021b:"t",\u0163:"t",\u1e71:"t",\u1e6f:"t",\u0167:"t",\u01ad:"t",\u0288:"t",\u2c66:"t",\ua787:"t",\ua729:"tz","\u24e4":"u",\uff55:"u",\u00f9:"u",\u00fa:"u",\u00fb:"u",\u0169:"u",\u1e79:"u",\u016b:"u",\u1e7b:"u",\u016d:"u",\u00fc:"u",\u01dc:"u",\u01d8:"u",\u01d6:"u",\u01da:"u",\u1ee7:"u",\u016f:"u",\u0171:"u",\u01d4:"u",\u0215:"u",\u0217:"u",\u01b0:"u",\u1eeb:"u",\u1ee9:"u",\u1eef:"u",\u1eed:"u",\u1ef1:"u",\u1ee5:"u",\u1e73:"u",\u0173:"u",\u1e77:"u",\u1e75:"u",\u0289:"u","\u24e5":"v",\uff56:"v",\u1e7d:"v",\u1e7f:"v",\u028b:"v",\ua75f:"v",\u028c:"v",\ua761:"vy","\u24e6":"w",\uff57:"w",\u1e81:"w",\u1e83:"w",\u0175:"w",\u1e87:"w",\u1e85:"w",\u1e98:"w",\u1e89:"w",\u2c73:"w","\u24e7":"x",\uff58:"x",\u1e8b:"x",\u1e8d:"x","\u24e8":"y",\uff59:"y",\u1ef3:"y",\u00fd:"y",\u0177:"y",\u1ef9:"y",\u0233:"y",\u1e8f:"y",\u00ff:"y",\u1ef7:"y",\u1e99:"y",\u1ef5:"y",\u01b4:"y",\u024f:"y",\u1eff:"y","\u24e9":"z",\uff5a:"z",\u017a:"z",\u1e91:"z",\u017c:"z",\u017e:"z",\u1e93:"z",\u1e95:"z",\u01b6:"z",\u0225:"z",\u0240:"z",\u2c6c:"z",\ua763:"z",\u0386:"\u0391",\u0388:"\u0395",\u0389:"\u0397",\u038a:"\u0399",\u03aa:"\u0399",\u038c:"\u039f",\u038e:"\u03a5",\u03ab:"\u03a5",\u038f:"\u03a9",\u03ac:"\u03b1",\u03ad:"\u03b5",\u03ae:"\u03b7",\u03af:"\u03b9",\u03ca:"\u03b9",\u0390:"\u03b9",\u03cc:"\u03bf",\u03cd:"\u03c5",\u03cb:"\u03c5",\u03b0:"\u03c5",\u03c9:"\u03c9",\u03c2:"\u03c3"};function D(s){return s.replace(/[^\u0000-\u007E]/g,t=>ct[t]||t)}class pt{constructor(l,t){this._ngSelect=l,this._selectionModel=t,this._items=[],this._filteredItems=[],this._markedIndex=-1}get items(){return this._items}get filteredItems(){return this._filteredItems}get markedIndex(){return this._markedIndex}get selectedItems(){return this._selectionModel.value}get markedItem(){return this._filteredItems[this._markedIndex]}get noItemsToSelect(){return this._ngSelect.hideSelected&&this._items.length===this.selectedItems.length}get maxItemsSelected(){return this._ngSelect.multiple&&this._ngSelect.maxSelectedItems<=this.selectedItems.length}get lastSelectedItem(){let l=this.selectedItems.length-1;for(;l>=0;l--){const t=this.selectedItems[l];if(!t.disabled)return t}return null}setItems(l){this._items=l.map((t,a)=>this.mapItem(t,a)),this._ngSelect.groupBy?(this._groups=this._groupBy(this._items,this._ngSelect.groupBy),this._items=this._flatten(this._groups)):(this._groups=new Map,this._groups.set(void 0,this._items)),this._filteredItems=[...this._items]}select(l){if(l.selected||this.maxItemsSelected)return;const t=this._ngSelect.multiple;t||this.clearSelected(),this._selectionModel.select(l,t,this._ngSelect.selectableGroupAsModel),this._ngSelect.hideSelected&&this._hideSelected(l)}unselect(l){l.selected&&(this._selectionModel.unselect(l,this._ngSelect.multiple),this._ngSelect.hideSelected&&f(l.index)&&this._ngSelect.multiple&&this._showSelected(l))}findItem(l){let t;return t=this._ngSelect.compareWith?a=>this._ngSelect.compareWith(a.value,l):this._ngSelect.bindValue?a=>!a.children&&this.resolveNested(a.value,this._ngSelect.bindValue)===l:a=>a.value===l||!a.children&&a.label&&a.label===this.resolveNested(l,this._ngSelect.bindLabel),this._items.find(a=>t(a))}addItem(l){const t=this.mapItem(l,this._items.length);return this._items.push(t),this._filteredItems.push(t),t}clearSelected(l=!1){this._selectionModel.clear(l),this._items.forEach(t=>{t.selected=l&&t.selected&&t.disabled,t.marked=!1}),this._ngSelect.hideSelected&&this.resetFilteredItems()}findByLabel(l){return l=D(l).toLocaleLowerCase(),this.filteredItems.find(t=>D(t.label).toLocaleLowerCase().substr(0,l.length)===l)}filter(l){if(!l)return void this.resetFilteredItems();this._filteredItems=[],l=this._ngSelect.searchFn?l:D(l).toLocaleLowerCase();const t=this._ngSelect.searchFn||this._defaultSearchFn,a=this._ngSelect.hideSelected;for(const n of Array.from(this._groups.keys())){const i=[];for(const o of this._groups.get(n))a&&(o.parent&&o.parent.selected||o.selected)||t(l,this._ngSelect.searchFn?o.value:o)&&i.push(o);if(i.length>0){const[o]=i.slice(-1);if(o.parent){const c=this._items.find(_=>_===o.parent);this._filteredItems.push(c)}this._filteredItems.push(...i)}}}resetFilteredItems(){this._filteredItems.length!==this._items.length&&(this._filteredItems=this._ngSelect.hideSelected&&this.selectedItems.length>0?this._items.filter(l=>!l.selected):this._items)}unmarkItem(){this._markedIndex=-1}markNextItem(){this._stepToItem(1)}markPreviousItem(){this._stepToItem(-1)}markItem(l){this._markedIndex=this._filteredItems.indexOf(l)}markSelectedOrDefault(l){if(0===this._filteredItems.length)return;const t=this._getLastMarkedIndex();this._markedIndex=t>-1?t:l?this.filteredItems.findIndex(a=>!a.disabled):-1}resolveNested(l,t){if(!M(l))return l;if(-1===t.indexOf("."))return l[t];{const a=t.split(".");let n=l;for(let i=0,o=a.length;i-1===this.selectedItems.indexOf(t)))}_showSelected(l){if(this._filteredItems.push(l),l.parent){const t=l.parent;this._filteredItems.find(n=>n===t)||this._filteredItems.push(t)}else if(l.children)for(const t of l.children)t.selected=!1,this._filteredItems.push(t);this._filteredItems=[...this._filteredItems.sort((t,a)=>t.index-a.index)]}_hideSelected(l){this._filteredItems=this._filteredItems.filter(t=>t!==l),l.parent?l.parent.children.every(a=>a.selected)&&(this._filteredItems=this._filteredItems.filter(a=>a!==l.parent)):l.children&&(this._filteredItems=this.filteredItems.filter(t=>t.parent!==l))}_defaultSearchFn(l,t){return D(t.label).toLocaleLowerCase().indexOf(l)>-1}_getNextItemIndex(l){return l>0?this._markedIndex>=this._filteredItems.length-1?0:this._markedIndex+1:this._markedIndex<=0?this._filteredItems.length-1:this._markedIndex-1}_stepToItem(l){0===this._filteredItems.length||this._filteredItems.every(t=>t.disabled)||(this._markedIndex=this._getNextItemIndex(l),this.markedItem.disabled&&this._stepToItem(l))}_getLastMarkedIndex(){if(this._ngSelect.hideSelected||this._markedIndex>-1&&void 0===this.markedItem)return-1;const l=this._filteredItems.indexOf(this.lastSelectedItem);return this.lastSelectedItem&&l<0?-1:Math.max(this.markedIndex,l)}_groupBy(l,t){const a=new Map;if(0===l.length)return a;if(Array.isArray(l[0].value[t])){for(const o of l){const c=(o.value[t]||[]).map((_,b)=>this.mapItem(_,b));a.set(o,c)}return a}const n=O(this._ngSelect.groupBy),i=o=>{const c=n?t(o.value):o.value[t];return f(c)?c:void 0};for(const o of l){const c=i(o),_=a.get(c);_?_.push(o):a.set(c,[o])}return a}_flatten(l){const t=O(this._ngSelect.groupBy),a=[];for(const n of Array.from(l.keys())){let i=a.length;if(void 0===n){const j=l.get(void 0)||[];a.push(...j.map(C=>(C.index=i++,C)));continue}const o=M(n),c={label:o?"":String(n),children:void 0,parent:null,index:i++,disabled:!this._ngSelect.selectableGroup,htmlId:te()},_=t?this._ngSelect.bindLabel:this._ngSelect.groupBy,b=this._ngSelect.groupValue||(()=>o?n.value:{[_]:n}),v=l.get(n).map(j=>(j.parent=c,j.children=void 0,j.index=i++,j));c.children=v,c.value=b(n,v.map(j=>j.value)),a.push(c),a.push(...v)}return a}}var T=function(s){return s[s.Tab=9]="Tab",s[s.Enter=13]="Enter",s[s.Esc=27]="Esc",s[s.Space=32]="Space",s[s.ArrowUp=38]="ArrowUp",s[s.ArrowDown=40]="ArrowDown",s[s.Backspace=8]="Backspace",s}(T||{});let se=(()=>{class s{constructor(){this._dimensions={itemHeight:0,panelHeight:0,itemsPerViewport:0}}get dimensions(){return this._dimensions}calculateItems(t,a,n){const i=this._dimensions,o=i.itemHeight*a,_=Math.max(0,t)/o*a;let b=Math.min(a,Math.ceil(_)+(i.itemsPerViewport+1));const j=Math.max(0,b-i.itemsPerViewport);let C=Math.min(j,Math.floor(_)),I=i.itemHeight*Math.ceil(C)-i.itemHeight*Math.min(C,n);return I=isNaN(I)?0:I,C=isNaN(C)?-1:C,b=isNaN(b)?-1:b,C-=n,C=Math.max(0,C),b+=n,b=Math.min(a,b),{topPadding:I,scrollHeight:o,start:C,end:b}}setDimensions(t,a){const n=Math.max(1,Math.floor(a/t));this._dimensions={itemHeight:t,panelHeight:a,itemsPerViewport:n}}getScrollTo(t,a,n){const{panelHeight:i}=this.dimensions,o=t+a,_=n+i;return i>=o&&n===t?null:o>_?n+o-_:t<=n?t:null}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275prov=e.jDH({token:s,factory:s.\u0275fac})}return s})();const ne=["top","right","bottom","left"],dt=typeof requestAnimationFrame<"u"?Ce.X:ve.$;let ae=(()=>{class s{constructor(t,a,n,i,o){this._renderer=t,this._zone=a,this._panelService=n,this._document=o,this.items=[],this.position="auto",this.virtualScroll=!1,this.filterValue=null,this.update=new e.bkB,this.scroll=new e.bkB,this.scrollToEnd=new e.bkB,this.outsideClick=new e.bkB,this._destroy$=new w.B,this._scrollToEndFired=!1,this._updateScrollHeight=!1,this._lastScrollPosition=0,this._dropdown=i.nativeElement}get currentPosition(){return this._currentPosition}get itemsLength(){return this._itemsLength}set itemsLength(t){t!==this._itemsLength&&(this._itemsLength=t,this._onItemsLengthChanged())}get _startOffset(){if(this.markedItem){const{itemHeight:t,panelHeight:a}=this._panelService.dimensions,n=this.markedItem.index*t;return a>n?0:n}return 0}ngOnInit(){this._select=this._dropdown.parentElement,this._virtualPadding=this.paddingElementRef.nativeElement,this._scrollablePanel=this.scrollElementRef.nativeElement,this._contentPanel=this.contentElementRef.nativeElement,this._handleScroll(),this._handleOutsideClick(),this._appendDropdown(),this._setupMousedownListener()}ngOnChanges(t){if(t.items){const a=t.items;this._onItemsChange(a.currentValue,a.firstChange)}}ngOnDestroy(){this._destroy$.next(),this._destroy$.complete(),this._destroy$.unsubscribe(),this.appendTo&&this._renderer.removeChild(this._dropdown.parentNode,this._dropdown)}scrollTo(t,a=!1){if(!t)return;const n=this.items.indexOf(t);if(n<0||n>=this.itemsLength)return;let i;if(this.virtualScroll){const o=this._panelService.dimensions.itemHeight;i=this._panelService.getScrollTo(n*o,o,this._lastScrollPosition)}else{const o=this._dropdown.querySelector(`#${t.htmlId}`);i=this._panelService.getScrollTo(o.offsetTop,o.clientHeight,a?o.offsetTop:this._lastScrollPosition)}f(i)&&(this._scrollablePanel.scrollTop=i)}scrollToTag(){const t=this._scrollablePanel;t.scrollTop=t.scrollHeight-t.clientHeight}adjustPosition(){this._updateYPosition()}_handleDropdownPosition(){this._currentPosition=this._calculateCurrentPosition(this._dropdown),ne.includes(this._currentPosition)?this._updateDropdownClass(this._currentPosition):this._updateDropdownClass("bottom"),this.appendTo&&this._updateYPosition(),this._dropdown.style.opacity="1"}_updateDropdownClass(t){ne.forEach(n=>{const i=`ng-select-${n}`;this._renderer.removeClass(this._dropdown,i),this._renderer.removeClass(this._select,i)});const a=`ng-select-${t}`;this._renderer.addClass(this._dropdown,a),this._renderer.addClass(this._select,a)}_handleScroll(){this._zone.runOutsideAngular(()=>{(0,k.R)(this.scrollElementRef.nativeElement,"scroll").pipe((0,E.Q)(this._destroy$),(0,ge.Z)(0,dt)).subscribe(t=>{const a=t.path||t.composedPath&&t.composedPath();a&&(0!==a.length||t.target)&&this._onContentScrolled(a&&0!==a.length?a[0].scrollTop:t.target.scrollTop)})})}_handleOutsideClick(){this._document&&this._zone.runOutsideAngular(()=>{(0,y.h)((0,k.R)(this._document,"touchstart",{capture:!0}),(0,k.R)(this._document,"click",{capture:!0})).pipe((0,E.Q)(this._destroy$)).subscribe(t=>this._checkToClose(t))})}_checkToClose(t){if(this._select.contains(t.target)||this._dropdown.contains(t.target))return;const a=t.path||t.composedPath&&t.composedPath();t.target&&t.target.shadowRoot&&a&&a[0]&&this._select.contains(a[0])||this._zone.run(()=>this.outsideClick.emit())}_onItemsChange(t,a){this.items=t||[],this._scrollToEndFired=!1,this.itemsLength=t.length,this.virtualScroll?this._updateItemsRange(a):(this._setVirtualHeight(),this._updateItems(a))}_updateItems(t){this.update.emit(this.items),!1!==t&&this._zone.runOutsideAngular(()=>{Promise.resolve().then(()=>{this._panelService.setDimensions(0,this._scrollablePanel.clientHeight),this._handleDropdownPosition(),this.scrollTo(this.markedItem,t)})})}_updateItemsRange(t){this._zone.runOutsideAngular(()=>{this._measureDimensions().then(()=>{t?(this._renderItemsRange(this._startOffset),this._handleDropdownPosition()):this._renderItemsRange()})})}_onContentScrolled(t){this.virtualScroll&&this._renderItemsRange(t),this._lastScrollPosition=t,this._fireScrollToEnd(t)}_updateVirtualHeight(t){this._updateScrollHeight&&(this._virtualPadding.style.height=`${t}px`,this._updateScrollHeight=!1)}_setVirtualHeight(){this._virtualPadding&&(this._virtualPadding.style.height="0px")}_onItemsLengthChanged(){this._updateScrollHeight=!0}_renderItemsRange(t=null){if(t&&this._lastScrollPosition===t)return;const a=this._panelService.calculateItems(t=t||this._scrollablePanel.scrollTop,this.itemsLength,this.bufferAmount);this._updateVirtualHeight(a.scrollHeight),this._contentPanel.style.transform=`translateY(${a.topPadding}px)`,this._zone.run(()=>{this.update.emit(this.items.slice(a.start,a.end)),this.scroll.emit({start:a.start,end:a.end})}),f(t)&&0===this._lastScrollPosition&&(this._scrollablePanel.scrollTop=t,this._lastScrollPosition=t)}_measureDimensions(){if(this._panelService.dimensions.itemHeight>0||0===this.itemsLength)return Promise.resolve(this._panelService.dimensions);const[t]=this.items;return this.update.emit([t]),Promise.resolve().then(()=>{const n=this._dropdown.querySelector(`#${t.htmlId}`).clientHeight;return this._virtualPadding.style.height=n*this.itemsLength+"px",this._panelService.setDimensions(n,this._scrollablePanel.clientHeight),this._panelService.dimensions})}_fireScrollToEnd(t){this._scrollToEndFired||0===t||t+this._dropdown.clientHeight>=(this.virtualScroll?this._virtualPadding:this._contentPanel).clientHeight-1&&(this._zone.run(()=>this.scrollToEnd.emit()),this._scrollToEndFired=!0)}_calculateCurrentPosition(t){if("auto"!==this.position)return this.position;const a=this._select.getBoundingClientRect(),n=document.documentElement.scrollTop||document.body.scrollTop;return a.top+window.pageYOffset+a.height+t.getBoundingClientRect().height>n+document.documentElement.clientHeight?"top":"bottom"}_appendDropdown(){if(this.appendTo){if(this._parent=document.querySelector(this.appendTo),!this._parent)throw new Error(`appendTo selector ${this.appendTo} did not found any parent element`);this._updateXPosition(),this._parent.appendChild(this._dropdown)}}_updateXPosition(){const t=this._select.getBoundingClientRect(),a=this._parent.getBoundingClientRect();this._dropdown.style.left=t.left-a.left+"px",this._dropdown.style.width=t.width+"px",this._dropdown.style.minWidth=t.width+"px"}_updateYPosition(){const t=this._select.getBoundingClientRect(),a=this._parent.getBoundingClientRect(),n=t.height;"top"===this._currentPosition?(this._dropdown.style.bottom=a.bottom-t.bottom+n+"px",this._dropdown.style.top="auto"):"bottom"===this._currentPosition&&(this._dropdown.style.top=t.top-a.top+n+"px",this._dropdown.style.bottom="auto")}_setupMousedownListener(){this._zone.runOutsideAngular(()=>{(0,k.R)(this._dropdown,"mousedown").pipe((0,E.Q)(this._destroy$)).subscribe(t=>{"INPUT"!==t.target.tagName&&t.preventDefault()})})}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.sFG),e.rXU(e.SKi),e.rXU(se),e.rXU(e.aKT),e.rXU(u.qQ,8))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["ng-dropdown-panel"]],viewQuery:function(a,n){if(1&a&&(e.GBs(Te,7,e.aKT),e.GBs(xe,7,e.aKT),e.GBs(Ee,7,e.aKT)),2&a){let i;e.mGM(i=e.lsd())&&(n.contentElementRef=i.first),e.mGM(i=e.lsd())&&(n.scrollElementRef=i.first),e.mGM(i=e.lsd())&&(n.paddingElementRef=i.first)}},inputs:{items:"items",markedItem:"markedItem",position:"position",appendTo:"appendTo",bufferAmount:"bufferAmount",virtualScroll:[2,"virtualScroll","virtualScroll",e.L39],headerTemplate:"headerTemplate",footerTemplate:"footerTemplate",filterValue:"filterValue"},outputs:{update:"update",scroll:"scroll",scrollToEnd:"scrollToEnd",outsideClick:"outsideClick"},features:[e.GFd,e.OA$],ngContentSelectors:U,decls:9,vars:6,consts:[["scroll",""],["padding",""],["content",""],[1,"ng-dropdown-header"],["role","listbox",1,"ng-dropdown-panel-items","scroll-host"],[1,"ng-dropdown-footer"],[3,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(a,n){1&a&&(e.NAR(),e.DNE(0,we,2,4,"div",3),e.j41(1,"div",4,0),e.nrm(3,"div",null,1),e.j41(5,"div",null,2),e.SdG(7),e.k0s()(),e.DNE(8,Fe,2,4,"div",5)),2&a&&(e.vxM(n.headerTemplate?0:-1),e.R7$(3),e.AVh("total-padding",n.virtualScroll),e.R7$(2),e.AVh("scrollable-content",n.virtualScroll&&n.items.length),e.R7$(3),e.vxM(n.footerTemplate?8:-1))},dependencies:[u.T3],encapsulation:2,changeDetection:0})}return s})(),ut=(()=>{class s{constructor(t){this.elementRef=t,this.disabled=!1,this.stateChange$=new w.B}get label(){return(this.elementRef.nativeElement.textContent||"").trim()}ngOnChanges(t){t.disabled&&this.stateChange$.next({value:this.value,disabled:this.disabled})}ngAfterViewChecked(){this.label!==this._previousLabel&&(this._previousLabel=this.label,this.stateChange$.next({value:this.value,disabled:this.disabled,label:this.elementRef.nativeElement.innerHTML}))}ngOnDestroy(){this.stateChange$.complete()}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.aKT))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["ng-option"]],inputs:{value:"value",disabled:[2,"disabled","disabled",e.L39]},features:[e.GFd,e.OA$],ngContentSelectors:U,decls:1,vars:0,template:function(a,n){1&a&&(e.NAR(),e.SdG(0))},encapsulation:2,changeDetection:0})}return s})(),ht=(()=>{class s{constructor(){this.notFoundText="No items found",this.typeToSearchText="Type to search",this.addTagText="Add item",this.loadingText="Loading...",this.clearAllText="Clear all",this.disableVirtualScroll=!0,this.openOnEnter=!0,this.appearance="underline"}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275prov=e.jDH({token:s,factory:s.\u0275fac,providedIn:"root"})}return s})(),mt=(()=>{class s{warn(t){console.warn(t)}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275prov=e.jDH({token:s,factory:s.\u0275fac,providedIn:"root"})}return s})();const le=new e.nKC("ng-select-selection-model");let gt=(()=>{class s{get items(){return this._items}set items(t){this._itemsAreUsed=!0,this._items=t??[]}get compareWith(){return this._compareWith}set compareWith(t){if(null!=t&&!O(t))throw Error("`compareWith` must be a function.");this._compareWith=t}get clearSearchOnAdd(){return f(this._clearSearchOnAdd)?this._clearSearchOnAdd:f(this.config.clearSearchOnAdd)?this.config.clearSearchOnAdd:this.closeOnSelect}set clearSearchOnAdd(t){this._clearSearchOnAdd=t}get deselectOnClick(){return f(this._deselectOnClick)?this._deselectOnClick:f(this.config.deselectOnClick)?this.config.deselectOnClick:this.multiple}set deselectOnClick(t){this._deselectOnClick=t}get disabled(){return this.readonly||this._disabled}get filtered(){return!!this.searchTerm&&this.searchable||this._isComposing}get single(){return!this.multiple}get _editableSearchTerm(){return this.editableSearchTerm&&!this.multiple}constructor(t,a,n,i,o,c,_){this.classes=t,this.autoFocus=a,this.config=n,this._cd=c,this._console=_,this.markFirst=!0,this.dropdownPosition="auto",this.loading=!1,this.closeOnSelect=!0,this.hideSelected=!1,this.selectOnTab=!1,this.bufferAmount=4,this.selectableGroup=!1,this.selectableGroupAsModel=!0,this.searchFn=null,this.trackByFn=null,this.clearOnBackspace=!0,this.labelForId=null,this.inputAttrs={},this.readonly=!1,this.searchWhileComposing=!0,this.minTermLength=0,this.editableSearchTerm=!1,this.keyDownFn=b=>!0,this.multiple=!1,this.addTag=!1,this.searchable=!0,this.clearable=!0,this.isOpen=!1,this.blurEvent=new e.bkB,this.focusEvent=new e.bkB,this.changeEvent=new e.bkB,this.openEvent=new e.bkB,this.closeEvent=new e.bkB,this.searchEvent=new e.bkB,this.clearEvent=new e.bkB,this.addEvent=new e.bkB,this.removeEvent=new e.bkB,this.scroll=new e.bkB,this.scrollToEnd=new e.bkB,this.useDefaultClass=!0,this.viewPortItems=[],this.searchTerm=null,this.dropdownId=te(),this.escapeHTML=!0,this._items=[],this._defaultLabel="label",this._pressedKeys=[],this._isComposing=!1,this._destroy$=new w.B,this._keyPress$=new w.B,this._onChange=b=>{},this._onTouched=()=>{},this.clearItem=b=>{const v=this.selectedItems.find(j=>j.value===b);this.unselect(v)},this.trackByOption=(b,v)=>this.trackByFn?this.trackByFn(v.value):v,this._mergeGlobalConfig(n),this.itemsList=new pt(this,i()),this.element=o.nativeElement}get selectedItems(){return this.itemsList.selectedItems}get selectedValues(){return this.selectedItems.map(t=>t.value)}get hasValue(){return this.selectedItems.length>0}get currentPanelPosition(){if(this.dropdownPanel)return this.dropdownPanel.currentPosition}ngOnInit(){this._handleKeyPresses(),this._setInputAttributes()}ngOnChanges(t){t.multiple&&this.itemsList.clearSelected(),t.items&&this._setItems(t.items.currentValue||[]),t.isOpen&&(this._manualOpen=f(t.isOpen.currentValue))}ngAfterViewInit(){this._itemsAreUsed||(this.escapeHTML=!1,this._setItemsFromNgOptions()),f(this.autoFocus)&&this.focus()}ngOnDestroy(){this._destroy$.next(),this._destroy$.complete()}handleKeyDown(t){if(T[t.which]){if(!1===this.keyDownFn(t))return;this.handleKeyCode(t)}else t.key&&1===t.key.length&&this._keyPress$.next(t.key.toLocaleLowerCase())}handleKeyCode(t){this.clearButton&&this.clearButton.nativeElement===t.target?this.handleKeyCodeClear(t):this.handleKeyCodeInput(t)}handleKeyCodeInput(t){switch(t.which){case T.ArrowDown:this._handleArrowDown(t);break;case T.ArrowUp:this._handleArrowUp(t);break;case T.Space:this._handleSpace(t);break;case T.Enter:this._handleEnter(t);break;case T.Tab:this._handleTab(t);break;case T.Esc:this.close(),t.preventDefault();break;case T.Backspace:this._handleBackspace()}}handleKeyCodeClear(t){t.which===T.Enter&&(this.handleClearClick(),t.preventDefault())}handleMousedown(t){const a=t.target;"INPUT"!==a.tagName&&t.preventDefault(),a.classList.contains("ng-clear-wrapper")?this.handleClearClick():a.classList.contains("ng-arrow-wrapper")?this.handleArrowClick():a.classList.contains("ng-value-icon")||(this.focused||this.focus(),this.searchable?this.open():this.toggle())}handleArrowClick(){this.isOpen?this.close():this.open()}handleClearClick(){this.hasValue&&(this.itemsList.clearSelected(!0),this._updateNgModel()),this._clearSearch(),this.focus(),this.clearEvent.emit(),this._onSelectionChanged()}clearModel(){this.clearable&&(this.itemsList.clearSelected(),this._updateNgModel())}writeValue(t){this.itemsList.clearSelected(),this._handleWriteValue(t),this._cd.markForCheck()}registerOnChange(t){this._onChange=t}registerOnTouched(t){this._onTouched=t}setDisabledState(t){this._disabled=t,this._cd.markForCheck()}toggle(){this.isOpen?this.close():this.open()}open(){this.disabled||this.isOpen||this._manualOpen||!this._isTypeahead&&!this.addTag&&this.itemsList.noItemsToSelect||(this.isOpen=!0,this.itemsList.markSelectedOrDefault(this.markFirst),this.openEvent.emit(),this.searchTerm||this.focus(),this.detectChanges())}close(){!this.isOpen||this._manualOpen||(this.isOpen=!1,this._isComposing=!1,this._editableSearchTerm?this.itemsList.resetFilteredItems():this._clearSearch(),this.itemsList.unmarkItem(),this._onTouched(),this.closeEvent.emit(),this._cd.markForCheck())}toggleItem(t){!t||t.disabled||this.disabled||(this.deselectOnClick&&t.selected?this.unselect(t):this.select(t),this._editableSearchTerm&&this._setSearchTermFromItems(),this._onSelectionChanged())}select(t){t.selected||(this.itemsList.select(t),this.clearSearchOnAdd&&!this._editableSearchTerm&&this._clearSearch(),this._updateNgModel(),this.multiple&&this.addEvent.emit(t.value)),(this.closeOnSelect||this.itemsList.noItemsToSelect)&&this.close()}focus(){this.searchInput.nativeElement.focus()}blur(){this.searchInput.nativeElement.blur()}unselect(t){t&&(this.itemsList.unselect(t),this.focus(),this._updateNgModel(),this.removeEvent.emit(t.value))}selectTag(){let t;t=O(this.addTag)?this.addTag(this.searchTerm):this._primitive?this.searchTerm:{[this.bindLabel]:this.searchTerm};const a=n=>this._isTypeahead||!this.isOpen?this.itemsList.mapItem(n,null):this.itemsList.addItem(n);!function ot(s){return s instanceof Promise}(t)?t&&this.select(a(t)):t.then(n=>this.select(a(n))).catch(()=>{})}showClear(){return this.clearable&&(this.hasValue||this.searchTerm)&&!this.disabled}focusOnClear(){this.blur(),this.clearButton&&this.clearButton.nativeElement.focus()}get showAddTag(){if(!this._validTerm)return!1;const t=this.searchTerm.toLowerCase().trim();return this.addTag&&!this.itemsList.filteredItems.some(a=>a.label.toLowerCase()===t)&&(!this.hideSelected&&this.isOpen||!this.selectedItems.some(a=>a.label.toLowerCase()===t))&&!this.loading}showNoItemsFound(){const t=0===this.itemsList.filteredItems.length;return(t&&!this._isTypeahead&&!this.loading||t&&this._isTypeahead&&this._validTerm&&!this.loading)&&!this.showAddTag}showTypeToSearch(){return 0===this.itemsList.filteredItems.length&&this._isTypeahead&&!this._validTerm&&!this.loading}onCompositionStart(){this._isComposing=!0}onCompositionEnd(t){this._isComposing=!1,!this.searchWhileComposing&&this.filter(t)}filter(t){this._isComposing&&!this.searchWhileComposing||(this.searchTerm=t,this._isTypeahead&&(this._validTerm||0===this.minTermLength)&&this.typeahead.next(t),this._isTypeahead||(this.itemsList.filter(this.searchTerm),this.isOpen&&this.itemsList.markSelectedOrDefault(this.markFirst)),this.searchEvent.emit({term:t,items:this.itemsList.filteredItems.map(a=>a.value)}),this.open())}onInputFocus(t){this.focused||(this._editableSearchTerm&&this._setSearchTermFromItems(),this.element.classList.add("ng-select-focused"),this.focusEvent.emit(t),this.focused=!0)}onInputBlur(t){this.element.classList.remove("ng-select-focused"),this.blurEvent.emit(t),!this.isOpen&&!this.disabled&&this._onTouched(),this._editableSearchTerm&&this._setSearchTermFromItems(),this.focused=!1}onItemHover(t){t.disabled||this.itemsList.markItem(t)}detectChanges(){this._cd.destroyed||this._cd.detectChanges()}_setSearchTermFromItems(){const t=this.selectedItems&&this.selectedItems[0];this.searchTerm=t&&t.label||null}_setItems(t){const a=t[0];this.bindLabel=this.bindLabel||this._defaultLabel,this._primitive=f(a)?!M(a):this._primitive||this.bindLabel===this._defaultLabel,this.itemsList.setItems(t),t.length>0&&this.hasValue&&this.itemsList.mapSelectedItems(),this.isOpen&&f(this.searchTerm)&&!this._isTypeahead&&this.itemsList.filter(this.searchTerm),(this._isTypeahead||this.isOpen)&&this.itemsList.markSelectedOrDefault(this.markFirst)}_setItemsFromNgOptions(){const t=n=>{this.items=n.map(i=>({$ngOptionValue:i.value,$ngOptionLabel:i.elementRef.nativeElement.innerHTML,disabled:i.disabled})),this.itemsList.setItems(this.items),this.hasValue&&this.itemsList.mapSelectedItems(),this.detectChanges()},a=()=>{const n=(0,y.h)(this.ngOptions.changes,this._destroy$);(0,y.h)(...this.ngOptions.map(i=>i.stateChange$)).pipe((0,E.Q)(n)).subscribe(i=>{const o=this.itemsList.findItem(i.value);o.disabled=i.disabled,o.label=i.label||o.label,this._cd.detectChanges()})};this.ngOptions.changes.pipe((0,R.Z)(this.ngOptions),(0,E.Q)(this._destroy$)).subscribe(n=>{this.bindLabel=this._defaultLabel,t(n),a()})}_isValidWriteValue(t){if(!f(t)||this.multiple&&""===t||Array.isArray(t)&&0===t.length)return!1;const a=n=>!(!f(this.compareWith)&&M(n)&&this.bindValue&&(this._console.warn(`Setting object(${JSON.stringify(n)}) as your model with bindValue is not allowed unless [compareWith] is used.`),1));return this.multiple?Array.isArray(t)?t.every(n=>a(n)):(this._console.warn("Multiple select ngModel should be array."),!1):a(t)}_handleWriteValue(t){if(!this._isValidWriteValue(t))return;const a=n=>{let i=this.itemsList.findItem(n);if(i)this.itemsList.select(i);else{const o=M(n);o||!o&&!this.bindValue?this.itemsList.select(this.itemsList.mapItem(n,null)):this.bindValue&&(i={[this.bindLabel]:null,[this.bindValue]:n},this.itemsList.select(this.itemsList.mapItem(i,null)))}};this.multiple?t.forEach(n=>a(n)):a(t)}_handleKeyPresses(){this.searchable||this._keyPress$.pipe((0,E.Q)(this._destroy$),(0,fe.M)(t=>this._pressedKeys.push(t)),(0,_e.B)(200),(0,be.p)(()=>this._pressedKeys.length>0),(0,je.T)(()=>this._pressedKeys.join(""))).subscribe(t=>{const a=this.itemsList.findByLabel(t);a&&(this.isOpen?(this.itemsList.markItem(a),this._scrollToMarked(),this._cd.markForCheck()):this.select(a)),this._pressedKeys=[]})}_setInputAttributes(){const t=this.searchInput.nativeElement,a={type:"text",autocorrect:"off",autocapitalize:"off",autocomplete:this.labelForId?"off":this.dropdownId,...this.inputAttrs};for(const n of Object.keys(a))t.setAttribute(n,a[n])}_updateNgModel(){const t=[];for(const n of this.selectedItems)if(this.bindValue){let i=null;i=n.children?n.value[(this.groupValue?this.bindValue:this.groupBy)||this.groupBy]:this.itemsList.resolveNested(n.value,this.bindValue),t.push(i)}else t.push(n.value);const a=this.selectedItems.map(n=>n.value);this.multiple?(this._onChange(t),this.changeEvent.emit(a)):(this._onChange(f(t[0])?t[0]:null),this.changeEvent.emit(a[0])),this._cd.markForCheck()}_clearSearch(){this.searchTerm&&(this._changeSearch(null),this.itemsList.resetFilteredItems())}_changeSearch(t){this.searchTerm=t,this._isTypeahead&&this.typeahead.next(t)}_scrollToMarked(){!this.isOpen||!this.dropdownPanel||this.dropdownPanel.scrollTo(this.itemsList.markedItem)}_scrollToTag(){!this.isOpen||!this.dropdownPanel||this.dropdownPanel.scrollToTag()}_onSelectionChanged(){this.isOpen&&this.deselectOnClick&&this.appendTo&&(this._cd.detectChanges(),this.dropdownPanel.adjustPosition())}_handleTab(t){if(!1===this.isOpen)if(this.showClear()&&!t.shiftKey)this.focusOnClear(),t.preventDefault();else if(!this.addTag)return;this.selectOnTab?this.itemsList.markedItem?(this.toggleItem(this.itemsList.markedItem),t.preventDefault()):this.showAddTag?(this.selectTag(),t.preventDefault()):this.close():this.close()}_handleEnter(t){if(this.isOpen||this._manualOpen)this.itemsList.markedItem?this.toggleItem(this.itemsList.markedItem):this.showAddTag&&this.selectTag();else{if(!this.openOnEnter)return;this.open()}t.preventDefault()}_handleSpace(t){this.isOpen||this._manualOpen||(this.open(),t.preventDefault())}_handleArrowDown(t){this._nextItemIsTag(1)?(this.itemsList.unmarkItem(),this._scrollToTag()):(this.itemsList.markNextItem(),this._scrollToMarked()),this.open(),t.preventDefault()}_handleArrowUp(t){this.isOpen&&(this._nextItemIsTag(-1)?(this.itemsList.unmarkItem(),this._scrollToTag()):(this.itemsList.markPreviousItem(),this._scrollToMarked()),t.preventDefault())}_nextItemIsTag(t){const a=this.itemsList.markedIndex+t;return this.addTag&&this.searchTerm&&this.itemsList.markedItem&&(a<0||a===this.itemsList.filteredItems.length)}_handleBackspace(){this.searchTerm||!this.clearable||!this.clearOnBackspace||!this.hasValue||(this.multiple?this.unselect(this.itemsList.lastSelectedItem):this.clearModel())}get _isTypeahead(){return this.typeahead&&this.typeahead.observers.length>0}get _validTerm(){const t=this.searchTerm&&this.searchTerm.trim();return t&&t.length>=this.minTermLength}_mergeGlobalConfig(t){this.placeholder=this.placeholder||t.placeholder,this.notFoundText=this.notFoundText||t.notFoundText,this.typeToSearchText=this.typeToSearchText||t.typeToSearchText,this.addTagText=this.addTagText||t.addTagText,this.loadingText=this.loadingText||t.loadingText,this.clearAllText=this.clearAllText||t.clearAllText,this.virtualScroll=f(this.virtualScroll)?this.virtualScroll:!!f(t.disableVirtualScroll)&&!t.disableVirtualScroll,this.openOnEnter=f(this.openOnEnter)?this.openOnEnter:t.openOnEnter,this.appendTo=this.appendTo||t.appendTo,this.bindValue=this.bindValue||t.bindValue,this.bindLabel=this.bindLabel||t.bindLabel,this.appearance=this.appearance||t.appearance}static#e=this.\u0275fac=function(a){return new(a||s)(e.kS0("class"),e.kS0("autofocus"),e.rXU(ht),e.rXU(le),e.rXU(e.aKT),e.rXU(e.gRc),e.rXU(mt))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["ng-select"]],contentQueries:function(a,n,i){if(1&a&&(e.wni(i,H,5,e.C4Q),e.wni(i,$,5,e.C4Q),e.wni(i,q,5,e.C4Q),e.wni(i,Y,5,e.C4Q),e.wni(i,Q,5,e.C4Q),e.wni(i,W,5,e.C4Q),e.wni(i,K,5,e.C4Q),e.wni(i,z,5,e.C4Q),e.wni(i,J,5,e.C4Q),e.wni(i,Z,5,e.C4Q),e.wni(i,ee,5,e.C4Q),e.wni(i,ut,5)),2&a){let o;e.mGM(o=e.lsd())&&(n.optionTemplate=o.first),e.mGM(o=e.lsd())&&(n.optgroupTemplate=o.first),e.mGM(o=e.lsd())&&(n.labelTemplate=o.first),e.mGM(o=e.lsd())&&(n.multiLabelTemplate=o.first),e.mGM(o=e.lsd())&&(n.headerTemplate=o.first),e.mGM(o=e.lsd())&&(n.footerTemplate=o.first),e.mGM(o=e.lsd())&&(n.notFoundTemplate=o.first),e.mGM(o=e.lsd())&&(n.typeToSearchTemplate=o.first),e.mGM(o=e.lsd())&&(n.loadingTextTemplate=o.first),e.mGM(o=e.lsd())&&(n.tagTemplate=o.first),e.mGM(o=e.lsd())&&(n.loadingSpinnerTemplate=o.first),e.mGM(o=e.lsd())&&(n.ngOptions=o)}},viewQuery:function(a,n){if(1&a&&(e.GBs(ae,5),e.GBs(ye,7),e.GBs(Se,5)),2&a){let i;e.mGM(i=e.lsd())&&(n.dropdownPanel=i.first),e.mGM(i=e.lsd())&&(n.searchInput=i.first),e.mGM(i=e.lsd())&&(n.clearButton=i.first)}},hostVars:20,hostBindings:function(a,n){1&a&&e.bIt("keydown",function(o){return n.handleKeyDown(o)}),2&a&&e.AVh("ng-select-typeahead",n.typeahead)("ng-select-multiple",n.multiple)("ng-select-taggable",n.addTag)("ng-select-searchable",n.searchable)("ng-select-clearable",n.clearable)("ng-select-opened",n.isOpen)("ng-select",n.useDefaultClass)("ng-select-disabled",n.disabled)("ng-select-filtered",n.filtered)("ng-select-single",n.single)},inputs:{bindLabel:"bindLabel",bindValue:"bindValue",markFirst:[2,"markFirst","markFirst",e.L39],placeholder:"placeholder",notFoundText:"notFoundText",typeToSearchText:"typeToSearchText",addTagText:"addTagText",loadingText:"loadingText",clearAllText:"clearAllText",appearance:"appearance",dropdownPosition:"dropdownPosition",appendTo:"appendTo",loading:[2,"loading","loading",e.L39],closeOnSelect:[2,"closeOnSelect","closeOnSelect",e.L39],hideSelected:[2,"hideSelected","hideSelected",e.L39],selectOnTab:[2,"selectOnTab","selectOnTab",e.L39],openOnEnter:[2,"openOnEnter","openOnEnter",e.L39],maxSelectedItems:[2,"maxSelectedItems","maxSelectedItems",e.Udg],groupBy:"groupBy",groupValue:"groupValue",bufferAmount:[2,"bufferAmount","bufferAmount",e.Udg],virtualScroll:[2,"virtualScroll","virtualScroll",e.L39],selectableGroup:[2,"selectableGroup","selectableGroup",e.L39],selectableGroupAsModel:[2,"selectableGroupAsModel","selectableGroupAsModel",e.L39],searchFn:"searchFn",trackByFn:"trackByFn",clearOnBackspace:[2,"clearOnBackspace","clearOnBackspace",e.L39],labelForId:"labelForId",inputAttrs:"inputAttrs",tabIndex:[2,"tabIndex","tabIndex",e.Udg],readonly:[2,"readonly","readonly",e.L39],searchWhileComposing:[2,"searchWhileComposing","searchWhileComposing",e.L39],minTermLength:[2,"minTermLength","minTermLength",e.Udg],editableSearchTerm:[2,"editableSearchTerm","editableSearchTerm",e.L39],keyDownFn:"keyDownFn",typeahead:"typeahead",multiple:[2,"multiple","multiple",e.L39],addTag:"addTag",searchable:[2,"searchable","searchable",e.L39],clearable:[2,"clearable","clearable",e.L39],isOpen:[2,"isOpen","isOpen",e.L39],items:"items",compareWith:"compareWith",clearSearchOnAdd:"clearSearchOnAdd",deselectOnClick:"deselectOnClick"},outputs:{blurEvent:"blur",focusEvent:"focus",changeEvent:"change",openEvent:"open",closeEvent:"close",searchEvent:"search",clearEvent:"clear",addEvent:"add",removeEvent:"remove",scroll:"scroll",scrollToEnd:"scrollToEnd"},features:[e.Jv_([{provide:h.kq,useExisting:(0,e.Rfq)(()=>s),multi:!0},se]),e.GFd,e.OA$],decls:14,vars:19,consts:[["searchInput",""],["defaultLabelTemplate",""],["defaultLoadingSpinnerTemplate",""],["clearButton",""],["defaultOptionTemplate",""],["defaultTagTemplate",""],["defaultNotFoundTemplate",""],["defaultTypeToSearchTemplate",""],["defaultLoadingTextTemplate",""],[1,"ng-select-container",3,"mousedown"],[1,"ng-value-container"],[1,"ng-placeholder"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],["role","combobox","aria-haspopup","listbox",1,"ng-input"],["aria-autocomplete","list",3,"input","compositionstart","compositionend","focus","blur","change","readOnly","disabled","value"],["tabindex","0",1,"ng-clear-wrapper",3,"title"],[1,"ng-arrow-wrapper"],[1,"ng-arrow"],["role","listbox","aria-label","Options list",1,"ng-dropdown-panel",3,"virtualScroll","bufferAmount","appendTo","position","headerTemplate","footerTemplate","filterValue","items","markedItem","ng-select-multiple","ngClass","id"],[1,"ng-value",3,"ng-value-disabled"],[1,"ng-value"],["aria-hidden","true",1,"ng-value-icon","left",3,"click"],[1,"ng-value-label",3,"ngItemLabel","escape"],[3,"ngTemplateOutlet"],[1,"ng-spinner-loader"],["aria-hidden","true",1,"ng-clear"],["role","listbox","aria-label","Options list",1,"ng-dropdown-panel",3,"update","scroll","scrollToEnd","outsideClick","virtualScroll","bufferAmount","appendTo","position","headerTemplate","footerTemplate","filterValue","items","markedItem","ngClass","id"],[1,"ng-option",3,"ng-option-disabled","ng-option-selected","ng-optgroup","ng-option","ng-option-child","ng-option-marked"],["role","option",1,"ng-option",3,"ng-option-marked"],[1,"ng-option",3,"click","mouseover"],[1,"ng-option-label",3,"ngItemLabel","escape"],["role","option",1,"ng-option",3,"mouseover","click"],[1,"ng-tag-label"],[1,"ng-option","ng-option-disabled"]],template:function(a,n){if(1&a){const i=e.RV6();e.j41(0,"div",9),e.bIt("mousedown",function(c){return e.eBV(i),e.Njj(n.handleMousedown(c))}),e.j41(1,"div",10)(2,"div",11),e.EFF(3),e.k0s(),e.DNE(4,Le,2,0)(5,Ne,1,5,null,12),e.j41(6,"div",13)(7,"input",14,0),e.bIt("input",function(){e.eBV(i);const c=e.sdS(8);return e.Njj(n.filter(c.value))})("compositionstart",function(){return e.eBV(i),e.Njj(n.onCompositionStart())})("compositionend",function(){e.eBV(i);const c=e.sdS(8);return e.Njj(n.onCompositionEnd(c.value))})("focus",function(c){return e.eBV(i),e.Njj(n.onInputFocus(c))})("blur",function(c){return e.eBV(i),e.Njj(n.onInputBlur(c))})("change",function(c){return e.eBV(i),e.Njj(c.stopPropagation())}),e.k0s()()(),e.DNE(9,Ge,3,1)(10,Re,4,1,"span",15),e.j41(11,"span",16),e.nrm(12,"span",17),e.k0s()(),e.DNE(13,nt,8,17,"ng-dropdown-panel",18)}2&a&&(e.AVh("ng-appearance-outline","outline"===n.appearance)("ng-has-value",n.hasValue),e.R7$(3),e.JRh(n.placeholder),e.R7$(),e.vxM(n.multiLabelTemplate&&n.multiple||!(n.selectedItems.length>0)?-1:4),e.R7$(),e.vxM(n.multiple&&n.multiLabelTemplate&&n.selectedValues.length>0?5:-1),e.R7$(),e.BMQ("aria-expanded",n.isOpen)("aria-owns",n.isOpen?n.dropdownId:null),e.R7$(),e.Y8G("readOnly",!n.searchable||n.itemsList.maxItemsSelected)("disabled",n.disabled)("value",n.searchTerm?n.searchTerm:""),e.BMQ("id",n.labelForId)("tabindex",n.tabIndex)("aria-activedescendant",n.isOpen?null==n.itemsList||null==n.itemsList.markedItem?null:n.itemsList.markedItem.htmlId:null)("aria-controls",n.isOpen?n.dropdownId:null),e.R7$(2),e.vxM(n.loading?9:-1),e.R7$(),e.vxM(n.showClear()?10:-1),e.R7$(3),e.vxM(n.isOpen?13:-1))},dependencies:[u.YU,u.T3,ae,rt],styles:['@charset "UTF-8";.ng-select{position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ng-select div,.ng-select input,.ng-select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ng-select [hidden]{display:none}.ng-select.ng-select-searchable .ng-select-container .ng-value-container .ng-input{opacity:1}.ng-select.ng-select-opened .ng-select-container{z-index:1001}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder,.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{-webkit-user-select:none;user-select:none;cursor:default}.ng-select.ng-select-disabled .ng-arrow-wrapper{cursor:default}.ng-select.ng-select-filtered .ng-placeholder{display:none}.ng-select .ng-select-container{cursor:default;display:flex;outline:none;overflow:hidden;position:relative;width:100%}.ng-select .ng-select-container .ng-value-container{display:flex;flex:1}.ng-select .ng-select-container .ng-value-container .ng-input{opacity:0}.ng-select .ng-select-container .ng-value-container .ng-input>input{box-sizing:content-box;background:none transparent;border:0 none;box-shadow:none;outline:none;padding:0;cursor:default;width:100%}.ng-select .ng-select-container .ng-value-container .ng-input>input::-ms-clear{display:none}.ng-select .ng-select-container .ng-value-container .ng-input>input[readonly]{-webkit-user-select:none;user-select:none;width:0;padding:0}.ng-select.ng-select-single.ng-select-filtered .ng-select-container .ng-value-container .ng-value{visibility:hidden}.ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{position:absolute;left:0;width:100%}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{flex-wrap:wrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{position:absolute}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{white-space:nowrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{cursor:pointer}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{flex:1;z-index:2}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{z-index:1}.ng-select .ng-clear-wrapper{cursor:pointer;position:relative;width:17px;-webkit-user-select:none;user-select:none}.ng-select .ng-clear-wrapper .ng-clear{display:inline-block;font-size:18px;line-height:1;pointer-events:none}.ng-select .ng-spinner-loader{border-radius:50%;width:17px;height:17px;margin-right:5px;font-size:10px;position:relative;text-indent:-9999em;border-top:2px solid rgba(66,66,66,.2);border-right:2px solid rgba(66,66,66,.2);border-bottom:2px solid rgba(66,66,66,.2);border-left:2px solid #424242;transform:translateZ(0);animation:load8 .8s infinite linear}.ng-select .ng-spinner-loader:after{border-radius:50%;width:17px;height:17px}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ng-select .ng-arrow-wrapper{cursor:pointer;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.ng-select .ng-arrow-wrapper .ng-arrow{pointer-events:none;display:inline-block;height:0;width:0;position:relative}.ng-dropdown-panel{box-sizing:border-box;position:absolute;opacity:0;width:100%;z-index:1050;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .ng-dropdown-panel-items{display:block;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-height:240px;overflow-y:auto}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{box-sizing:border-box;cursor:pointer;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label:empty:before{content:"\\200b"}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .highlighted{font-weight:700;text-decoration:underline}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.disabled{cursor:default}.ng-dropdown-panel .scroll-host{overflow:hidden;overflow-y:auto;position:relative;display:block;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .scrollable-content{top:0;left:0;width:100%;height:100%;position:absolute}.ng-dropdown-panel .total-padding{width:1px;opacity:0}\n'],encapsulation:2,changeDetection:0})}return s})();function ft(){return new _t}class _t{constructor(){this._selected=[]}get value(){return this._selected}select(l,t,a){if(l.selected=!0,(!l.children||!t&&a)&&this._selected.push(l),t)if(l.parent){const n=l.parent.children.length,i=l.parent.children.filter(o=>o.selected).length;l.parent.selected=n===i}else l.children&&(this._setChildrenSelectedState(l.children,!0),this._removeChildren(l),this._selected=a&&this._activeChildren(l)?[...this._selected.filter(n=>n.parent!==l),l]:[...this._selected,...l.children.filter(n=>!n.disabled)])}unselect(l,t){if(this._selected=this._selected.filter(a=>a!==l),l.selected=!1,t)if(l.parent&&l.parent.selected){const a=l.parent.children;this._removeParent(l.parent),this._removeChildren(l.parent),this._selected.push(...a.filter(n=>n!==l&&!n.disabled)),l.parent.selected=!1}else l.children&&(this._setChildrenSelectedState(l.children,!1),this._removeChildren(l))}clear(l){this._selected=l?this._selected.filter(t=>t.disabled):[]}_setChildrenSelectedState(l,t){for(const a of l)a.disabled||(a.selected=t)}_removeChildren(l){this._selected=[...this._selected.filter(t=>t.parent!==l),...l.children.filter(t=>t.parent===l&&t.disabled&&t.selected)]}_removeParent(l){this._selected=this._selected.filter(t=>t!==l)}_activeChildren(l){return l.children.every(t=>!t.disabled||t.selected)}}let bt=(()=>{class s{static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275mod=e.$C({type:s});static#s=this.\u0275inj=e.G2t({providers:[{provide:le,useValue:ft}],imports:[u.MD]})}return s})();const jt=["*"];let ie=(()=>{class s{get label(){return(this.elementRef.nativeElement.textContent||"").trim()}constructor(t){this.elementRef=t,this.disabled=!1,this.stateChange$=new w.B}ngOnChanges(t){t.disabled&&this.stateChange$.next({value:this.value,disabled:this.disabled})}ngAfterViewChecked(){this.label!==this._previousLabel&&(this._previousLabel=this.label,this.stateChange$.next({value:this.value,disabled:this.disabled,label:this.elementRef.nativeElement.innerHTML}))}ngOnDestroy(){this.stateChange$.complete()}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.aKT))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["mtx-option"]],inputs:{value:"value",disabled:[2,"disabled","disabled",e.L39]},exportAs:["mtxOption"],standalone:!0,features:[e.GFd,e.OA$,e.aNF],ngContentSelectors:jt,decls:1,vars:0,template:function(a,n){1&a&&(e.NAR(),e.SdG(0))},encapsulation:2,changeDetection:0})}return s})(),V=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-option-tmp",""]],standalone:!0})}return s})(),oe=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-optgroup-tmp",""]],standalone:!0})}return s})(),P=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-label-tmp",""]],standalone:!0})}return s})(),Ct=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-multi-label-tmp",""]],standalone:!0})}return s})(),vt=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-header-tmp",""]],standalone:!0})}return s})(),Tt=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-footer-tmp",""]],standalone:!0})}return s})(),xt=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-notfound-tmp",""]],standalone:!0})}return s})(),Et=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-typetosearch-tmp",""]],standalone:!0})}return s})(),wt=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-loadingtext-tmp",""]],standalone:!0})}return s})(),Ft=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-tag-tmp",""]],standalone:!0})}return s})(),yt=(()=>{class s{constructor(t){this.template=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.C4Q))};static#t=this.\u0275dir=e.FsC({type:s,selectors:[["","ng-loadingspinner-tmp",""]],standalone:!0})}return s})();var St=r(18617);const Mt=["ngSelect"],At=()=>({standalone:!0}),re=(s,l,t,a)=>({item:s,item$:l,index:t,searchTerm:a}),kt=(s,l,t)=>({item:s,clear:l,label:t}),Ot=(s,l)=>({items:s,clear:l}),G=s=>({searchTerm:s});function Dt(s,l){}function It(s,l){if(1&s&&e.DNE(0,Dt,0,0,"ng-template",13),2&s){const t=l.item,a=l.item$,n=l.index,i=l.searchTerm,o=e.XpG(2);e.Y8G("ngTemplateOutlet",o.optionTemplate)("ngTemplateOutletContext",e.ziG(2,re,t,a,n,i))}}function Lt(s,l){1&s&&e.DNE(0,It,1,7,"ng-template",2)}function Bt(s,l){}function Nt(s,l){if(1&s&&e.DNE(0,Bt,0,0,"ng-template",13),2&s){const t=l.item,a=l.item$,n=l.index,i=l.searchTerm,o=e.XpG(2);e.Y8G("ngTemplateOutlet",o.optgroupTemplate)("ngTemplateOutletContext",e.ziG(2,re,t,a,n,i))}}function Vt(s,l){1&s&&e.DNE(0,Nt,1,7,"ng-template",3)}function Pt(s,l){}function Gt(s,l){if(1&s&&e.DNE(0,Pt,0,0,"ng-template",13),2&s){const t=l.item,a=l.clear,n=l.label,i=e.XpG(2);e.Y8G("ngTemplateOutlet",i.labelTemplate)("ngTemplateOutletContext",e.sMw(2,kt,t,a,n))}}function Rt(s,l){1&s&&e.DNE(0,Gt,1,6,"ng-template",4)}function Ut(s,l){}function Xt(s,l){if(1&s&&e.DNE(0,Ut,0,0,"ng-template",13),2&s){const t=l.items,a=l.clear,n=e.XpG(2);e.Y8G("ngTemplateOutlet",n.multiLabelTemplate)("ngTemplateOutletContext",e.l_i(2,Ot,t,a))}}function Ht(s,l){1&s&&e.DNE(0,Xt,1,5,"ng-template",5)}function $t(s,l){}function qt(s,l){if(1&s&&e.DNE(0,$t,0,0,"ng-template",14),2&s){const t=e.XpG(2);e.Y8G("ngTemplateOutlet",t.headerTemplate)}}function Yt(s,l){1&s&&e.DNE(0,qt,1,1,"ng-template",6)}function Qt(s,l){}function Wt(s,l){if(1&s&&e.DNE(0,Qt,0,0,"ng-template",14),2&s){const t=e.XpG(2);e.Y8G("ngTemplateOutlet",t.footerTemplate)}}function Kt(s,l){1&s&&e.DNE(0,Wt,1,1,"ng-template",7)}function zt(s,l){}function Jt(s,l){if(1&s&&e.DNE(0,zt,0,0,"ng-template",13),2&s){const t=l.searchTerm,a=e.XpG(2);e.Y8G("ngTemplateOutlet",a.notFoundTemplate)("ngTemplateOutletContext",e.eq3(2,G,t))}}function Zt(s,l){1&s&&e.DNE(0,Jt,1,4,"ng-template",8)}function es(s,l){}function ts(s,l){if(1&s&&e.DNE(0,es,0,0,"ng-template",14),2&s){const t=e.XpG(2);e.Y8G("ngTemplateOutlet",t.typeToSearchTemplate)}}function ss(s,l){1&s&&e.DNE(0,ts,1,1,"ng-template",9)}function ns(s,l){}function as(s,l){if(1&s&&e.DNE(0,ns,0,0,"ng-template",13),2&s){const t=l.searchTerm,a=e.XpG(2);e.Y8G("ngTemplateOutlet",a.loadingTextTemplate)("ngTemplateOutletContext",e.eq3(2,G,t))}}function ls(s,l){1&s&&e.DNE(0,as,1,4,"ng-template",10)}function is(s,l){}function os(s,l){if(1&s&&e.DNE(0,is,0,0,"ng-template",13),2&s){const t=l.searchTerm,a=e.XpG(2);e.Y8G("ngTemplateOutlet",a.tagTemplate)("ngTemplateOutletContext",e.eq3(2,G,t))}}function rs(s,l){1&s&&e.DNE(0,os,1,4,"ng-template",11)}function cs(s,l){}function ps(s,l){if(1&s&&e.DNE(0,cs,0,0,"ng-template",14),2&s){const t=e.XpG(2);e.Y8G("ngTemplateOutlet",t.loadingSpinnerTemplate)}}function ds(s,l){1&s&&e.DNE(0,ps,1,1,"ng-template",12)}const us=new e.nKC("mtx-select-default-options");let ce=0,A=(()=>{class s{get clearSearchOnAdd(){return this._clearSearchOnAdd??this.closeOnSelect}set clearSearchOnAdd(t){this._clearSearchOnAdd=t}get items(){return this._items}set items(t){this._itemsAreUsed=!0,this._items=t}get value(){return this._value}set value(t){this._assignValue(t)&&this._onChange(t)}get id(){return this._id}set id(t){this._id=t||this._uid,this.stateChanges.next()}get placeholder(){return this._placeholder}set placeholder(t){this._placeholder=t,this.stateChanges.next()}get focused(){return this._focused}get empty(){return null==this.value||Array.isArray(this.value)&&0===this.value.length}get shouldLabelFloat(){return this.focused||!this.empty}get required(){return this._required??this.ngControl?.control?.hasValidator(h.k0.required)??!1}set required(t){this._required=t,this.stateChanges.next()}get errorStateMatcher(){return this._errorStateTracker.matcher}set errorStateMatcher(t){this._errorStateTracker.matcher=t}get panelOpen(){return!!this.ngSelect.isOpen}get errorState(){return this._errorStateTracker.errorState}set errorState(t){this._errorStateTracker.errorState=t}constructor(t,a,n,i,o,c,_,b,v){this._changeDetectorRef=t,this._elementRef=a,this._focusMonitor=n,this.ngControl=_,this._parentFormField=b,this._defaultOptions=v,this.addTag=!1,this.addTagText=this._defaultOptions?.addTagText??"Add item",this.appearance="underline",this.appendTo=this._defaultOptions?.appendTo??"body",this.bindLabel=this._defaultOptions?.bindLabel,this.bindValue=this._defaultOptions?.bindValue,this.closeOnSelect=!0,this.clearAllText=this._defaultOptions?.clearAllText??"Clear all",this.clearable=!0,this.clearOnBackspace=!0,this.dropdownPosition="auto",this.bufferAmount=4,this.selectableGroup=!1,this.selectableGroupAsModel=!0,this.hideSelected=!1,this.loading=!1,this.loadingText=this._defaultOptions?.loadingText??"Loading...",this.labelForId=null,this.markFirst=!0,this.multiple=!1,this.notFoundText=this._defaultOptions?.notFoundText??"No items found",this.searchable=!0,this.readonly=!1,this.searchFn=null,this.searchWhileComposing=!0,this.selectOnTab=!1,this.trackByFn=null,this.inputAttrs={},this.openOnEnter=this._defaultOptions?.openOnEnter??!0,this.minTermLength=0,this.editableSearchTerm=!1,this.keyDownFn=j=>!0,this.virtualScroll=!1,this.typeToSearchText=this._defaultOptions?.typeToSearchText??"Type to search",this.blurEvent=new e.bkB,this.focusEvent=new e.bkB,this.changeEvent=new e.bkB,this.openEvent=new e.bkB,this.closeEvent=new e.bkB,this.searchEvent=new e.bkB,this.clearEvent=new e.bkB,this.addEvent=new e.bkB,this.removeEvent=new e.bkB,this.scroll=new e.bkB,this.scrollToEnd=new e.bkB,this._clearSearchOnAdd=this._defaultOptions?.clearSearchOnAdd,this._items=[],this._itemsAreUsed=!1,this._destroy$=new w.B,this._value=null,this.stateChanges=new w.B,this._uid="mtx-select-"+ce++,this._placeholder=this._defaultOptions?.placeholder,this._focused=!1,this.disabled=!1,this.ariaLabel="",this.ariaLabelledby=null,this._ariaDescribedby=null,this.controlType="mtx-select",this._onChange=()=>{},this._onTouched=()=>{},this._valueId="mtx-select-value-"+ce++,n.monitor(this._elementRef,!0).subscribe(j=>{this._focused&&!j&&this._onTouched(),this._focused=!!j,this.stateChanges.next()}),this.ngControl&&(this.ngControl.valueAccessor=this),this._errorStateTracker=new x.X0(i,_,c,o,this.stateChanges),this.id=this.id}ngOnInit(){this.compareWith&&(this.ngSelect.compareWith=this.compareWith)}ngAfterViewInit(){this._itemsAreUsed||this._setItemsFromMtxOptions()}ngDoCheck(){const t=this.ngControl;this.ngControl&&(this._previousControl!==t.control&&(void 0!==this._previousControl&&null!==t.disabled&&t.disabled!==this.disabled&&(this.disabled=t.disabled),this._previousControl=t.control),this.updateErrorState())}ngOnDestroy(){this._destroy$.next(),this._destroy$.complete(),this.stateChanges.complete(),this._focusMonitor.stopMonitoring(this._elementRef)}_getAriaLabelledby(){if(this.ariaLabel)return null;const t=this._parentFormField?.getLabelId();let a=(t?t+" ":"")+this._valueId;return this.ariaLabelledby&&(a+=" "+this.ariaLabelledby),a}setDescribedByIds(t){this._ariaDescribedby=t.length?t.join(" "):null}setDisabledState(t){this.disabled=t,this._changeDetectorRef.markForCheck(),this.stateChanges.next()}onContainerClick(t){const a=t.target;/mat-mdc-form-field|mtx-select/g.test(a.parentElement?.classList[0]||"")&&(this.focus(),this.open())}writeValue(t){this._assignValue(t)}registerOnChange(t){this._onChange=t}registerOnTouched(t){this._onTouched=t}updateErrorState(){this._errorStateTracker.updateErrorState()}_assignValue(t){return!!(t!==this._value||this.multiple&&Array.isArray(t))&&(this._value=t,this._changeDetectorRef.markForCheck(),!0)}_setItemsFromMtxOptions(){const t=n=>{this.items=n.map(i=>({$ngOptionValue:i.value,$ngOptionLabel:i.elementRef.nativeElement.innerHTML,disabled:i.disabled})),this.ngSelect.itemsList.setItems(this.items),this.ngSelect.hasValue&&this.ngSelect.itemsList.mapSelectedItems(),this.ngSelect.detectChanges()},a=()=>{const n=(0,y.h)(this.mtxOptions.changes,this._destroy$);(0,y.h)(...this.mtxOptions.map(i=>i.stateChange$)).pipe((0,E.Q)(n)).subscribe(i=>{const o=this.ngSelect.itemsList.findItem(i.value);o.disabled=i.disabled,o.label=i.label||o.label,this.ngSelect.detectChanges()})};this.mtxOptions.changes.pipe((0,R.Z)(this.mtxOptions),(0,E.Q)(this._destroy$)).subscribe(n=>{t(n),a()})}open(){this.ngSelect.open()}close(){this.ngSelect.close()}focus(){this.ngSelect.focus()}blur(){this.ngSelect.blur()}openChange(){this.openEvent.emit(),setTimeout(()=>{document.getElementById(this.ngSelect.dropdownId).classList.add("mat-"+this._parentFormField?.color)})}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(e.gRc),e.rXU(e.aKT),e.rXU(St.FN),e.rXU(x.es),e.rXU(h.cV,8),e.rXU(h.j4,8),e.rXU(h.vO,10),e.rXU(m.xb,8),e.rXU(us,8))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["mtx-select"]],contentQueries:function(a,n,i){if(1&a&&(e.wni(i,V,5,e.C4Q),e.wni(i,oe,5,e.C4Q),e.wni(i,P,5,e.C4Q),e.wni(i,Ct,5,e.C4Q),e.wni(i,vt,5,e.C4Q),e.wni(i,Tt,5,e.C4Q),e.wni(i,xt,5,e.C4Q),e.wni(i,Et,5,e.C4Q),e.wni(i,wt,5,e.C4Q),e.wni(i,Ft,5,e.C4Q),e.wni(i,yt,5,e.C4Q),e.wni(i,ie,5)),2&a){let o;e.mGM(o=e.lsd())&&(n.optionTemplate=o.first),e.mGM(o=e.lsd())&&(n.optgroupTemplate=o.first),e.mGM(o=e.lsd())&&(n.labelTemplate=o.first),e.mGM(o=e.lsd())&&(n.multiLabelTemplate=o.first),e.mGM(o=e.lsd())&&(n.headerTemplate=o.first),e.mGM(o=e.lsd())&&(n.footerTemplate=o.first),e.mGM(o=e.lsd())&&(n.notFoundTemplate=o.first),e.mGM(o=e.lsd())&&(n.typeToSearchTemplate=o.first),e.mGM(o=e.lsd())&&(n.loadingTextTemplate=o.first),e.mGM(o=e.lsd())&&(n.tagTemplate=o.first),e.mGM(o=e.lsd())&&(n.loadingSpinnerTemplate=o.first),e.mGM(o=e.lsd())&&(n.mtxOptions=o)}},viewQuery:function(a,n){if(1&a&&e.GBs(Mt,7),2&a){let i;e.mGM(i=e.lsd())&&(n.ngSelect=i.first)}},hostAttrs:["role","combobox","aria-autocomplete","none",1,"mtx-select"],hostVars:20,hostBindings:function(a,n){2&a&&(e.BMQ("id",n.id)("aria-expanded",n.panelOpen)("aria-label",n.ariaLabel||null)("aria-labelledby",n._getAriaLabelledby())("aria-describedby",n._ariaDescribedby||null)("aria-required",n.required.toString())("aria-disabled",n.disabled.toString())("aria-invalid",n.errorState),e.AVh("mtx-select-floating",n.shouldLabelFloat)("mtx-select-disabled",n.disabled)("mtx-select-invalid",n.errorState)("mtx-select-required",n.required)("mtx-select-empty",n.empty)("mtx-select-multiple",n.multiple))},inputs:{addTag:"addTag",addTagText:"addTagText",appearance:"appearance",appendTo:"appendTo",bindLabel:"bindLabel",bindValue:"bindValue",closeOnSelect:[2,"closeOnSelect","closeOnSelect",e.L39],clearAllText:"clearAllText",clearable:[2,"clearable","clearable",e.L39],clearOnBackspace:[2,"clearOnBackspace","clearOnBackspace",e.L39],compareWith:"compareWith",dropdownPosition:"dropdownPosition",groupBy:"groupBy",groupValue:"groupValue",bufferAmount:"bufferAmount",selectableGroup:[2,"selectableGroup","selectableGroup",e.L39],selectableGroupAsModel:[2,"selectableGroupAsModel","selectableGroupAsModel",e.L39],hideSelected:[2,"hideSelected","hideSelected",e.L39],loading:[2,"loading","loading",e.L39],loadingText:"loadingText",labelForId:"labelForId",markFirst:[2,"markFirst","markFirst",e.L39],maxSelectedItems:"maxSelectedItems",multiple:[2,"multiple","multiple",e.L39],notFoundText:"notFoundText",searchable:[2,"searchable","searchable",e.L39],readonly:[2,"readonly","readonly",e.L39],searchFn:"searchFn",searchWhileComposing:[2,"searchWhileComposing","searchWhileComposing",e.L39],selectOnTab:[2,"selectOnTab","selectOnTab",e.L39],trackByFn:"trackByFn",inputAttrs:"inputAttrs",tabIndex:"tabIndex",openOnEnter:[2,"openOnEnter","openOnEnter",e.L39],minTermLength:"minTermLength",editableSearchTerm:[2,"editableSearchTerm","editableSearchTerm",e.L39],keyDownFn:"keyDownFn",virtualScroll:[2,"virtualScroll","virtualScroll",e.L39],typeToSearchText:"typeToSearchText",typeahead:"typeahead",clearSearchOnAdd:"clearSearchOnAdd",items:"items",value:"value",id:"id",placeholder:"placeholder",disabled:[2,"disabled","disabled",e.L39],required:[2,"required","required",e.L39],errorStateMatcher:"errorStateMatcher",ariaLabel:[0,"aria-label","ariaLabel"],ariaLabelledby:[0,"aria-labelledby","ariaLabelledby"]},outputs:{blurEvent:"blur",focusEvent:"focus",changeEvent:"change",openEvent:"open",closeEvent:"close",searchEvent:"search",clearEvent:"clear",addEvent:"add",removeEvent:"remove",scroll:"scroll",scrollToEnd:"scrollToEnd"},exportAs:["mtxSelect"],standalone:!0,features:[e.Jv_([{provide:m.qT,useExisting:s}]),e.GFd,e.aNF],decls:13,vars:58,consts:[["ngSelect",""],[3,"ngModelChange","blur","focus","change","open","close","search","clear","add","remove","scroll","scrollToEnd","ngModel","ngModelOptions","placeholder","items","addTag","addTagText","appendTo","appearance","bindLabel","bindValue","closeOnSelect","clearAllText","clearable","clearOnBackspace","dropdownPosition","groupBy","groupValue","bufferAmount","hideSelected","inputAttrs","loading","loadingText","labelForId","markFirst","maxSelectedItems","multiple","notFoundText","readonly","typeahead","typeToSearchText","trackByFn","searchable","searchFn","searchWhileComposing","clearSearchOnAdd","selectableGroup","selectableGroupAsModel","selectOnTab","tabIndex","openOnEnter","minTermLength","editableSearchTerm","keyDownFn","virtualScroll"],["ng-option-tmp",""],["ng-optgroup-tmp",""],["ng-label-tmp",""],["ng-multi-label-tmp",""],["ng-header-tmp",""],["ng-footer-tmp",""],["ng-notfound-tmp",""],["ng-typetosearch-tmp",""],["ng-loadingtext-tmp",""],["ng-tag-tmp",""],["ng-loadingspinner-tmp",""],[3,"ngTemplateOutlet","ngTemplateOutletContext"],[3,"ngTemplateOutlet"]],template:function(a,n){if(1&a){const i=e.RV6();e.j41(0,"ng-select",1,0),e.mxI("ngModelChange",function(c){return e.eBV(i),e.DH7(n.value,c)||(n.value=c),e.Njj(c)}),e.bIt("blur",function(c){return e.eBV(i),e.Njj(n.blurEvent.emit(c))})("focus",function(c){return e.eBV(i),e.Njj(n.focusEvent.emit(c))})("change",function(c){return e.eBV(i),e.Njj(n.changeEvent.emit(c))})("open",function(){return e.eBV(i),e.Njj(n.openChange())})("close",function(){return e.eBV(i),e.Njj(n.closeEvent.emit())})("search",function(c){return e.eBV(i),e.Njj(n.searchEvent.emit(c))})("clear",function(c){return e.eBV(i),e.Njj(n.clearEvent.emit(c))})("add",function(c){return e.eBV(i),e.Njj(n.addEvent.emit(c))})("remove",function(c){return e.eBV(i),e.Njj(n.removeEvent.emit(c))})("scroll",function(c){return e.eBV(i),e.Njj(n.scroll.emit(c))})("scrollToEnd",function(){return e.eBV(i),e.Njj(n.scrollToEnd.emit())}),e.DNE(2,Lt,1,0,null,2)(3,Vt,1,0,null,3)(4,Rt,1,0,null,4)(5,Ht,1,0,null,5)(6,Yt,1,0,null,6)(7,Kt,1,0,null,7)(8,Zt,1,0,null,8)(9,ss,1,0,null,9)(10,ls,1,0,null,10)(11,rs,1,0,null,11)(12,ds,1,0,null,12),e.k0s()}2&a&&(e.AVh("ng-select-invalid",n.errorState),e.R50("ngModel",n.value),e.Y8G("ngModelOptions",e.lJ4(57,At))("placeholder",n.placeholder)("items",n.items)("addTag",n.addTag)("addTagText",n.addTagText)("appendTo",n.appendTo)("appearance",n.appearance)("bindLabel",n.bindLabel)("bindValue",n.bindValue)("closeOnSelect",n.closeOnSelect)("clearAllText",n.clearAllText)("clearable",n.clearable)("clearOnBackspace",n.clearOnBackspace)("dropdownPosition",n.dropdownPosition)("groupBy",n.groupBy)("groupValue",n.groupValue)("bufferAmount",n.bufferAmount)("hideSelected",n.hideSelected)("inputAttrs",n.inputAttrs)("loading",n.loading)("loadingText",n.loadingText)("labelForId",n.labelForId)("markFirst",n.markFirst)("maxSelectedItems",n.maxSelectedItems)("multiple",n.multiple)("notFoundText",n.notFoundText)("readonly",n.readonly||n.disabled)("typeahead",n.typeahead)("typeToSearchText",n.typeToSearchText)("trackByFn",n.trackByFn)("searchable",n.searchable)("searchFn",n.searchFn)("searchWhileComposing",n.searchWhileComposing)("clearSearchOnAdd",n.clearSearchOnAdd)("selectableGroup",n.selectableGroup)("selectableGroupAsModel",n.selectableGroupAsModel)("selectOnTab",n.selectOnTab)("tabIndex",n.tabIndex)("openOnEnter",n.openOnEnter)("minTermLength",n.minTermLength)("editableSearchTerm",n.editableSearchTerm)("keyDownFn",n.keyDownFn)("virtualScroll",n.virtualScroll),e.R7$(2),e.vxM(n.optionTemplate?2:-1),e.R7$(),e.vxM(n.optgroupTemplate?3:-1),e.R7$(),e.vxM(n.labelTemplate?4:-1),e.R7$(),e.vxM(n.multiLabelTemplate?5:-1),e.R7$(),e.vxM(n.headerTemplate?6:-1),e.R7$(),e.vxM(n.footerTemplate?7:-1),e.R7$(),e.vxM(n.notFoundTemplate?8:-1),e.R7$(),e.vxM(n.typeToSearchTemplate?9:-1),e.R7$(),e.vxM(n.loadingTextTemplate?10:-1),e.R7$(),e.vxM(n.tagTemplate?11:-1),e.R7$(),e.vxM(n.loadingSpinnerTemplate?12:-1))},dependencies:[bt,gt,$,H,q,Y,Q,W,K,z,J,Z,ee,h.YN,h.BC,h.vS,u.T3],styles:[".ng-select{padding:var(--mat-form-field-filled-with-label-container-padding-top) 16px var(--mat-form-field-filled-with-label-container-padding-bottom);margin:calc(var(--mat-form-field-filled-with-label-container-padding-top) * -1) -16px calc(var(--mat-form-field-filled-with-label-container-padding-bottom) * -1)}.mdc-text-field--outlined .ng-select,.mdc-text-field--no-label .ng-select{padding-top:var(--mat-form-field-container-vertical-padding);padding-bottom:var(--mat-form-field-container-vertical-padding);margin-top:calc(var(--mat-form-field-container-vertical-padding) * -1);margin-bottom:calc(var(--mat-form-field-container-vertical-padding) * -1)}.ng-select .ng-select-container{align-items:center;color:var(--mtx-select-container-text-color)}.ng-select .ng-select-container .ng-value-container{align-items:center}.ng-select .ng-select-container .ng-value-container .ng-input>input{padding:0;color:inherit;font:inherit}.ng-select .ng-select-container .ng-clear-wrapper{width:24px;text-align:center}.ng-select .ng-placeholder{transition:opacity .2s;opacity:1;color:var(--mtx-select-placeholder-text-color)}.mat-form-field-hide-placeholder .ng-select .ng-placeholder{opacity:0}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-clear-wrapper{color:var(--mtx-select-clear-icon-color)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--mtx-select-clear-icon-hover-color)}.ng-select.ng-select-disabled .ng-value{color:var(--mtx-select-disabled-text-color)}.ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow{top:-2px;border-width:0 5px 5px}.ng-select.ng-select-single.ng-select-filtered .ng-placeholder{display:initial;visibility:hidden}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin:2px 4px 2px 0;border-radius:16px;font-size:.875em;line-height:18px;background-color:var(--mtx-select-multiple-value-background-color);border:1px solid var(--mtx-select-multiple-value-outline-color)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:auto;margin-left:4px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{opacity:.4}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;margin:0 8px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;width:18px;height:18px;border-radius:100%;text-align:center}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{margin-right:-4px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{margin-left:-4px;margin-right:auto}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{margin-left:-4px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{margin-right:-4px;margin-left:auto}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--mtx-select-multiple-value-icon-hover-background-color)}.ng-select .ng-arrow-wrapper{width:10px}.ng-select .ng-arrow{border-width:5px 5px 2px;border-style:solid;border-color:var(--mtx-select-enabled-arrow-color) transparent transparent}.ng-select.ng-select-disabled .ng-arrow{border-color:var(--mtx-select-disabled-arrow-color) transparent transparent}.ng-select.ng-select-invalid .ng-arrow{border-color:var(--mtx-select-invalid-arrow-color) transparent transparent}.ng-select.ng-select-opened .ng-arrow{border-color:transparent transparent var(--mtx-select-enabled-arrow-color)}.ng-select.ng-select-opened.ng-select-invalid .ng-arrow{border-color:transparent transparent var(--mtx-select-invalid-arrow-color)}.ng-dropdown-panel{background-color:var(--mtx-select-panel-background-color)}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-left-radius:var(--mtx-select-container-shape);border-bottom-right-radius:var(--mtx-select-container-shape);box-shadow:var(--mtx-select-container-elevation-shadow)}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-left-radius:var(--mtx-select-container-shape);border-top-right-radius:var(--mtx-select-container-shape);box-shadow:var(--mtx-select-container-elevation-shadow)}.ng-dropdown-panel .ng-dropdown-header,.ng-dropdown-panel .ng-dropdown-footer{padding:14px 16px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--mtx-select-panel-divider-color)}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--mtx-select-panel-divider-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{padding:14px 16px;font-weight:500;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--mtx-select-optgroup-label-text-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--mtx-select-option-hover-state-background-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background-color:var(--mtx-select-option-selected-state-background-color);color:var(--mtx-select-option-selected-state-text-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{position:relative;padding:14px 16px;text-overflow:ellipsis;text-decoration:none;text-align:left;white-space:nowrap;overflow:hidden;color:var(--mtx-select-option-label-text-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--mtx-select-option-hover-state-background-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background-color:var(--mtx-select-option-selected-state-background-color);color:var(--mtx-select-option-selected-state-text-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--mtx-select-option-disabled-state-text-color)}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{text-align:right}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:32px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:32px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{margin-right:6px;font-size:80%}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{margin-left:6px;margin-right:0}\n"],encapsulation:2,changeDetection:0})}return s})();const hs={title:"Basic",component:(()=>{class s{constructor(){this.foods=[{id:1,name:"Apple"},{id:2,name:"Lemon"},{id:3,name:"Lime"},{id:4,name:"Orange",disabled:!0},{id:5,name:"Strawberry"}],this.food=2,this.multiple=!1,this.disabled=!1,this.required=!0}onMultiSelectChange(){this.food=this.multiple?[2]:2}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["select-example"]],standalone:!0,features:[e.aNF],decls:15,vars:8,consts:[[3,"ngModelChange","change","ngModel"],[3,"ngModelChange","ngModel"],["bindLabel","name","bindValue","id","appendTo","app-select-overview",3,"ngModelChange","items","multiple","ngModel","required","disabled"]],template:function(a,n){1&a&&(e.j41(0,"div")(1,"mat-checkbox",0),e.mxI("ngModelChange",function(o){return e.DH7(n.multiple,o)||(n.multiple=o),o}),e.bIt("change",function(){return n.onMultiSelectChange()}),e.EFF(2,"Mulitple select"),e.k0s(),e.j41(3,"mat-checkbox",1),e.mxI("ngModelChange",function(o){return e.DH7(n.disabled,o)||(n.disabled=o),o}),e.EFF(4,"Disable select"),e.k0s(),e.j41(5,"mat-checkbox",1),e.mxI("ngModelChange",function(o){return e.DH7(n.required,o)||(n.required=o),o}),e.EFF(6,"Required"),e.k0s()(),e.j41(7,"mat-form-field")(8,"mat-label"),e.EFF(9,"Select Food"),e.k0s(),e.j41(10,"mtx-select",2),e.mxI("ngModelChange",function(o){return e.DH7(n.food,o)||(n.food=o),o}),e.k0s(),e.j41(11,"mat-hint"),e.EFF(12,"Choose your favorite food"),e.k0s(),e.j41(13,"mat-error"),e.EFF(14,"Please choose a food"),e.k0s()()),2&a&&(e.R7$(),e.R50("ngModel",n.multiple),e.R7$(2),e.R50("ngModel",n.disabled),e.R7$(2),e.R50("ngModel",n.required),e.R7$(5),e.Y8G("items",n.foods)("multiple",n.multiple),e.R50("ngModel",n.food),e.Y8G("required",n.required)("disabled",n.disabled))},dependencies:[me.So,h.YN,h.BC,h.YS,h.vS,m.rl,m.nJ,A,m.MV,m.TL],styles:[".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%;margin:1em 0}"]})}return s})(),files:[{file:"app.component.html",content:r(2380),filecontent:r(88285)},{file:"app.component.ts",content:r(64142),filecontent:r(72681)},{file:"app.component.scss",content:r(1260),filecontent:r(56986)}]};function ms(s,l){if(1&s&&(e.nrm(0,"img",2),e.EFF(1)),2&s){const t=l.item;e.Y8G("src",t.avatar,e.B4B),e.R7$(),e.SpI(" ",t.name," ")}}const gs={title:"Custom label template",component:(()=>{class s{constructor(){this.cities=[{id:1,name:"Vilnius",avatar:"//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x"},{id:2,name:"Kaunas",avatar:"//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15"},{id:3,name:"Pavilnys",avatar:"//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15"},{id:4,name:"Siauliai",avatar:"//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x"}],this.selectedCity=this.cities[0].name}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["select-example"]],standalone:!0,features:[e.aNF],decls:13,vars:2,consts:[["bindLabel","name","bindValue","name","appendTo","app-select-overview",3,"ngModelChange","items","ngModel"],["ng-label-tmp",""],["height","15","width","15",3,"src"]],template:function(a,n){1&a&&(e.j41(0,"p"),e.EFF(1,"Custom selected item label using "),e.j41(2,"b"),e.EFF(3,"ng-label-tmp"),e.k0s()(),e.j41(4,"mat-form-field")(5,"mat-label"),e.EFF(6,"Select City"),e.k0s(),e.j41(7,"mtx-select",0),e.mxI("ngModelChange",function(o){return e.DH7(n.selectedCity,o)||(n.selectedCity=o),o}),e.DNE(8,ms,2,2,"ng-template",1),e.k0s(),e.j41(9,"mat-hint"),e.EFF(10,"Choose your city"),e.k0s(),e.j41(11,"mat-error"),e.EFF(12,"Please choose a city"),e.k0s()()),2&a&&(e.R7$(7),e.Y8G("items",n.cities),e.R50("ngModel",n.selectedCity))},dependencies:[h.YN,h.BC,h.vS,m.rl,m.nJ,m.MV,m.TL,A,P],styles:[".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%;margin:1em 0}"]})}return s})(),files:[{file:"app.component.html",content:r(55167),filecontent:r(55278)},{file:"app.component.ts",content:r(60813),filecontent:r(58602)},{file:"app.component.scss",content:r(58655),filecontent:r(84945)}]};function fs(s,l){if(1&s&&(e.nrm(0,"img",4),e.j41(1,"b"),e.EFF(2),e.k0s()),2&s){const t=l.item;e.Y8G("src",t.avatar,e.B4B),e.R7$(2),e.JRh(t.name)}}function _s(s,l){if(1&s&&(e.EFF(0," City group logo "),e.nrm(1,"img",4)),2&s){const t=l.item;e.R7$(),e.Y8G("src",t.avatar,e.B4B)}}function bs(s,l){if(1&s&&(e.j41(0,"b"),e.EFF(1),e.k0s()),2&s){const t=l.item;e.R7$(),e.JRh(t.name)}}const js={title:"Custom optgroup template",component:(()=>{class s{constructor(){this.cities=[{id:1,name:"Vilnius",avatar:"//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x"},{id:2,name:"Kaunas",avatar:"//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15"},{id:3,name:"Pavilnys",avatar:"//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15"},{id:4,name:"Siauliai",avatar:"//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x"}],this.selectedCity=this.cities[2].name}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["select-example"]],standalone:!0,features:[e.aNF],decls:13,vars:2,consts:[["groupBy","avatar","bindLabel","name","bindValue","name","appendTo","app-select-overview",3,"ngModelChange","items","ngModel"],["ng-label-tmp",""],["ng-optgroup-tmp",""],["ng-option-tmp",""],["height","15","width","15",3,"src"]],template:function(a,n){1&a&&(e.j41(0,"p"),e.EFF(1,"Custom label option and optgroup templates"),e.k0s(),e.j41(2,"mat-form-field")(3,"mat-label"),e.EFF(4,"Select City"),e.k0s(),e.j41(5,"mtx-select",0),e.mxI("ngModelChange",function(o){return e.DH7(n.selectedCity,o)||(n.selectedCity=o),o}),e.DNE(6,fs,3,2,"ng-template",1)(7,_s,2,1,"ng-template",2)(8,bs,2,1,"ng-template",3),e.k0s(),e.j41(9,"mat-hint"),e.EFF(10,"Choose your city"),e.k0s(),e.j41(11,"mat-error"),e.EFF(12,"Please choose a city"),e.k0s()()),2&a&&(e.R7$(5),e.Y8G("items",n.cities),e.R50("ngModel",n.selectedCity))},dependencies:[h.YN,h.BC,h.vS,m.rl,m.nJ,m.MV,m.TL,A,P,oe,V],styles:[".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%;margin:1em 0}"]})}return s})(),files:[{file:"app.component.html",content:r(94221),filecontent:r(24334)},{file:"app.component.ts",content:r(7535),filecontent:r(52586)},{file:"app.component.scss",content:r(46231),filecontent:r(45233)}]};var pe=r(88834),F=r(25596);function Cs(s,l){if(1&s&&(e.j41(0,"div"),e.EFF(1),e.k0s()),2&s){const t=e.XpG().item;e.R7$(),e.JRh(t.name)}}function vs(s,l){if(1&s&&(e.j41(0,"mat-card",2)(1,"mat-card-header")(2,"mat-card-title"),e.EFF(3),e.k0s(),e.j41(4,"mat-card-subtitle"),e.EFF(5,"Card subtitle"),e.k0s()(),e.j41(6,"mat-card-content"),e.nrm(7,"img",3),e.EFF(8," Some quick example text to build "),e.k0s(),e.j41(9,"mat-card-actions")(10,"button",4),e.EFF(11,"LIKE"),e.k0s(),e.j41(12,"button",4),e.EFF(13,"SHARE"),e.k0s()()()),2&s){const t=e.XpG().item;e.R7$(3),e.JRh(t.name),e.R7$(4),e.Y8G("src",t.avatar,e.B4B)}}function Ts(s,l){if(1&s&&e.DNE(0,Cs,2,1,"div")(1,vs,14,2,"mat-card",2),2&s){const t=l.item;e.vxM("Kaunas"===t.name?0:-1),e.R7$(),e.vxM("Kaunas"!==t.name?1:-1)}}const xs={title:"Custom option template",component:(()=>{class s{constructor(){this.cities=[{id:1,name:"Vilnius",avatar:"//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x"},{id:2,name:"Kaunas",avatar:"//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15"},{id:3,name:"Pavilnys",avatar:"//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15"},{id:4,name:"Siauliai",avatar:"//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x"}],this.selectedCity=this.cities[1].name}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["select-example"]],standalone:!0,features:[e.aNF],decls:13,vars:2,consts:[["bindLabel","name","bindValue","name","appendTo","app-select-overview",3,"ngModelChange","items","ngModel"],["ng-option-tmp",""],[1,"example-card"],["height","15","width","15",3,"src"],["mat-button",""]],template:function(a,n){1&a&&(e.j41(0,"p"),e.EFF(1,"Custom dropdown panel option template using "),e.j41(2,"b"),e.EFF(3,"ng-option-tmp"),e.k0s()(),e.j41(4,"mat-form-field")(5,"mat-label"),e.EFF(6,"Select City"),e.k0s(),e.j41(7,"mtx-select",0),e.mxI("ngModelChange",function(o){return e.DH7(n.selectedCity,o)||(n.selectedCity=o),o}),e.DNE(8,Ts,2,2,"ng-template",1),e.k0s(),e.j41(9,"mat-hint"),e.EFF(10,"Choose your city"),e.k0s(),e.j41(11,"mat-error"),e.EFF(12,"Please choose a city"),e.k0s()()),2&a&&(e.R7$(7),e.Y8G("items",n.cities),e.R50("ngModel",n.selectedCity))},dependencies:[h.YN,h.BC,h.vS,m.rl,m.nJ,F.RN,F.MM,F.dh,F.Lc,F.m2,F.YY,pe.$z,m.MV,m.TL,A,V],styles:[".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%;margin:1em 0}"]})}return s})(),files:[{file:"app.component.html",content:r(78702),filecontent:r(89509)},{file:"app.component.ts",content:r(27724),filecontent:r(5089)},{file:"app.component.scss",content:r(67212),filecontent:r(91634)}]};function Es(s,l){if(1&s&&(e.j41(0,"mtx-option",2),e.EFF(1),e.k0s()),2&s){const t=l.$implicit;e.Y8G("value",t.id)("disabled",t.disabled),e.R7$(),e.JRh(t.name)}}const ws={title:"MtxOption",component:(()=>{class s{constructor(){this.selectedCars=[3],this.cars=[{id:1,name:"Volvo"},{id:2,name:"Saab",disabled:!0},{id:3,name:"Opel"},{id:4,name:"Audi"}]}toggleDisabled(){const t=this.cars[1];t.disabled=!t.disabled}static#e=this.\u0275fac=function(a){return new(a||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["select-example"]],standalone:!0,features:[e.aNF],decls:23,vars:6,consts:[["mat-raised-button","",3,"click"],["appendTo","app-select-overview",3,"ngModelChange","multiple","ngModel"],[3,"value","disabled"],[3,"value"]],template:function(a,n){1&a&&(e.j41(0,"p"),e.EFF(1," If you have simple use case, you can omit items array and bind options directly in html using "),e.j41(2,"b"),e.EFF(3,"mtx-option"),e.k0s(),e.EFF(4," component.\n"),e.k0s(),e.j41(5,"div")(6,"button",0),e.bIt("click",function(){return n.toggleDisabled()}),e.EFF(7,"Toggle disabled"),e.k0s()(),e.j41(8,"mat-form-field")(9,"mat-label"),e.EFF(10,"Select Car"),e.k0s(),e.j41(11,"mtx-select",1),e.mxI("ngModelChange",function(o){return e.DH7(n.selectedCars,o)||(n.selectedCars=o),o}),e.Z7z(12,Es,2,3,"mtx-option",2,e.fX1),e.j41(14,"mtx-option",3),e.EFF(15,"Custom"),e.k0s()(),e.j41(16,"mat-hint"),e.EFF(17,"Choose your favorite car"),e.k0s(),e.j41(18,"mat-error"),e.EFF(19,"Please choose a car"),e.k0s()(),e.j41(20,"p"),e.EFF(21),e.nI1(22,"json"),e.k0s()),2&a&&(e.R7$(11),e.Y8G("multiple",!0),e.R50("ngModel",n.selectedCars),e.R7$(),e.Dyx(n.cars),e.R7$(2),e.Y8G("value","custom"),e.R7$(7),e.SpI("Selected car ID: ",e.bMT(22,4,n.selectedCars),""))},dependencies:[h.YN,h.BC,h.vS,pe.$z,m.rl,m.nJ,m.MV,m.TL,u.TG,A,ie],styles:[".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%;margin:1em 0}"]})}return s})(),files:[{file:"app.component.html",content:r(69809),filecontent:r(21246)},{file:"app.component.ts",content:r(25227),filecontent:r(55514)},{file:"app.component.scss",content:r(12887),filecontent:r(63937)}]};var de=r(18498);function Fs(s,l){if(1&s&&e.nrm(0,"doc-heading",2)(1,"example-viewer",3),2&s){const t=l.$implicit;e.Y8G("text",t.title),e.R7$(),e.Y8G("exampleData",t)}}function ys(s,l){1&s&&e.Z7z(0,Fs,2,2,null,null,e.fX1),2&s&&e.Dyx(l.examples)}function Ss(s,l){1&s&&e.nrm(0,"doc-viewer",0),2&s&&e.Y8G("textContent",l.content.default)}let ue=(()=>{class s{constructor(t){this.route=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(de.nX))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["app-select-overview"]],standalone:!0,features:[e.aNF],decls:18,vars:3,consts:[["href","https://ng-select.github.io/ng-select/","target","_blank"],["type","danger"],[3,"text"],[3,"exampleData"]],template:function(a,n){if(1&a&&(e.j41(0,"p")(1,"code"),e.EFF(2,"mtx-select"),e.k0s(),e.EFF(3," is a Material form field wrapper of "),e.j41(4,"a",0)(5,"code"),e.EFF(6,"ng-select"),e.k0s()(),e.EFF(7,".\n"),e.k0s(),e.j41(8,"mtx-alert",1),e.EFF(9," If you use the "),e.j41(10,"code"),e.EFF(11,"mtx-select"),e.k0s(),e.EFF(12,", you shouldn't import the "),e.j41(13,"code"),e.EFF(14,"ng-select"),e.k0s(),e.EFF(15," styles.\n"),e.k0s(),e.DNE(16,ys,2,0),e.nI1(17,"async")),2&a){let i;e.R7$(16),e.vxM((i=e.bMT(17,1,n.route.data))?16:-1,i)}},dependencies:[g.s,L.Y,N.v,u.Jj],styles:["[_nghost-%COMP%]{position:relative;display:block}"]})}return s})(),he=(()=>{class s{constructor(t){this.route=t}static#e=this.\u0275fac=function(a){return new(a||s)(e.rXU(de.nX))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["app-select-api"]],standalone:!0,features:[e.aNF],decls:2,vars:3,consts:[[3,"textContent"]],template:function(a,n){if(1&a&&(e.DNE(0,Ss,1,1,"doc-viewer",0),e.nI1(1,"async")),2&a){let i;e.vxM((i=e.bMT(1,1,n.route.data))?0:-1,i)}},dependencies:[B.T,u.Jj],encapsulation:2})}return s})();const Ms=[{path:"",redirectTo:"overview",pathMatch:"full"},{path:"overview",component:ue,pathMatch:"full",data:{examples:[hs,ws,gs,xs,js]}},{path:"api",component:he,pathMatch:"full",data:{content:r(33886)}},{path:"**",redirectTo:"overview"}]},13942:(d,p,r)=>{"use strict";r.d(p,{Y:()=>N});var u=r(99213),g=r(54438),L=r(60177);let B=(()=>{class h{constructor(m){this.platformLocation=m,this._text=""}ngOnInit(){this._text=this.example.toLowerCase().split(" ").filter(m=>"&"!==m).join("-")}getFragmentUrl(){return`${this.platformLocation.pathname}#${this._text}`}static#e=this.\u0275fac=function(e){return new(e||h)(g.rXU(L.Vw))};static#t=this.\u0275cmp=g.VBU({type:h,selectors:[["header-link"]],inputs:{example:"example"},standalone:!0,features:[g.aNF],decls:3,vars:2,consts:[["aria-label","Link to this heading",1,"docs-markdown-a","header-link",3,"href"]],template:function(e,x){1&e&&(g.j41(0,"a",0)(1,"mat-icon"),g.EFF(2,"link"),g.k0s()()),2&e&&(g.Y8G("href",x.getFragmentUrl(),g.B4B),g.BMQ("aria-describedby",x.example))},dependencies:[u.An],styles:["h1 .header-link,h2 .header-link,h3 .header-link,h4 .header-link,h5 .header-link,h6 .header-link{display:inline-flex;padding:2px 0;margin-left:-30px;color:#6e6e6e;text-decoration:none;-webkit-user-select:none;user-select:none;visibility:hidden;vertical-align:middle}h1:hover .header-link,h2:hover .header-link,h3:hover .header-link,h4:hover .header-link,h5:hover .header-link,h6:hover .header-link{visibility:visible}h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{vertical-align:middle}\n"],encapsulation:2})}return h})(),N=(()=>{class h{constructor(){this.text="",this.id=""}ngOnInit(){this.id=this.text.toLowerCase().split(" ").filter(m=>"&"!==m).join("-")}static#e=this.\u0275fac=function(e){return new(e||h)};static#t=this.\u0275cmp=g.VBU({type:h,selectors:[["doc-heading"]],inputs:{text:"text"},standalone:!0,features:[g.aNF],decls:4,vars:3,consts:[[3,"id"],[3,"example"]],template:function(e,x){1&e&&(g.j41(0,"h3",0),g.nrm(1,"header-link",1),g.j41(2,"span"),g.EFF(3),g.k0s()()),2&e&&(g.Y8G("id",x.id),g.R7$(),g.Y8G("example",x.text),g.R7$(2),g.SpI(" ",x.text,""))},dependencies:[B],encapsulation:2})}return h})()},2380:d=>{d.exports='<div>\n <mat-checkbox [(ngModel)]="multiple" (change)="onMultiSelectChange()">Mulitple select</mat-checkbox>\n <mat-checkbox [(ngModel)]="disabled">Disable select</mat-checkbox>\n <mat-checkbox [(ngModel)]="required">Required</mat-checkbox>\n</div>\n\n<mat-form-field>\n <mat-label>Select Food</mat-label>\n\n <mtx-select [items]="foods" bindLabel="name" bindValue="id" [multiple]="multiple"\n [(ngModel)]="food" [required]="required" [disabled]="disabled"\n appendTo="app-select-overview">\n </mtx-select>\n\n <mat-hint>Choose your favorite food</mat-hint>\n <mat-error>Please choose a food</mat-error>\n</mat-form-field>\n'},55167:d=>{d.exports='<p>Custom selected item label using <b>ng-label-tmp</b></p>\n\n<mat-form-field>\n <mat-label>Select City</mat-label>\n\n <mtx-select [items]="cities" [(ngModel)]="selectedCity" bindLabel="name" bindValue="name"\n appendTo="app-select-overview">\n <ng-template ng-label-tmp let-item="item">\n <img height="15" width="15" [src]="item.avatar" />\n {{item.name}}\n </ng-template>\n </mtx-select>\n\n <mat-hint>Choose your city</mat-hint>\n <mat-error>Please choose a city</mat-error>\n</mat-form-field>\n'},94221:d=>{d.exports='<p>Custom label option and optgroup templates</p>\n\n<mat-form-field>\n <mat-label>Select City</mat-label>\n\n <mtx-select [items]="cities" groupBy="avatar" [(ngModel)]="selectedCity"\n bindLabel="name" bindValue="name" appendTo="app-select-overview">\n <ng-template ng-label-tmp let-item="item">\n <img height="15" width="15" [src]="item.avatar" />\n <b>{{item.name}}</b>\n </ng-template>\n <ng-template ng-optgroup-tmp let-item="item" let-index="index">\n City group logo <img height="15" width="15" [src]="item.avatar" />\n </ng-template>\n <ng-template ng-option-tmp let-item="item" let-index="index" let-search="searchTerm">\n <b>{{item.name}}</b>\n </ng-template>\n </mtx-select>\n\n <mat-hint>Choose your city</mat-hint>\n <mat-error>Please choose a city</mat-error>\n</mat-form-field>\n'},78702:d=>{d.exports='<p>Custom dropdown panel option template using <b>ng-option-tmp</b></p>\n\n<mat-form-field>\n <mat-label>Select City</mat-label>\n\n <mtx-select [items]="cities" [(ngModel)]="selectedCity" bindLabel="name" bindValue="name"\n appendTo="app-select-overview">\n <ng-template ng-option-tmp let-item="item" let-index="index" let-search="searchTerm">\n @if (item.name === 'Kaunas') {\n <div>{{item.name}}</div>\n }\n @if (item.name !== 'Kaunas') {\n <mat-card class="example-card">\n <mat-card-header>\n <mat-card-title>{{item.name}}</mat-card-title>\n <mat-card-subtitle>Card subtitle</mat-card-subtitle>\n </mat-card-header>\n <mat-card-content>\n <img height="15" width="15" [src]="item.avatar" />\n Some quick example text to build\n </mat-card-content>\n <mat-card-actions>\n <button mat-button>LIKE</button>\n <button mat-button>SHARE</button>\n </mat-card-actions>\n </mat-card>\n }\n </ng-template>\n </mtx-select>\n\n <mat-hint>Choose your city</mat-hint>\n <mat-error>Please choose a city</mat-error>\n</mat-form-field>\n'},69809:d=>{d.exports='<p>\n If you have simple use case, you can omit items array and bind options directly in html using\n <b>mtx-option</b>\n component.\n</p>\n\n<div>\n <button mat-raised-button (click)="toggleDisabled()">Toggle disabled</button>\n</div>\n\n<mat-form-field>\n <mat-label>Select Car</mat-label>\n\n <mtx-select [multiple]="true" [(ngModel)]="selectedCars" appendTo="app-select-overview">\n @for (car of cars; track car) {\n <mtx-option [value]="car.id" [disabled]="car.disabled">{{car.name}}</mtx-option>\n }\n <mtx-option [value]="'custom'">Custom</mtx-option>\n </mtx-select>\n\n <mat-hint>Choose your favorite car</mat-hint>\n <mat-error>Please choose a car</mat-error>\n</mat-form-field>\n\n<p>Selected car ID: {{selectedCars | json}}</p>\n'},1260:d=>{d.exports='.mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n'},58655:d=>{d.exports='.mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n'},46231:d=>{d.exports='.mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n'},67212:d=>{d.exports='.mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n'},12887:d=>{d.exports='.mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n'},64142:d=>{d.exports='import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxSelect } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [MatCheckbox, FormsModule, MatFormField, MatLabel, MtxSelect, MatHint, MatError],\n})\nexport class AppComponent {\n foods = [\n { id: 1, name: 'Apple' },\n { id: 2, name: 'Lemon' },\n { id: 3, name: 'Lime' },\n { id: 4, name: 'Orange', disabled: true },\n { id: 5, name: 'Strawberry' },\n ];\n\n food: number | number[] = 2;\n\n multiple = false;\n disabled = false;\n required = true;\n\n onMultiSelectChange() {\n this.food = this.multiple ? [2] : 2;\n }\n}\n'},60813:d=>{d.exports='import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxSelect, MtxSelectLabelTemplate } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatFormField,\n MatLabel,\n MatHint,\n MatError,\n MtxSelect,\n MtxSelectLabelTemplate,\n ],\n})\nexport class AppComponent {\n cities = [\n {\n id: 1,\n name: 'Vilnius',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n {\n id: 2,\n name: 'Kaunas',\n avatar: '//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15',\n },\n {\n id: 3,\n name: 'Pavilnys',\n avatar: '//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15',\n },\n {\n id: 4,\n name: 'Siauliai',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n ];\n\n selectedCity = this.cities[0].name;\n}\n'},7535:d=>{d.exports='import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport {\n MtxSelect,\n MtxSelectLabelTemplate,\n MtxSelectOptgroupTemplate,\n MtxSelectOptionTemplate,\n} from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatFormField,\n MatLabel,\n MatHint,\n MatError,\n MtxSelect,\n MtxSelectLabelTemplate,\n MtxSelectOptgroupTemplate,\n MtxSelectOptionTemplate,\n ],\n})\nexport class AppComponent {\n cities = [\n {\n id: 1,\n name: 'Vilnius',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n {\n id: 2,\n name: 'Kaunas',\n avatar: '//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15',\n },\n {\n id: 3,\n name: 'Pavilnys',\n avatar: '//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15',\n },\n {\n id: 4,\n name: 'Siauliai',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n ];\n\n selectedCity = this.cities[2].name;\n}\n'},27724:d=>{d.exports='import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButton } from '@angular/material/button';\nimport {\n MatCard,\n MatCardActions,\n MatCardContent,\n MatCardHeader,\n MatCardSubtitle,\n MatCardTitle,\n} from '@angular/material/card';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxSelect, MtxSelectOptionTemplate } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatFormField,\n MatLabel,\n MatCard,\n MatCardHeader,\n MatCardTitle,\n MatCardSubtitle,\n MatCardContent,\n MatCardActions,\n MatButton,\n MatHint,\n MatError,\n MtxSelect,\n MtxSelectOptionTemplate,\n ],\n})\nexport class AppComponent {\n cities = [\n {\n id: 1,\n name: 'Vilnius',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n {\n id: 2,\n name: 'Kaunas',\n avatar: '//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15',\n },\n {\n id: 3,\n name: 'Pavilnys',\n avatar: '//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15',\n },\n {\n id: 4,\n name: 'Siauliai',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n ];\n\n selectedCity = this.cities[1].name;\n}\n'},25227:d=>{d.exports='import { JsonPipe } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButton } from '@angular/material/button';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxOption, MtxSelect } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatButton,\n MatFormField,\n MatLabel,\n MatHint,\n MatError,\n JsonPipe,\n MtxSelect,\n MtxOption,\n ],\n})\nexport class AppComponent {\n selectedCars = [3];\n cars = [\n { id: 1, name: 'Volvo' },\n { id: 2, name: 'Saab', disabled: true },\n { id: 3, name: 'Opel' },\n { id: 4, name: 'Audi' },\n ];\n\n toggleDisabled() {\n const car: any = this.cars[1];\n car.disabled = !car.disabled;\n }\n}\n'},33886:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u='

Select

\n

API reference for Material Extensions Select

\n

import { MtxSelectModule } from '@ng-matero/extensions/select';

\n

Directives

\n

MtxSelect

\n

Selector: [mtx-select]

\n

Exported as: mtxSelect

\n
Properties
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
NameDescription
@Input()
addTag: boolean | AddTagFn		Allows to create custom options. Default is false.
@Input()
addTagText: string		Set custom text when using tagging. Default is 'Add item'.
@Input()
appendTo: string		Append dropdown to body or any other element using css selector. For correct positioning body should have position:relative. Default is 'body' (since v15).
@Input()
bindValue: string		Object property to use for selected model. By default binds to whole object.
@Input()
bindLabel: string		Object property to use for label. Default is 'label'.
@Input()
closeOnSelect: boolean		Whether to close the menu when a value is selected. Default is true.
@Input()
clearAllText: string		Set custom text for clear all icon title. Default is 'Clear all'.
@Input()
clearable: boolean		Allow to clear selected value. Default is true.
@Input()
clearOnBackspace: boolean		Clear selected values one by one when clicking backspace. Default is true.
@Input()
compareWith: CompareWithFn		A function to compare the option values with the selected values. The first argument is a value from an option. The second is a value from the selection(model). A boolean should be returned.
@Input()
dropdownPosition: DropdownPosition		Set the dropdown position on open. Default is 'auto'.
@Input()
groupBy: string | (() => void)		Allow to group items by key or function expression.
@Input()
groupValue: GroupValueFn		Function expression to provide group value.
@Input()
selectableGroup: boolean		Allow to select group when groupBy is used. Default is false.
@Input()
selectableGroupAsModel: boolean		Indicates whether to select all children or group itself. Default is true.
@Input()
items: boolean		Items array. Default is [].
@Input()
loading: boolean		You can set the loading state from the outside (e.g. async items loading).
@Input()
loadingText: string		Set custom text when for loading items. Default is 'Loading...'.
@Input()
labelForId: string		Id to associate control with label.
@Input()
markFirst: boolean		Marks first item as focused when opening/filtering. Default is true.
@Input()
isOpen: boolean		Allows manual control of dropdown opening and closing. True - won't close. False - won't open.
@Input()
maxSelectedItems: number		When multiple = true, allows to set a limit number of selection.
@Input()
hideSelected: boolean		Allows to hide selected items. Default is false.
@Input()
multiple: boolean		Allows to select multiple items. Default is false.
@Input()
notFoundText: string		Set custom text when filter returns empty result. Default is 'No items found'.
@Input()
placeholder: string		Placeholder text.
@Input()
searchable: boolean		Allow to search for value. Default is true.
@Input()
readonly: boolean		Set ng-select as readonly. Mostly used with reactive forms. Default is false.
@Input()
searchFn: SearchFn		Allow to clear selected value. Default is null.
@Input()
searchWhileComposing: boolean		Whether items should be filtered while composition started. Default is true.
@Input()
trackByFn: TrackByFn		Provide custom trackBy function. Default is null.
@Input()
clearSearchOnAdd: boolean		Clears search input when item is selected. Default true. Default false when closeOnSelect is false. Default is true.
@Input()
editableSearchTerm: boolean		Allow to edit search query if option selected. Default false. Works only if multiple is false.
@Input()
selectOnTab: boolean		Select marked dropdown item using tab. Default is true.
@Input()
openOnEnter: boolean		Open dropdown using enter. Default is true.
@Input()
typeahead: Subject		Custom autocomplete or advanced filter.
@Input()
minTermLength: number		Minimum term length to start a search. Should be used with typeahead. Default is 0.
@Input()
typeToSearchText: string		Set custom text when using Typeahead. Default is 'Type to search'.
@Input()
virtualScroll: boolean		Enable virtual scroll for better performance when rendering a lot of data. Default is false.
@Input()
inputAttrs: { [key: string]: string }		Pass custom attributes to underlying input element.
@Input()
tabIndex: number		Set tabindex on ng-select.
@Input()
keyDownFn: ($event: KeyboardEvent) => boolean		Provide custom keyDown function. Executed before default handler. Return false to suppress execution of default key down handlers. Default is true.
@Output()
focus: void		Fired on select focus.
@Output()
blur: void		Fired on select blur.
@Output()
change: void		Fired on model change. Outputs whole model.
@Output()
open: void		Fired on select dropdown open.
@Output()
close: void		Fired on select dropdown close.
@Output()
add: void		Fired when item is added while [multiple]="true". Outputs added item.
@Output()
remove: void		Fired when item is removed while [multiple]="true".
@Output()
search: { term: string, items: any[] }		Fired while typing search term. Outputs search term with filtered items.
@Output()
clear: void		Fired on clear icon click.
@Output()
scroll: { start: number; end: number }		Fired when scrolled. Provides the start and end index of the currently available items. Can be used for loading more items in chunks before the user has scrolled all the way to the bottom of the list.
@Output()
scrollToEnd: void		Fired when scrolled to the end of items. Can be used for loading more items in chunks.
openOpens the select dropdown panel.
closeCloses the select dropdown panel.
focusFocuses the select element.
blurBlurs the select element.
\n

Interfaces

\n

MtxSelectDefaultOptions

\n

Represents the default options for the select that can be configured using the MTX_SELECT_DEFAULT_OPTIONS injection token.

\n
interface MtxSelectDefaultOptions {\n  placeholder?: string;\n  notFoundText?: string;\n  typeToSearchText?: string;\n  addTagText?: string;\n  loadingText?: string;\n  clearAllText?: string;\n  appendTo?: string;\n  bindValue?: string;\n  bindLabel?: string;\n  openOnEnter?: boolean;\n  clearSearchOnAdd?: boolean;\n}\n
\n

Type aliases

\n\n
type DropdownPosition = 'bottom' | 'top' | 'auto';\n
\n

AddTagFn

\n
type AddTagFn = (term: string) => any | Promise<any>;\n
\n

CompareWithFn

\n
type CompareWithFn = (a: any, b: any) => boolean;\n
\n

GroupValueFn

\n
type GroupValueFn = (key: string | Record<string, any>, children: any[]) => string | Record<string, any>;\n
\n

SearchFn

\n
type SearchFn = (term: string, item: any) => boolean;\n
\n

TrackByFn

\n
type TrackByFn = (item: any) => any;\n
\n

Constants

\n

MTX_SELECT_DEFAULT_OPTIONS

\n

Injection token that can be used to specify default select options.

\n
const MTX_SELECT_DEFAULT_OPTIONS: InjectionToken<() => MtxSelectDefaultOptions>;\n
\n'},88285:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u='
\n Mulitple select\n Disable select\n Required\n
\n\n\n Select Food\n\n \n \n\n Choose your favorite food\n Please choose a food\n\n'},56986:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u=".mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n"},72681:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u="import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxSelect } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [MatCheckbox, FormsModule, MatFormField, MatLabel, MtxSelect, MatHint, MatError],\n})\nexport class AppComponent {\n foods = [\n { id: 1, name: 'Apple' },\n { id: 2, name: 'Lemon' },\n { id: 3, name: 'Lime' },\n { id: 4, name: 'Orange', disabled: true },\n { id: 5, name: 'Strawberry' },\n ];\n\n food: number | number[] = 2;\n\n multiple = false;\n disabled = false;\n required = true;\n\n onMultiSelectChange() {\n this.food = this.multiple ? [2] : 2;\n }\n}\n"},55278:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u='

Custom selected item label using ng-label-tmp

\n\n\n Select City\n\n \n \n \n {{item.name}}\n \n \n\n Choose your city\n Please choose a city\n\n'},84945:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u=".mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n"},58602:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u="import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxSelect, MtxSelectLabelTemplate } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatFormField,\n MatLabel,\n MatHint,\n MatError,\n MtxSelect,\n MtxSelectLabelTemplate,\n ],\n})\nexport class AppComponent {\n cities = [\n {\n id: 1,\n name: 'Vilnius',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n {\n id: 2,\n name: 'Kaunas',\n avatar: '//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15',\n },\n {\n id: 3,\n name: 'Pavilnys',\n avatar: '//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15',\n },\n {\n id: 4,\n name: 'Siauliai',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n ];\n\n selectedCity = this.cities[0].name;\n}\n"},24334:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u='

Custom label option and optgroup templates

\n\n\n Select City\n\n \n \n \n {{item.name}}\n \n \n City group logo \n \n \n {{item.name}}\n \n \n\n Choose your city\n Please choose a city\n\n'},45233:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u=".mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n"},52586:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u="import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport {\n MtxSelect,\n MtxSelectLabelTemplate,\n MtxSelectOptgroupTemplate,\n MtxSelectOptionTemplate,\n} from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatFormField,\n MatLabel,\n MatHint,\n MatError,\n MtxSelect,\n MtxSelectLabelTemplate,\n MtxSelectOptgroupTemplate,\n MtxSelectOptionTemplate,\n ],\n})\nexport class AppComponent {\n cities = [\n {\n id: 1,\n name: 'Vilnius',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n {\n id: 2,\n name: 'Kaunas',\n avatar: '//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15',\n },\n {\n id: 3,\n name: 'Pavilnys',\n avatar: '//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15',\n },\n {\n id: 4,\n name: 'Siauliai',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n ];\n\n selectedCity = this.cities[2].name;\n}\n"},89509:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u='

Custom dropdown panel option template using ng-option-tmp

\n\n\n Select City\n\n \n \n @if (item.name === \'Kaunas\') {\n
{{item.name}}
\n }\n @if (item.name !== \'Kaunas\') {\n \n \n {{item.name}}\n Card subtitle\n \n \n \n Some quick example text to build\n \n \n \n \n \n \n }\n \n \n\n Choose your city\n Please choose a city\n\n'},91634:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u=".mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n"},5089:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u="import { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButton } from '@angular/material/button';\nimport {\n MatCard,\n MatCardActions,\n MatCardContent,\n MatCardHeader,\n MatCardSubtitle,\n MatCardTitle,\n} from '@angular/material/card';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxSelect, MtxSelectOptionTemplate } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatFormField,\n MatLabel,\n MatCard,\n MatCardHeader,\n MatCardTitle,\n MatCardSubtitle,\n MatCardContent,\n MatCardActions,\n MatButton,\n MatHint,\n MatError,\n MtxSelect,\n MtxSelectOptionTemplate,\n ],\n})\nexport class AppComponent {\n cities = [\n {\n id: 1,\n name: 'Vilnius',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n {\n id: 2,\n name: 'Kaunas',\n avatar: '//www.gravatar.com/avatar/ddac2aa63ce82315b513be9dc93336e5?d=retro&r=g&s=15',\n },\n {\n id: 3,\n name: 'Pavilnys',\n avatar: '//www.gravatar.com/avatar/6acb7abf486516ab7fb0a6efa372042b?d=retro&r=g&s=15',\n },\n {\n id: 4,\n name: 'Siauliai',\n avatar: '//www.gravatar.com/avatar/b0d8c6e5ea589e6fc3d3e08afb1873bb?d=retro&r=g&s=30 2x',\n },\n ];\n\n selectedCity = this.cities[1].name;\n}\n"},21246:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u='

\n If you have simple use case, you can omit items array and bind options directly in html using\n mtx-option\n component.\n

\n\n
\n \n
\n\n\n Select Car\n\n \n @for (car of cars; track car) {\n {{car.name}}\n }\n Custom\n \n\n Choose your favorite car\n Please choose a car\n\n\n

Selected car ID: {{selectedCars | json}}

\n'},63937:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u=".mat-mdc-form-field {\n width: 100%;\n margin: 1em 0;\n}\n"},55514:(d,p,r)=>{"use strict";r.r(p),r.d(p,{default:()=>u});const u="import { JsonPipe } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButton } from '@angular/material/button';\nimport { MatError, MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MtxOption, MtxSelect } from '@ng-matero/extensions/select';\n\n@Component({\n selector: 'select-example',\n templateUrl: './app.component.html',\n styleUrl: './app.component.scss',\n standalone: true,\n imports: [\n FormsModule,\n MatButton,\n MatFormField,\n MatLabel,\n MatHint,\n MatError,\n JsonPipe,\n MtxSelect,\n MtxOption,\n ],\n})\nexport class AppComponent {\n selectedCars = [3];\n cars = [\n { id: 1, name: 'Volvo' },\n { id: 2, name: 'Saab', disabled: true },\n { id: 3, name: 'Opel' },\n { id: 4, name: 'Audi' },\n ];\n\n toggleDisabled() {\n const car: any = this.cars[1];\n car.disabled = !car.disabled;\n }\n}\n"}}]); \ No newline at end of file diff --git a/index.html b/index.html index 471853fd..d752eaeb 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,6 @@ Loading... - + diff --git a/runtime.adf7ab7731a3febe.js b/runtime.b14101b6b2bd7aeb.js similarity index 98% rename from runtime.adf7ab7731a3febe.js rename to runtime.b14101b6b2bd7aeb.js index a2f99840..4e8deeb5 100644 --- a/runtime.adf7ab7731a3febe.js +++ b/runtime.b14101b6b2bd7aeb.js @@ -1 +1 @@ -(()=>{"use strict";var e,v={},g={};function r(e){var f=g[e];if(void 0!==f)return f.exports;var t=g[e]={id:e,loaded:!1,exports:{}};return v[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=v,e=[],r.O=(f,t,n,o)=>{if(!t){var a=1/0;for(c=0;c=o)&&Object.keys(r.O).every(p=>r.O[p](t[i]))?t.splice(i--,1):(s=!1,o0&&e[c-1][2]>o;c--)e[c]=e[c-1];e[c]=[t,n,o]},r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var f,e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__;r.t=function(t,n){if(1&n&&(t=this(t)),8&n||"object"==typeof t&&t&&(4&n&&t.__esModule||16&n&&"function"==typeof t.then))return t;var o=Object.create(null);r.r(o);var c={};f=f||[null,e({}),e([]),e(e)];for(var a=2&n&&t;"object"==typeof a&&!~f.indexOf(a);a=e(a))Object.getOwnPropertyNames(a).forEach(s=>c[s]=()=>t[s]);return c.default=()=>t,r.d(o,c),o}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>(76===e?"common":e)+"."+{61:"bf871b69a71f45de",76:"388861307f51206b",85:"6ffa6826a094635c",178:"9d980c674cf99636",234:"6ec004bcd5b86642",258:"cddb8f901a72ea9c",313:"24907f62d3171a69",350:"af683c0844fa2c96",388:"a3a6549b035445c5",390:"c673b1e987dc3c83",417:"82b31508bf77b7c6",539:"86a93dc91afd3457",593:"1570919ed68261ab",596:"39904493992bae18",617:"1bbae34ee745b182",621:"684475585880d968",631:"8cb1fe6a0d6a7659",666:"7d91fc719dec7091",679:"36b948d035a75648",699:"e5a963608360df58",710:"d25b22f9f88cc876",719:"430999a67319f089",730:"cfcd88d8d2be0e38",765:"0cf74a136de9b80e",798:"0a52a9a0ab501a41",810:"3ddec1bde324b104",875:"02fbdca141fbf8e2",881:"4554b7220dee475a",942:"8024f6e2d567bf47",951:"0dfcbb4daa255ed1",989:"e27b65db9b59d7e3"}[e]+".js",r.miniCssF=e=>{},r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="docs:";r.l=(t,n,o,c)=>{if(e[t])e[t].push(n);else{var a,s;if(void 0!==o)for(var i=document.getElementsByTagName("script"),b=0;b{a.onerror=a.onload=null,clearTimeout(u);var h=e[t];if(delete e[t],a.parentNode&&a.parentNode.removeChild(a),h&&h.forEach(y=>y(p)),_)return _(p)},u=setTimeout(l.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=l.bind(null,a.onerror),a.onload=l.bind(null,a.onload),s&&document.head.appendChild(a)}}})(),r.r=e=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{var e;r.tt=()=>(void 0===e&&(e={createScriptURL:f=>f},typeof trustedTypes<"u"&&trustedTypes.createPolicy&&(e=trustedTypes.createPolicy("angular#bundler",e))),e)})(),r.tu=e=>r.tt().createScriptURL(e),r.p="",(()=>{var e={121:0};r.f.j=(n,o)=>{var c=r.o(e,n)?e[n]:void 0;if(0!==c)if(c)o.push(c[2]);else if(121!=n){var a=new Promise((d,l)=>c=e[n]=[d,l]);o.push(c[2]=a);var s=r.p+r.u(n),i=new Error;r.l(s,d=>{if(r.o(e,n)&&(0!==(c=e[n])&&(e[n]=void 0),c)){var l=d&&("load"===d.type?"missing":d.type),u=d&&d.target&&d.target.src;i.message="Loading chunk "+n+" failed.\n("+l+": "+u+")",i.name="ChunkLoadError",i.type=l,i.request=u,c[1](i)}},"chunk-"+n,n)}else e[n]=0},r.O.j=n=>0===e[n];var f=(n,o)=>{var i,b,[c,a,s]=o,d=0;if(c.some(u=>0!==e[u])){for(i in a)r.o(a,i)&&(r.m[i]=a[i]);if(s)var l=s(r)}for(n&&n(o);d{"use strict";var e,v={},g={};function r(e){var f=g[e];if(void 0!==f)return f.exports;var t=g[e]={id:e,loaded:!1,exports:{}};return v[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=v,e=[],r.O=(f,t,n,o)=>{if(!t){var a=1/0;for(c=0;c=o)&&Object.keys(r.O).every(p=>r.O[p](t[i]))?t.splice(i--,1):(s=!1,o0&&e[c-1][2]>o;c--)e[c]=e[c-1];e[c]=[t,n,o]},r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var f,e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__;r.t=function(t,n){if(1&n&&(t=this(t)),8&n||"object"==typeof t&&t&&(4&n&&t.__esModule||16&n&&"function"==typeof t.then))return t;var o=Object.create(null);r.r(o);var c={};f=f||[null,e({}),e([]),e(e)];for(var a=2&n&&t;"object"==typeof a&&!~f.indexOf(a);a=e(a))Object.getOwnPropertyNames(a).forEach(s=>c[s]=()=>t[s]);return c.default=()=>t,r.d(o,c),o}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>(76===e?"common":e)+"."+{61:"bf871b69a71f45de",76:"388861307f51206b",85:"6ffa6826a094635c",178:"9d980c674cf99636",234:"6ec004bcd5b86642",258:"cddb8f901a72ea9c",313:"24907f62d3171a69",350:"af683c0844fa2c96",388:"a3a6549b035445c5",390:"c673b1e987dc3c83",417:"82b31508bf77b7c6",539:"86a93dc91afd3457",593:"1570919ed68261ab",596:"39904493992bae18",617:"1bbae34ee745b182",621:"684475585880d968",631:"8cb1fe6a0d6a7659",666:"7d91fc719dec7091",679:"36b948d035a75648",699:"8d17c241d32a7c65",710:"d25b22f9f88cc876",719:"430999a67319f089",730:"cfcd88d8d2be0e38",765:"0cf74a136de9b80e",798:"0a52a9a0ab501a41",810:"3ddec1bde324b104",875:"02fbdca141fbf8e2",881:"4554b7220dee475a",942:"8024f6e2d567bf47",951:"0dfcbb4daa255ed1",989:"e27b65db9b59d7e3"}[e]+".js",r.miniCssF=e=>{},r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="docs:";r.l=(t,n,o,c)=>{if(e[t])e[t].push(n);else{var a,s;if(void 0!==o)for(var i=document.getElementsByTagName("script"),b=0;b{a.onerror=a.onload=null,clearTimeout(u);var h=e[t];if(delete e[t],a.parentNode&&a.parentNode.removeChild(a),h&&h.forEach(y=>y(p)),_)return _(p)},u=setTimeout(l.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=l.bind(null,a.onerror),a.onload=l.bind(null,a.onload),s&&document.head.appendChild(a)}}})(),r.r=e=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{var e;r.tt=()=>(void 0===e&&(e={createScriptURL:f=>f},typeof trustedTypes<"u"&&trustedTypes.createPolicy&&(e=trustedTypes.createPolicy("angular#bundler",e))),e)})(),r.tu=e=>r.tt().createScriptURL(e),r.p="",(()=>{var e={121:0};r.f.j=(n,o)=>{var c=r.o(e,n)?e[n]:void 0;if(0!==c)if(c)o.push(c[2]);else if(121!=n){var a=new Promise((d,l)=>c=e[n]=[d,l]);o.push(c[2]=a);var s=r.p+r.u(n),i=new Error;r.l(s,d=>{if(r.o(e,n)&&(0!==(c=e[n])&&(e[n]=void 0),c)){var l=d&&("load"===d.type?"missing":d.type),u=d&&d.target&&d.target.src;i.message="Loading chunk "+n+" failed.\n("+l+": "+u+")",i.name="ChunkLoadError",i.type=l,i.request=u,c[1](i)}},"chunk-"+n,n)}else e[n]=0},r.O.j=n=>0===e[n];var f=(n,o)=>{var i,b,[c,a,s]=o,d=0;if(c.some(u=>0!==e[u])){for(i in a)r.o(a,i)&&(r.m[i]=a[i]);if(s)var l=s(r)}for(n&&n(o);d