diff --git a/docs/.nojekyll b/docs/.nojekyll deleted file mode 100644 index e2ac661..0000000 --- a/docs/.nojekyll +++ /dev/null @@ -1 +0,0 @@ -TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false. \ No newline at end of file diff --git a/docs/assets/highlight.css b/docs/assets/highlight.css deleted file mode 100644 index efe4f19..0000000 --- a/docs/assets/highlight.css +++ /dev/null @@ -1,92 +0,0 @@ -:root { - --light-hl-0: #001080; - --dark-hl-0: #9CDCFE; - --light-hl-1: #000000; - --dark-hl-1: #D4D4D4; - --light-hl-2: #A31515; - --dark-hl-2: #CE9178; - --light-hl-3: #267F99; - --dark-hl-3: #4EC9B0; - --light-hl-4: #AF00DB; - --dark-hl-4: #C586C0; - --light-hl-5: #0000FF; - --dark-hl-5: #569CD6; - --light-hl-6: #0070C1; - --dark-hl-6: #4FC1FF; - --light-hl-7: #795E26; - --dark-hl-7: #DCDCAA; - --light-hl-8: #098658; - --dark-hl-8: #B5CEA8; - --light-hl-9: #000000; - --dark-hl-9: #C8C8C8; - --light-code-background: #FFFFFF; - --dark-code-background: #1E1E1E; -} - -@media (prefers-color-scheme: light) { :root { - --hl-0: var(--light-hl-0); - --hl-1: var(--light-hl-1); - --hl-2: var(--light-hl-2); - --hl-3: var(--light-hl-3); - --hl-4: var(--light-hl-4); - --hl-5: var(--light-hl-5); - --hl-6: var(--light-hl-6); - --hl-7: var(--light-hl-7); - --hl-8: var(--light-hl-8); - --hl-9: var(--light-hl-9); - --code-background: var(--light-code-background); -} } - -@media (prefers-color-scheme: dark) { :root { - --hl-0: var(--dark-hl-0); - --hl-1: var(--dark-hl-1); - --hl-2: var(--dark-hl-2); - --hl-3: var(--dark-hl-3); - --hl-4: var(--dark-hl-4); - --hl-5: var(--dark-hl-5); - --hl-6: var(--dark-hl-6); - --hl-7: var(--dark-hl-7); - --hl-8: var(--dark-hl-8); - --hl-9: var(--dark-hl-9); - --code-background: var(--dark-code-background); -} } - -:root[data-theme='light'] { - --hl-0: var(--light-hl-0); - --hl-1: var(--light-hl-1); - --hl-2: var(--light-hl-2); - --hl-3: var(--light-hl-3); - --hl-4: var(--light-hl-4); - --hl-5: var(--light-hl-5); - --hl-6: var(--light-hl-6); - --hl-7: var(--light-hl-7); - --hl-8: var(--light-hl-8); - --hl-9: var(--light-hl-9); - --code-background: var(--light-code-background); -} - -:root[data-theme='dark'] { - --hl-0: var(--dark-hl-0); - --hl-1: var(--dark-hl-1); - --hl-2: var(--dark-hl-2); - --hl-3: var(--dark-hl-3); - --hl-4: var(--dark-hl-4); - --hl-5: var(--dark-hl-5); - --hl-6: var(--dark-hl-6); - --hl-7: var(--dark-hl-7); - --hl-8: var(--dark-hl-8); - --hl-9: var(--dark-hl-9); - --code-background: var(--dark-code-background); -} - -.hl-0 { color: var(--hl-0); } -.hl-1 { color: var(--hl-1); } -.hl-2 { color: var(--hl-2); } -.hl-3 { color: var(--hl-3); } -.hl-4 { color: var(--hl-4); } -.hl-5 { color: var(--hl-5); } -.hl-6 { color: var(--hl-6); } -.hl-7 { color: var(--hl-7); } -.hl-8 { color: var(--hl-8); } -.hl-9 { color: var(--hl-9); } -pre, code { background: var(--code-background); } diff --git a/docs/assets/main.js b/docs/assets/main.js deleted file mode 100644 index d55df03..0000000 --- a/docs/assets/main.js +++ /dev/null @@ -1,58 +0,0 @@ -"use strict"; -"use strict";(()=>{var Qe=Object.create;var ae=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var Ce=Object.getOwnPropertyNames;var Oe=Object.getPrototypeOf,Re=Object.prototype.hasOwnProperty;var _e=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var Me=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Ce(e))!Re.call(t,i)&&i!==n&&ae(t,i,{get:()=>e[i],enumerable:!(r=Pe(e,i))||r.enumerable});return t};var De=(t,e,n)=>(n=t!=null?Qe(Oe(t)):{},Me(e||!t||!t.__esModule?ae(n,"default",{value:t,enumerable:!0}):n,t));var de=_e((ce,he)=>{(function(){var t=function(e){var n=new t.Builder;return n.pipeline.add(t.trimmer,t.stopWordFilter,t.stemmer),n.searchPipeline.add(t.stemmer),e.call(n,n),n.build()};t.version="2.3.9";t.utils={},t.utils.warn=function(e){return function(n){e.console&&console.warn&&console.warn(n)}}(this),t.utils.asString=function(e){return e==null?"":e.toString()},t.utils.clone=function(e){if(e==null)return e;for(var n=Object.create(null),r=Object.keys(e),i=0;i0){var h=t.utils.clone(n)||{};h.position=[a,l],h.index=s.length,s.push(new t.Token(r.slice(a,o),h))}a=o+1}}return s},t.tokenizer.separator=/[\s\-]+/;t.Pipeline=function(){this._stack=[]},t.Pipeline.registeredFunctions=Object.create(null),t.Pipeline.registerFunction=function(e,n){n in this.registeredFunctions&&t.utils.warn("Overwriting existing registered function: "+n),e.label=n,t.Pipeline.registeredFunctions[e.label]=e},t.Pipeline.warnIfFunctionNotRegistered=function(e){var n=e.label&&e.label in this.registeredFunctions;n||t.utils.warn(`Function is not registered with pipeline. This may cause problems when serialising the index. -`,e)},t.Pipeline.load=function(e){var n=new t.Pipeline;return e.forEach(function(r){var i=t.Pipeline.registeredFunctions[r];if(i)n.add(i);else throw new Error("Cannot load unregistered function: "+r)}),n},t.Pipeline.prototype.add=function(){var e=Array.prototype.slice.call(arguments);e.forEach(function(n){t.Pipeline.warnIfFunctionNotRegistered(n),this._stack.push(n)},this)},t.Pipeline.prototype.after=function(e,n){t.Pipeline.warnIfFunctionNotRegistered(n);var r=this._stack.indexOf(e);if(r==-1)throw new Error("Cannot find existingFn");r=r+1,this._stack.splice(r,0,n)},t.Pipeline.prototype.before=function(e,n){t.Pipeline.warnIfFunctionNotRegistered(n);var r=this._stack.indexOf(e);if(r==-1)throw new Error("Cannot find existingFn");this._stack.splice(r,0,n)},t.Pipeline.prototype.remove=function(e){var n=this._stack.indexOf(e);n!=-1&&this._stack.splice(n,1)},t.Pipeline.prototype.run=function(e){for(var n=this._stack.length,r=0;r1&&(oe&&(r=s),o!=e);)i=r-n,s=n+Math.floor(i/2),o=this.elements[s*2];if(o==e||o>e)return s*2;if(ou?h+=2:a==u&&(n+=r[l+1]*i[h+1],l+=2,h+=2);return n},t.Vector.prototype.similarity=function(e){return this.dot(e)/this.magnitude()||0},t.Vector.prototype.toArray=function(){for(var e=new Array(this.elements.length/2),n=1,r=0;n0){var o=s.str.charAt(0),a;o in s.node.edges?a=s.node.edges[o]:(a=new t.TokenSet,s.node.edges[o]=a),s.str.length==1&&(a.final=!0),i.push({node:a,editsRemaining:s.editsRemaining,str:s.str.slice(1)})}if(s.editsRemaining!=0){if("*"in s.node.edges)var u=s.node.edges["*"];else{var u=new t.TokenSet;s.node.edges["*"]=u}if(s.str.length==0&&(u.final=!0),i.push({node:u,editsRemaining:s.editsRemaining-1,str:s.str}),s.str.length>1&&i.push({node:s.node,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)}),s.str.length==1&&(s.node.final=!0),s.str.length>=1){if("*"in s.node.edges)var l=s.node.edges["*"];else{var l=new t.TokenSet;s.node.edges["*"]=l}s.str.length==1&&(l.final=!0),i.push({node:l,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)})}if(s.str.length>1){var h=s.str.charAt(0),m=s.str.charAt(1),v;m in s.node.edges?v=s.node.edges[m]:(v=new t.TokenSet,s.node.edges[m]=v),s.str.length==1&&(v.final=!0),i.push({node:v,editsRemaining:s.editsRemaining-1,str:h+s.str.slice(2)})}}}return r},t.TokenSet.fromString=function(e){for(var n=new t.TokenSet,r=n,i=0,s=e.length;i=e;n--){var r=this.uncheckedNodes[n],i=r.child.toString();i in this.minimizedNodes?r.parent.edges[r.char]=this.minimizedNodes[i]:(r.child._str=i,this.minimizedNodes[i]=r.child),this.uncheckedNodes.pop()}};t.Index=function(e){this.invertedIndex=e.invertedIndex,this.fieldVectors=e.fieldVectors,this.tokenSet=e.tokenSet,this.fields=e.fields,this.pipeline=e.pipeline},t.Index.prototype.search=function(e){return this.query(function(n){var r=new t.QueryParser(e,n);r.parse()})},t.Index.prototype.query=function(e){for(var n=new t.Query(this.fields),r=Object.create(null),i=Object.create(null),s=Object.create(null),o=Object.create(null),a=Object.create(null),u=0;u1?this._b=1:this._b=e},t.Builder.prototype.k1=function(e){this._k1=e},t.Builder.prototype.add=function(e,n){var r=e[this._ref],i=Object.keys(this._fields);this._documents[r]=n||{},this.documentCount+=1;for(var s=0;s=this.length)return t.QueryLexer.EOS;var e=this.str.charAt(this.pos);return this.pos+=1,e},t.QueryLexer.prototype.width=function(){return this.pos-this.start},t.QueryLexer.prototype.ignore=function(){this.start==this.pos&&(this.pos+=1),this.start=this.pos},t.QueryLexer.prototype.backup=function(){this.pos-=1},t.QueryLexer.prototype.acceptDigitRun=function(){var e,n;do e=this.next(),n=e.charCodeAt(0);while(n>47&&n<58);e!=t.QueryLexer.EOS&&this.backup()},t.QueryLexer.prototype.more=function(){return this.pos1&&(e.backup(),e.emit(t.QueryLexer.TERM)),e.ignore(),e.more())return t.QueryLexer.lexText},t.QueryLexer.lexEditDistance=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(t.QueryLexer.EDIT_DISTANCE),t.QueryLexer.lexText},t.QueryLexer.lexBoost=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(t.QueryLexer.BOOST),t.QueryLexer.lexText},t.QueryLexer.lexEOS=function(e){e.width()>0&&e.emit(t.QueryLexer.TERM)},t.QueryLexer.termSeparator=t.tokenizer.separator,t.QueryLexer.lexText=function(e){for(;;){var n=e.next();if(n==t.QueryLexer.EOS)return t.QueryLexer.lexEOS;if(n.charCodeAt(0)==92){e.escapeCharacter();continue}if(n==":")return t.QueryLexer.lexField;if(n=="~")return e.backup(),e.width()>0&&e.emit(t.QueryLexer.TERM),t.QueryLexer.lexEditDistance;if(n=="^")return e.backup(),e.width()>0&&e.emit(t.QueryLexer.TERM),t.QueryLexer.lexBoost;if(n=="+"&&e.width()===1||n=="-"&&e.width()===1)return e.emit(t.QueryLexer.PRESENCE),t.QueryLexer.lexText;if(n.match(t.QueryLexer.termSeparator))return t.QueryLexer.lexTerm}},t.QueryParser=function(e,n){this.lexer=new t.QueryLexer(e),this.query=n,this.currentClause={},this.lexemeIdx=0},t.QueryParser.prototype.parse=function(){this.lexer.run(),this.lexemes=this.lexer.lexemes;for(var e=t.QueryParser.parseClause;e;)e=e(this);return this.query},t.QueryParser.prototype.peekLexeme=function(){return this.lexemes[this.lexemeIdx]},t.QueryParser.prototype.consumeLexeme=function(){var e=this.peekLexeme();return this.lexemeIdx+=1,e},t.QueryParser.prototype.nextClause=function(){var e=this.currentClause;this.query.clause(e),this.currentClause={}},t.QueryParser.parseClause=function(e){var n=e.peekLexeme();if(n!=null)switch(n.type){case t.QueryLexer.PRESENCE:return t.QueryParser.parsePresence;case t.QueryLexer.FIELD:return t.QueryParser.parseField;case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var r="expected either a field or a term, found "+n.type;throw n.str.length>=1&&(r+=" with value '"+n.str+"'"),new t.QueryParseError(r,n.start,n.end)}},t.QueryParser.parsePresence=function(e){var n=e.consumeLexeme();if(n!=null){switch(n.str){case"-":e.currentClause.presence=t.Query.presence.PROHIBITED;break;case"+":e.currentClause.presence=t.Query.presence.REQUIRED;break;default:var r="unrecognised presence operator'"+n.str+"'";throw new t.QueryParseError(r,n.start,n.end)}var i=e.peekLexeme();if(i==null){var r="expecting term or field, found nothing";throw new t.QueryParseError(r,n.start,n.end)}switch(i.type){case t.QueryLexer.FIELD:return t.QueryParser.parseField;case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var r="expecting term or field, found '"+i.type+"'";throw new t.QueryParseError(r,i.start,i.end)}}},t.QueryParser.parseField=function(e){var n=e.consumeLexeme();if(n!=null){if(e.query.allFields.indexOf(n.str)==-1){var r=e.query.allFields.map(function(o){return"'"+o+"'"}).join(", "),i="unrecognised field '"+n.str+"', possible fields: "+r;throw new t.QueryParseError(i,n.start,n.end)}e.currentClause.fields=[n.str];var s=e.peekLexeme();if(s==null){var i="expecting term, found nothing";throw new t.QueryParseError(i,n.start,n.end)}switch(s.type){case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var i="expecting term, found '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},t.QueryParser.parseTerm=function(e){var n=e.consumeLexeme();if(n!=null){e.currentClause.term=n.str.toLowerCase(),n.str.indexOf("*")!=-1&&(e.currentClause.usePipeline=!1);var r=e.peekLexeme();if(r==null){e.nextClause();return}switch(r.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+r.type+"'";throw new t.QueryParseError(i,r.start,r.end)}}},t.QueryParser.parseEditDistance=function(e){var n=e.consumeLexeme();if(n!=null){var r=parseInt(n.str,10);if(isNaN(r)){var i="edit distance must be numeric";throw new t.QueryParseError(i,n.start,n.end)}e.currentClause.editDistance=r;var s=e.peekLexeme();if(s==null){e.nextClause();return}switch(s.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},t.QueryParser.parseBoost=function(e){var n=e.consumeLexeme();if(n!=null){var r=parseInt(n.str,10);if(isNaN(r)){var i="boost must be numeric";throw new t.QueryParseError(i,n.start,n.end)}e.currentClause.boost=r;var s=e.peekLexeme();if(s==null){e.nextClause();return}switch(s.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},function(e,n){typeof define=="function"&&define.amd?define(n):typeof ce=="object"?he.exports=n():e.lunr=n()}(this,function(){return t})})()});var le=[];function B(t,e){le.push({selector:e,constructor:t})}var Y=class{constructor(){this.alwaysVisibleMember=null;this.createComponents(document.body),this.ensureFocusedElementVisible(),window.addEventListener("hashchange",()=>this.ensureFocusedElementVisible())}createComponents(e){le.forEach(n=>{e.querySelectorAll(n.selector).forEach(r=>{r.dataset.hasInstance||(new n.constructor({el:r,app:this}),r.dataset.hasInstance=String(!0))})})}filterChanged(){this.ensureFocusedElementVisible()}ensureFocusedElementVisible(){this.alwaysVisibleMember&&(this.alwaysVisibleMember.classList.remove("always-visible"),this.alwaysVisibleMember.firstElementChild.remove(),this.alwaysVisibleMember=null);let e=document.getElementById(location.hash.substring(1));if(!e)return;let n=e.parentElement;for(;n.tagName!=="SECTION";)n=n.parentElement;if(n.offsetParent==null){this.alwaysVisibleMember=n,n.classList.add("always-visible");let r=document.createElement("p");r.classList.add("warning"),r.textContent="This member is normally hidden due to your filter settings.",n.prepend(r)}}};var I=class{constructor(e){this.el=e.el,this.app=e.app}};var J=class{constructor(){this.listeners={}}addEventListener(e,n){e in this.listeners||(this.listeners[e]=[]),this.listeners[e].push(n)}removeEventListener(e,n){if(!(e in this.listeners))return;let r=this.listeners[e];for(let i=0,s=r.length;i{let n=Date.now();return(...r)=>{n+e-Date.now()<0&&(t(...r),n=Date.now())}};var re=class extends J{constructor(){super();this.scrollTop=0;this.lastY=0;this.width=0;this.height=0;this.showToolbar=!0;this.toolbar=document.querySelector(".tsd-page-toolbar"),this.navigation=document.querySelector(".col-menu"),window.addEventListener("scroll",ne(()=>this.onScroll(),10)),window.addEventListener("resize",ne(()=>this.onResize(),10)),this.searchInput=document.querySelector("#tsd-search input"),this.searchInput&&this.searchInput.addEventListener("focus",()=>{this.hideShowToolbar()}),this.onResize(),this.onScroll()}triggerResize(){let n=new CustomEvent("resize",{detail:{width:this.width,height:this.height}});this.dispatchEvent(n)}onResize(){this.width=window.innerWidth||0,this.height=window.innerHeight||0;let n=new CustomEvent("resize",{detail:{width:this.width,height:this.height}});this.dispatchEvent(n)}onScroll(){this.scrollTop=window.scrollY||0;let n=new CustomEvent("scroll",{detail:{scrollTop:this.scrollTop}});this.dispatchEvent(n),this.hideShowToolbar()}hideShowToolbar(){let n=this.showToolbar;this.showToolbar=this.lastY>=this.scrollTop||this.scrollTop<=0||!!this.searchInput&&this.searchInput===document.activeElement,n!==this.showToolbar&&(this.toolbar.classList.toggle("tsd-page-toolbar--hide"),this.navigation?.classList.toggle("col-menu--hide")),this.lastY=this.scrollTop}},R=re;R.instance=new re;var X=class extends I{constructor(n){super(n);this.anchors=[];this.index=-1;R.instance.addEventListener("resize",()=>this.onResize()),R.instance.addEventListener("scroll",r=>this.onScroll(r)),this.createAnchors()}createAnchors(){let n=window.location.href;n.indexOf("#")!=-1&&(n=n.substring(0,n.indexOf("#"))),this.el.querySelectorAll("a").forEach(r=>{let i=r.href;if(i.indexOf("#")==-1||i.substring(0,n.length)!=n)return;let s=i.substring(i.indexOf("#")+1),o=document.querySelector("a.tsd-anchor[name="+s+"]"),a=r.parentNode;!o||!a||this.anchors.push({link:a,anchor:o,position:0})}),this.onResize()}onResize(){let n;for(let i=0,s=this.anchors.length;ii.position-s.position);let r=new CustomEvent("scroll",{detail:{scrollTop:R.instance.scrollTop}});this.onScroll(r)}onScroll(n){let r=n.detail.scrollTop+5,i=this.anchors,s=i.length-1,o=this.index;for(;o>-1&&i[o].position>r;)o-=1;for(;o-1&&this.anchors[this.index].link.classList.remove("focus"),this.index=o,this.index>-1&&this.anchors[this.index].link.classList.add("focus"))}};var ue=(t,e=100)=>{let n;return()=>{clearTimeout(n),n=setTimeout(()=>t(),e)}};var me=De(de());function ve(){let t=document.getElementById("tsd-search");if(!t)return;let e=document.getElementById("search-script");t.classList.add("loading"),e&&(e.addEventListener("error",()=>{t.classList.remove("loading"),t.classList.add("failure")}),e.addEventListener("load",()=>{t.classList.remove("loading"),t.classList.add("ready")}),window.searchData&&t.classList.remove("loading"));let n=document.querySelector("#tsd-search input"),r=document.querySelector("#tsd-search .results");if(!n||!r)throw new Error("The input field or the result list wrapper was not found");let i=!1;r.addEventListener("mousedown",()=>i=!0),r.addEventListener("mouseup",()=>{i=!1,t.classList.remove("has-focus")}),n.addEventListener("focus",()=>t.classList.add("has-focus")),n.addEventListener("blur",()=>{i||(i=!1,t.classList.remove("has-focus"))});let s={base:t.dataset.base+"/"};Fe(t,r,n,s)}function Fe(t,e,n,r){n.addEventListener("input",ue(()=>{He(t,e,n,r)},200));let i=!1;n.addEventListener("keydown",s=>{i=!0,s.key=="Enter"?Ve(e,n):s.key=="Escape"?n.blur():s.key=="ArrowUp"?pe(e,-1):s.key==="ArrowDown"?pe(e,1):i=!1}),n.addEventListener("keypress",s=>{i&&s.preventDefault()}),document.body.addEventListener("keydown",s=>{s.altKey||s.ctrlKey||s.metaKey||!n.matches(":focus")&&s.key==="/"&&(n.focus(),s.preventDefault())})}function Ae(t,e){t.index||window.searchData&&(e.classList.remove("loading"),e.classList.add("ready"),t.data=window.searchData,t.index=me.Index.load(window.searchData.index))}function He(t,e,n,r){if(Ae(r,t),!r.index||!r.data)return;e.textContent="";let i=n.value.trim(),s=i?r.index.search(`*${i}*`):[];for(let o=0;oa.score-o.score);for(let o=0,a=Math.min(10,s.length);o${fe(u.parent,i)}.${l}`);let h=document.createElement("li");h.classList.value=u.classes??"";let m=document.createElement("a");m.href=r.base+u.url,m.innerHTML=l,h.append(m),e.appendChild(h)}}function pe(t,e){let n=t.querySelector(".current");if(!n)n=t.querySelector(e==1?"li:first-child":"li:last-child"),n&&n.classList.add("current");else{let r=n;if(e===1)do r=r.nextElementSibling??void 0;while(r instanceof HTMLElement&&r.offsetParent==null);else do r=r.previousElementSibling??void 0;while(r instanceof HTMLElement&&r.offsetParent==null);r&&(n.classList.remove("current"),r.classList.add("current"))}}function Ve(t,e){let n=t.querySelector(".current");if(n||(n=t.querySelector("li:first-child")),n){let r=n.querySelector("a");r&&(window.location.href=r.href),e.blur()}}function fe(t,e){if(e==="")return t;let n=t.toLocaleLowerCase(),r=e.toLocaleLowerCase(),i=[],s=0,o=n.indexOf(r);for(;o!=-1;)i.push(ie(t.substring(s,o)),`${ie(t.substring(o,o+r.length))}`),s=o+r.length,o=n.indexOf(r,s);return i.push(ie(t.substring(s))),i.join("")}var Ne={"&":"&","<":"<",">":">","'":"'",'"':"""};function ie(t){return t.replace(/[&<>"'"]/g,e=>Ne[e])}var F="mousedown",ye="mousemove",j="mouseup",Z={x:0,y:0},ge=!1,se=!1,Be=!1,A=!1,xe=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);document.documentElement.classList.add(xe?"is-mobile":"not-mobile");xe&&"ontouchstart"in document.documentElement&&(Be=!0,F="touchstart",ye="touchmove",j="touchend");document.addEventListener(F,t=>{se=!0,A=!1;let e=F=="touchstart"?t.targetTouches[0]:t;Z.y=e.pageY||0,Z.x=e.pageX||0});document.addEventListener(ye,t=>{if(se&&!A){let e=F=="touchstart"?t.targetTouches[0]:t,n=Z.x-(e.pageX||0),r=Z.y-(e.pageY||0);A=Math.sqrt(n*n+r*r)>10}});document.addEventListener(j,()=>{se=!1});document.addEventListener("click",t=>{ge&&(t.preventDefault(),t.stopImmediatePropagation(),ge=!1)});var K=class extends I{constructor(n){super(n);this.className=this.el.dataset.toggle||"",this.el.addEventListener(j,r=>this.onPointerUp(r)),this.el.addEventListener("click",r=>r.preventDefault()),document.addEventListener(F,r=>this.onDocumentPointerDown(r)),document.addEventListener(j,r=>this.onDocumentPointerUp(r))}setActive(n){if(this.active==n)return;this.active=n,document.documentElement.classList.toggle("has-"+this.className,n),this.el.classList.toggle("active",n);let r=(this.active?"to-has-":"from-has-")+this.className;document.documentElement.classList.add(r),setTimeout(()=>document.documentElement.classList.remove(r),500)}onPointerUp(n){A||(this.setActive(!0),n.preventDefault())}onDocumentPointerDown(n){if(this.active){if(n.target.closest(".col-menu, .tsd-filter-group"))return;this.setActive(!1)}}onDocumentPointerUp(n){if(!A&&this.active&&n.target.closest(".col-menu")){let r=n.target.closest("a");if(r){let i=window.location.href;i.indexOf("#")!=-1&&(i=i.substring(0,i.indexOf("#"))),r.href.substring(0,i.length)==i&&setTimeout(()=>this.setActive(!1),250)}}}};var oe;try{oe=localStorage}catch{oe={getItem(){return null},setItem(){}}}var Q=oe;var Le=document.head.appendChild(document.createElement("style"));Le.dataset.for="filters";var ee=class extends I{constructor(n){super(n);this.key=`filter-${this.el.name}`,this.value=this.el.checked,this.el.addEventListener("change",()=>{this.setLocalStorage(this.el.checked)}),this.setLocalStorage(this.fromLocalStorage()),Le.innerHTML+=`html:not(.${this.key}) .tsd-is-${this.el.name} { display: none; } -`}fromLocalStorage(){let n=Q.getItem(this.key);return n?n==="true":this.el.checked}setLocalStorage(n){Q.setItem(this.key,n.toString()),this.value=n,this.handleValueChange()}handleValueChange(){this.el.checked=this.value,document.documentElement.classList.toggle(this.key,this.value),this.app.filterChanged(),document.querySelectorAll(".tsd-index-section").forEach(n=>{n.style.display="block";let r=Array.from(n.querySelectorAll(".tsd-index-link")).every(i=>i.offsetParent==null);n.style.display=r?"none":"block"})}};var te=class extends I{constructor(n){super(n);this.calculateHeights(),this.summary=this.el.querySelector(".tsd-accordion-summary"),this.icon=this.summary.querySelector("svg"),this.key=`tsd-accordion-${this.summary.textContent.replace(/\s+/g,"-").toLowerCase()}`,this.setLocalStorage(this.fromLocalStorage(),!0),this.summary.addEventListener("click",r=>this.toggleVisibility(r)),this.icon.style.transform=this.getIconRotation()}getIconRotation(n=this.el.open){return`rotate(${n?0:-90}deg)`}calculateHeights(){let n=this.el.open,{position:r,left:i}=this.el.style;this.el.style.position="fixed",this.el.style.left="-9999px",this.el.open=!0,this.expandedHeight=this.el.offsetHeight+"px",this.el.open=!1,this.collapsedHeight=this.el.offsetHeight+"px",this.el.open=n,this.el.style.height=n?this.expandedHeight:this.collapsedHeight,this.el.style.position=r,this.el.style.left=i}toggleVisibility(n){n.preventDefault(),this.el.style.overflow="hidden",this.el.open?this.collapse():this.expand()}expand(n=!0){this.el.open=!0,this.animate(this.collapsedHeight,this.expandedHeight,{opening:!0,duration:n?300:0})}collapse(n=!0){this.animate(this.expandedHeight,this.collapsedHeight,{opening:!1,duration:n?300:0})}animate(n,r,{opening:i,duration:s=300}){if(this.animation)return;let o={duration:s,easing:"ease"};this.animation=this.el.animate({height:[n,r]},o),this.icon.animate({transform:[this.icon.style.transform||this.getIconRotation(!i),this.getIconRotation(i)]},o).addEventListener("finish",()=>{this.icon.style.transform=this.getIconRotation(i)}),this.animation.addEventListener("finish",()=>this.animationEnd(i))}animationEnd(n){this.el.open=n,this.animation=void 0,this.el.style.height="auto",this.el.style.overflow="visible",this.setLocalStorage(n)}fromLocalStorage(){let n=Q.getItem(this.key);return n?n==="true":this.el.open}setLocalStorage(n,r=!1){this.fromLocalStorage()===n&&!r||(Q.setItem(this.key,n.toString()),this.el.open=n,this.handleValueChange(r))}handleValueChange(n=!1){this.fromLocalStorage()===this.el.open&&!n||(this.fromLocalStorage()?this.expand(!1):this.collapse(!1))}};function be(t){let e=Q.getItem("tsd-theme")||"os";t.value=e,Ee(e),t.addEventListener("change",()=>{Q.setItem("tsd-theme",t.value),Ee(t.value)})}function Ee(t){document.documentElement.dataset.theme=t}ve();B(X,".menu-highlight");B(K,"a[data-toggle]");B(te,".tsd-index-accordion");B(ee,".tsd-filter-item input[type=checkbox]");var we=document.getElementById("theme");we&&be(we);var je=new Y;Object.defineProperty(window,"app",{value:je});})(); -/*! Bundled license information: - -lunr/lunr.js: - (** - * lunr - http://lunrjs.com - A bit like Solr, but much smaller and not as bright - 2.3.9 - * Copyright (C) 2020 Oliver Nightingale - * @license MIT - *) - (*! - * lunr.utils - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.Set - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.tokenizer - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.Pipeline - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.Vector - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.stemmer - * Copyright (C) 2020 Oliver Nightingale - * Includes code from - http://tartarus.org/~martin/PorterStemmer/js.txt - *) - (*! - * lunr.stopWordFilter - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.trimmer - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.TokenSet - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.Index - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.Builder - * Copyright (C) 2020 Oliver Nightingale - *) -*/ diff --git a/docs/assets/search.js b/docs/assets/search.js deleted file mode 100644 index cb0d42c..0000000 --- a/docs/assets/search.js +++ /dev/null @@ -1 +0,0 @@ -window.searchData = JSON.parse("{\"kinds\":{\"2\":\"Module\",\"32\":\"Variable\",\"64\":\"Function\",\"128\":\"Class\",\"256\":\"Interface\",\"512\":\"Constructor\",\"1024\":\"Property\",\"2048\":\"Method\",\"262144\":\"Accessor\",\"8388608\":\"Reference\"},\"rows\":[{\"kind\":2,\"name\":\"cg-select\",\"url\":\"modules/cg_select.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":128,\"name\":\"CGSelect\",\"url\":\"classes/cg_select.CGSelect.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"cg-select\"},{\"kind\":512,\"name\":\"constructor\",\"url\":\"classes/cg_select.CGSelect.html#constructor\",\"classes\":\"tsd-kind-constructor tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"selector\",\"url\":\"classes/cg_select.CGSelect.html#selector\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"selected\",\"url\":\"classes/cg_select.CGSelect.html#selected\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"classes/cg_select.CGSelect.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"items\",\"url\":\"classes/cg_select.CGSelect.html#items\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"theme\",\"url\":\"classes/cg_select.CGSelect.html#theme\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"searchMode\",\"url\":\"classes/cg_select.CGSelect.html#searchMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"closeOnSelect\",\"url\":\"classes/cg_select.CGSelect.html#closeOnSelect\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"nativeSelectMode\",\"url\":\"classes/cg_select.CGSelect.html#nativeSelectMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"listDisplayMode\",\"url\":\"classes/cg_select.CGSelect.html#listDisplayMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"language\",\"url\":\"classes/cg_select.CGSelect.html#language\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"lable\",\"url\":\"classes/cg_select.CGSelect.html#lable\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"styles\",\"url\":\"classes/cg_select.CGSelect.html#styles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"event\",\"url\":\"classes/cg_select.CGSelect.html#event\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"url\",\"url\":\"classes/cg_select.CGSelect.html#url\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"multiselect\",\"url\":\"classes/cg_select.CGSelect.html#multiselect\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"multiselectTag\",\"url\":\"classes/cg_select.CGSelect.html#multiselectTag\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"element\",\"url\":\"classes/cg_select.CGSelect.html#element\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"list\",\"url\":\"classes/cg_select.CGSelect.html#list\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"options\",\"url\":\"classes/cg_select.CGSelect.html#options\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"randomId\",\"url\":\"classes/cg_select.CGSelect.html#randomId\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"caret\",\"url\":\"classes/cg_select.CGSelect.html#caret\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"category\",\"url\":\"classes/cg_select.CGSelect.html#category\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"selectedItems\",\"url\":\"classes/cg_select.CGSelect.html#selectedItems\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"indexes\",\"url\":\"classes/cg_select.CGSelect.html#indexes\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"btnCntr\",\"url\":\"classes/cg_select.CGSelect.html#btnCntr\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":262144,\"name\":\"value\",\"url\":\"classes/cg_select.CGSelect.html#value\",\"classes\":\"tsd-kind-accessor tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":262144,\"name\":\"indexesOf\",\"url\":\"classes/cg_select.CGSelect.html#indexesOf\",\"classes\":\"tsd-kind-accessor tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"init\",\"url\":\"classes/cg_select.CGSelect.html#init\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"render\",\"url\":\"classes/cg_select.CGSelect.html#render\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"renderUrl\",\"url\":\"classes/cg_select.CGSelect.html#renderUrl\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"initSelected\",\"url\":\"classes/cg_select.CGSelect.html#initSelected\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"initEvent\",\"url\":\"classes/cg_select.CGSelect.html#initEvent\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"open\",\"url\":\"classes/cg_select.CGSelect.html#open\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"close\",\"url\":\"classes/cg_select.CGSelect.html#close\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"closeSelectClick\",\"url\":\"classes/cg_select.CGSelect.html#closeSelectClick\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"addOptionsBehaviour\",\"url\":\"classes/cg_select.CGSelect.html#addOptionsBehaviour\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"selectMode\",\"url\":\"classes/cg_select.CGSelect.html#selectMode\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"searchModeSelect\",\"url\":\"classes/cg_select.CGSelect.html#searchModeSelect\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"displayMode\",\"url\":\"classes/cg_select.CGSelect.html#displayMode\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"getElement\",\"url\":\"classes/cg_select.CGSelect.html#getElement\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"addLanguage\",\"url\":\"classes/cg_select.CGSelect.html#addLanguage\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"buttonControl\",\"url\":\"classes/cg_select.CGSelect.html#buttonControl\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"disabled\",\"url\":\"classes/cg_select.CGSelect.html#disabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"addItem\",\"url\":\"classes/cg_select.CGSelect.html#addItem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"deleteItem\",\"url\":\"classes/cg_select.CGSelect.html#deleteItem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"deleteItemAll\",\"url\":\"classes/cg_select.CGSelect.html#deleteItemAll\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"selectIndex\",\"url\":\"classes/cg_select.CGSelect.html#selectIndex\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"on\",\"url\":\"classes/cg_select.CGSelect.html#on\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2,\"name\":\"cg-select\",\"url\":\"modules/cg_select-1.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":8388608,\"name\":\"CGSelect\",\"url\":\"modules/cg_select-1.html#CGSelect\",\"classes\":\"tsd-kind-reference tsd-parent-kind-module\",\"parent\":\"cg-select\"},{\"kind\":2,\"name\":\"interfaces/cg-select.interface\",\"url\":\"modules/interfaces_cg_select_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"ICgSelect\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"interfaces/cg-select.interface\"},{\"kind\":1024,\"name\":\"selector\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#selector\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"selected\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#selected\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"items\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#items\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"theme\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#theme\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"searchMode\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#searchMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"closeOnSelect\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#closeOnSelect\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"nativeSelectMode\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#nativeSelectMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"listDisplayMode\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#listDisplayMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"language\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#language\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"lable\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#lable\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"styles\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#styles\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"event\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#event\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"url\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#url\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"multiselect\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#multiselect\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"multiselectTag\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#multiselectTag\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":256,\"name\":\"IStyle\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"interfaces/cg-select.interface\"},{\"kind\":1024,\"name\":\"head\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#head\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"caret\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#caret\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"lable\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#lable\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"list\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#list\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"search\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#search\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"chips\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#chips\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":2,\"name\":\"interfaces/items.interface\",\"url\":\"modules/interfaces_items_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"IItems\",\"url\":\"interfaces/interfaces_items_interface.IItems.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"interfaces/items.interface\"},{\"kind\":1024,\"name\":\"id\",\"url\":\"interfaces/interfaces_items_interface.IItems.html#id\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/items.interface.IItems\"},{\"kind\":1024,\"name\":\"title\",\"url\":\"interfaces/interfaces_items_interface.IItems.html#title\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/items.interface.IItems\"},{\"kind\":1024,\"name\":\"value\",\"url\":\"interfaces/interfaces_items_interface.IItems.html#value\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/items.interface.IItems\"},{\"kind\":2,\"name\":\"interfaces/language.interface\",\"url\":\"modules/interfaces_language_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"ILanguage\",\"url\":\"interfaces/interfaces_language_interface.ILanguage.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"interfaces/language.interface\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"interfaces/interfaces_language_interface.ILanguage.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/language.interface.ILanguage\"},{\"kind\":1024,\"name\":\"selectPlaceholder\",\"url\":\"interfaces/interfaces_language_interface.ILanguage.html#selectPlaceholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/language.interface.ILanguage\"},{\"kind\":1024,\"name\":\"textInListSearch\",\"url\":\"interfaces/interfaces_language_interface.ILanguage.html#textInListSearch\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/language.interface.ILanguage\"},{\"kind\":2,\"name\":\"language/language\",\"url\":\"modules/language_language.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":32,\"name\":\"ru\",\"url\":\"variables/language_language.ru.html\",\"classes\":\"tsd-kind-variable tsd-parent-kind-module\",\"parent\":\"language/language\"},{\"kind\":32,\"name\":\"en\",\"url\":\"variables/language_language.en.html\",\"classes\":\"tsd-kind-variable tsd-parent-kind-module\",\"parent\":\"language/language\"},{\"kind\":2,\"name\":\"components/create-element/create-element.interface\",\"url\":\"modules/components_create_element_create_element_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"ICreateBreadCrumb\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element.interface\"},{\"kind\":1024,\"name\":\"element\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html#element\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/create-element/create-element.interface.ICreateBreadCrumb\"},{\"kind\":1024,\"name\":\"option\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html#option\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/create-element/create-element.interface.ICreateBreadCrumb\"},{\"kind\":1024,\"name\":\"indexes\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html#indexes\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/create-element/create-element.interface.ICreateBreadCrumb\"},{\"kind\":1024,\"name\":\"selectedItems\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html#selectedItems\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/create-element/create-element.interface.ICreateBreadCrumb\"},{\"kind\":2,\"name\":\"components/create-element/create-element\",\"url\":\"modules/components_create_element_create_element.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":64,\"name\":\"createNativeSelect\",\"url\":\"functions/components_create_element_create_element.createNativeSelect.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element\"},{\"kind\":64,\"name\":\"createNativeSelectOption\",\"url\":\"functions/components_create_element_create_element.createNativeSelectOption.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element\"},{\"kind\":64,\"name\":\"createBreadCrumb\",\"url\":\"functions/components_create_element_create_element.createBreadCrumb.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element\"},{\"kind\":64,\"name\":\"createInputSearch\",\"url\":\"functions/components_create_element_create_element.createInputSearch.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element\"},{\"kind\":2,\"name\":\"components/theme/theme\",\"url\":\"modules/components_theme_theme.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":64,\"name\":\"changeTheme\",\"url\":\"functions/components_theme_theme.changeTheme.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/theme/theme\"},{\"kind\":2,\"name\":\"components/utils/urils.interface\",\"url\":\"modules/components_utils_urils_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"IDataItem\",\"url\":\"interfaces/components_utils_urils_interface.IDataItem.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"components/utils/urils.interface\"},{\"kind\":1024,\"name\":\"category\",\"url\":\"interfaces/components_utils_urils_interface.IDataItem.html#category\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.IDataItem\"},{\"kind\":1024,\"name\":\"categoryItems\",\"url\":\"interfaces/components_utils_urils_interface.IDataItem.html#categoryItems\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.IDataItem\"},{\"kind\":1024,\"name\":\"ItemValue\",\"url\":\"interfaces/components_utils_urils_interface.IDataItem.html#ItemValue\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.IDataItem\"},{\"kind\":256,\"name\":\"ISelectedItems\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"components/utils/urils.interface\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"selected\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#selected\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"selectedItems\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#selectedItems\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"indexes\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#indexes\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"multiselectTag\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#multiselectTag\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"theme\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#theme\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":2,\"name\":\"Utils\",\"url\":\"modules/Utils.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":64,\"name\":\"getFormatItem\",\"url\":\"functions/Utils.getFormatItem.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"getSelectText\",\"url\":\"functions/Utils.getSelectText.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"checkItemStruct\",\"url\":\"functions/Utils.checkItemStruct.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"createSelected\",\"url\":\"functions/Utils.createSelected.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"clearSelect\",\"url\":\"functions/Utils.clearSelect.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"nativeOptionOrdinary\",\"url\":\"functions/Utils.nativeOptionOrdinary.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"nativeOptionMultiple\",\"url\":\"functions/Utils.nativeOptionMultiple.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"customStyles\",\"url\":\"functions/Utils.customStyles.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"customStylesFormat\",\"url\":\"functions/Utils.customStylesFormat.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"}],\"index\":{\"version\":\"2.3.9\",\"fields\":[\"name\",\"comment\"],\"fieldVectors\":[[\"name/0\",[0,28.805,1,28.805]],[\"comment/0\",[]],[\"name/1\",[2,40.217]],[\"comment/1\",[]],[\"name/2\",[3,45.437]],[\"comment/2\",[]],[\"name/3\",[4,40.217]],[\"comment/3\",[]],[\"name/4\",[5,36.779]],[\"comment/4\",[]],[\"name/5\",[6,32.16]],[\"comment/5\",[]],[\"name/6\",[7,40.217]],[\"comment/6\",[]],[\"name/7\",[8,36.779]],[\"comment/7\",[]],[\"name/8\",[9,40.217]],[\"comment/8\",[]],[\"name/9\",[10,40.217]],[\"comment/9\",[]],[\"name/10\",[11,40.217]],[\"comment/10\",[]],[\"name/11\",[12,40.217]],[\"comment/11\",[]],[\"name/12\",[13,40.217]],[\"comment/12\",[]],[\"name/13\",[14,36.779]],[\"comment/13\",[]],[\"name/14\",[15,40.217]],[\"comment/14\",[]],[\"name/15\",[16,40.217]],[\"comment/15\",[]],[\"name/16\",[17,40.217]],[\"comment/16\",[]],[\"name/17\",[18,40.217]],[\"comment/17\",[]],[\"name/18\",[19,36.779]],[\"comment/18\",[]],[\"name/19\",[20,36.779]],[\"comment/19\",[]],[\"name/20\",[21,40.217]],[\"comment/20\",[]],[\"name/21\",[22,45.437]],[\"comment/21\",[]],[\"name/22\",[23,45.437]],[\"comment/22\",[]],[\"name/23\",[24,40.217]],[\"comment/23\",[]],[\"name/24\",[25,40.217]],[\"comment/24\",[]],[\"name/25\",[26,36.779]],[\"comment/25\",[]],[\"name/26\",[27,36.779]],[\"comment/26\",[]],[\"name/27\",[28,45.437]],[\"comment/27\",[]],[\"name/28\",[29,40.217]],[\"comment/28\",[]],[\"name/29\",[30,45.437]],[\"comment/29\",[]],[\"name/30\",[31,45.437]],[\"comment/30\",[]],[\"name/31\",[32,45.437]],[\"comment/31\",[]],[\"name/32\",[33,45.437]],[\"comment/32\",[]],[\"name/33\",[34,45.437]],[\"comment/33\",[]],[\"name/34\",[35,45.437]],[\"comment/34\",[]],[\"name/35\",[36,45.437]],[\"comment/35\",[]],[\"name/36\",[37,45.437]],[\"comment/36\",[]],[\"name/37\",[38,45.437]],[\"comment/37\",[]],[\"name/38\",[39,45.437]],[\"comment/38\",[]],[\"name/39\",[40,45.437]],[\"comment/39\",[]],[\"name/40\",[41,45.437]],[\"comment/40\",[]],[\"name/41\",[42,45.437]],[\"comment/41\",[]],[\"name/42\",[43,45.437]],[\"comment/42\",[]],[\"name/43\",[44,45.437]],[\"comment/43\",[]],[\"name/44\",[45,45.437]],[\"comment/44\",[]],[\"name/45\",[46,45.437]],[\"comment/45\",[]],[\"name/46\",[47,45.437]],[\"comment/46\",[]],[\"name/47\",[48,45.437]],[\"comment/47\",[]],[\"name/48\",[49,45.437]],[\"comment/48\",[]],[\"name/49\",[50,45.437]],[\"comment/49\",[]],[\"name/50\",[51,45.437]],[\"comment/50\",[]],[\"name/51\",[0,28.805,1,28.805]],[\"comment/51\",[]],[\"name/52\",[2,40.217]],[\"comment/52\",[]],[\"name/53\",[52,32.543,53,32.543]],[\"comment/53\",[]],[\"name/54\",[54,45.437]],[\"comment/54\",[]],[\"name/55\",[4,40.217]],[\"comment/55\",[]],[\"name/56\",[5,36.779]],[\"comment/56\",[]],[\"name/57\",[6,32.16]],[\"comment/57\",[]],[\"name/58\",[7,40.217]],[\"comment/58\",[]],[\"name/59\",[8,36.779]],[\"comment/59\",[]],[\"name/60\",[9,40.217]],[\"comment/60\",[]],[\"name/61\",[10,40.217]],[\"comment/61\",[]],[\"name/62\",[11,40.217]],[\"comment/62\",[]],[\"name/63\",[12,40.217]],[\"comment/63\",[]],[\"name/64\",[13,40.217]],[\"comment/64\",[]],[\"name/65\",[14,36.779]],[\"comment/65\",[]],[\"name/66\",[15,40.217]],[\"comment/66\",[]],[\"name/67\",[16,40.217]],[\"comment/67\",[]],[\"name/68\",[17,40.217]],[\"comment/68\",[]],[\"name/69\",[18,40.217]],[\"comment/69\",[]],[\"name/70\",[19,36.779]],[\"comment/70\",[]],[\"name/71\",[55,45.437]],[\"comment/71\",[]],[\"name/72\",[56,45.437]],[\"comment/72\",[]],[\"name/73\",[24,40.217]],[\"comment/73\",[]],[\"name/74\",[6,32.16]],[\"comment/74\",[]],[\"name/75\",[14,36.779]],[\"comment/75\",[]],[\"name/76\",[21,40.217]],[\"comment/76\",[]],[\"name/77\",[57,45.437]],[\"comment/77\",[]],[\"name/78\",[58,45.437]],[\"comment/78\",[]],[\"name/79\",[59,45.437]],[\"comment/79\",[]],[\"name/80\",[60,45.437]],[\"comment/80\",[]],[\"name/81\",[61,45.437]],[\"comment/81\",[]],[\"name/82\",[62,45.437]],[\"comment/82\",[]],[\"name/83\",[29,40.217]],[\"comment/83\",[]],[\"name/84\",[63,45.437]],[\"comment/84\",[]],[\"name/85\",[64,45.437]],[\"comment/85\",[]],[\"name/86\",[6,32.16]],[\"comment/86\",[]],[\"name/87\",[65,45.437]],[\"comment/87\",[]],[\"name/88\",[66,45.437]],[\"comment/88\",[]],[\"name/89\",[67,45.437]],[\"comment/89\",[]],[\"name/90\",[68,45.437]],[\"comment/90\",[]],[\"name/91\",[69,45.437]],[\"comment/91\",[]],[\"name/92\",[70,22.438,71,22.438,72,25.35]],[\"comment/92\",[]],[\"name/93\",[73,45.437]],[\"comment/93\",[]],[\"name/94\",[20,36.779]],[\"comment/94\",[]],[\"name/95\",[74,45.437]],[\"comment/95\",[]],[\"name/96\",[27,36.779]],[\"comment/96\",[]],[\"name/97\",[26,36.779]],[\"comment/97\",[]],[\"name/98\",[20,20.52,70,22.438,71,22.438]],[\"comment/98\",[]],[\"name/99\",[75,45.437]],[\"comment/99\",[]],[\"name/100\",[76,45.437]],[\"comment/100\",[]],[\"name/101\",[77,45.437]],[\"comment/101\",[]],[\"name/102\",[78,45.437]],[\"comment/102\",[]],[\"name/103\",[79,45.437]],[\"comment/103\",[]],[\"name/104\",[80,45.437]],[\"comment/104\",[]],[\"name/105\",[81,45.437]],[\"comment/105\",[]],[\"name/106\",[82,45.437]],[\"comment/106\",[]],[\"name/107\",[25,40.217]],[\"comment/107\",[]],[\"name/108\",[83,45.437]],[\"comment/108\",[]],[\"name/109\",[84,45.437]],[\"comment/109\",[]],[\"name/110\",[85,45.437]],[\"comment/110\",[]],[\"name/111\",[6,32.16]],[\"comment/111\",[]],[\"name/112\",[5,36.779]],[\"comment/112\",[]],[\"name/113\",[26,36.779]],[\"comment/113\",[]],[\"name/114\",[27,36.779]],[\"comment/114\",[]],[\"name/115\",[19,36.779]],[\"comment/115\",[]],[\"name/116\",[8,36.779]],[\"comment/116\",[]],[\"name/117\",[86,45.437]],[\"comment/117\",[]],[\"name/118\",[87,45.437]],[\"comment/118\",[]],[\"name/119\",[88,45.437]],[\"comment/119\",[]],[\"name/120\",[89,45.437]],[\"comment/120\",[]],[\"name/121\",[90,45.437]],[\"comment/121\",[]],[\"name/122\",[91,45.437]],[\"comment/122\",[]],[\"name/123\",[92,45.437]],[\"comment/123\",[]],[\"name/124\",[93,45.437]],[\"comment/124\",[]],[\"name/125\",[94,45.437]],[\"comment/125\",[]],[\"name/126\",[95,45.437]],[\"comment/126\",[]]],\"invertedIndex\":[[\"additem\",{\"_index\":47,\"name\":{\"46\":{}},\"comment\":{}}],[\"addlanguage\",{\"_index\":44,\"name\":{\"43\":{}},\"comment\":{}}],[\"addoptionsbehaviour\",{\"_index\":39,\"name\":{\"38\":{}},\"comment\":{}}],[\"btncntr\",{\"_index\":28,\"name\":{\"27\":{}},\"comment\":{}}],[\"buttoncontrol\",{\"_index\":45,\"name\":{\"44\":{}},\"comment\":{}}],[\"caret\",{\"_index\":24,\"name\":{\"23\":{},\"73\":{}},\"comment\":{}}],[\"category\",{\"_index\":25,\"name\":{\"24\":{},\"107\":{}},\"comment\":{}}],[\"categoryitems\",{\"_index\":83,\"name\":{\"108\":{}},\"comment\":{}}],[\"cg\",{\"_index\":0,\"name\":{\"0\":{},\"51\":{}},\"comment\":{}}],[\"cgselect\",{\"_index\":2,\"name\":{\"1\":{},\"52\":{}},\"comment\":{}}],[\"changetheme\",{\"_index\":80,\"name\":{\"104\":{}},\"comment\":{}}],[\"checkitemstruct\",{\"_index\":89,\"name\":{\"120\":{}},\"comment\":{}}],[\"chips\",{\"_index\":58,\"name\":{\"78\":{}},\"comment\":{}}],[\"clearselect\",{\"_index\":91,\"name\":{\"122\":{}},\"comment\":{}}],[\"close\",{\"_index\":37,\"name\":{\"36\":{}},\"comment\":{}}],[\"closeonselect\",{\"_index\":10,\"name\":{\"9\":{},\"61\":{}},\"comment\":{}}],[\"closeselectclick\",{\"_index\":38,\"name\":{\"37\":{}},\"comment\":{}}],[\"components/create\",{\"_index\":70,\"name\":{\"92\":{},\"98\":{}},\"comment\":{}}],[\"components/theme/theme\",{\"_index\":79,\"name\":{\"103\":{}},\"comment\":{}}],[\"components/utils/urils.interface\",{\"_index\":81,\"name\":{\"105\":{}},\"comment\":{}}],[\"constructor\",{\"_index\":3,\"name\":{\"2\":{}},\"comment\":{}}],[\"createbreadcrumb\",{\"_index\":77,\"name\":{\"101\":{}},\"comment\":{}}],[\"createinputsearch\",{\"_index\":78,\"name\":{\"102\":{}},\"comment\":{}}],[\"createnativeselect\",{\"_index\":75,\"name\":{\"99\":{}},\"comment\":{}}],[\"createnativeselectoption\",{\"_index\":76,\"name\":{\"100\":{}},\"comment\":{}}],[\"createselected\",{\"_index\":90,\"name\":{\"121\":{}},\"comment\":{}}],[\"customstyles\",{\"_index\":94,\"name\":{\"125\":{}},\"comment\":{}}],[\"customstylesformat\",{\"_index\":95,\"name\":{\"126\":{}},\"comment\":{}}],[\"deleteitem\",{\"_index\":48,\"name\":{\"47\":{}},\"comment\":{}}],[\"deleteitemall\",{\"_index\":49,\"name\":{\"48\":{}},\"comment\":{}}],[\"disabled\",{\"_index\":46,\"name\":{\"45\":{}},\"comment\":{}}],[\"displaymode\",{\"_index\":42,\"name\":{\"41\":{}},\"comment\":{}}],[\"element\",{\"_index\":20,\"name\":{\"19\":{},\"94\":{},\"98\":{}},\"comment\":{}}],[\"element.interface\",{\"_index\":72,\"name\":{\"92\":{}},\"comment\":{}}],[\"element/create\",{\"_index\":71,\"name\":{\"92\":{},\"98\":{}},\"comment\":{}}],[\"en\",{\"_index\":69,\"name\":{\"91\":{}},\"comment\":{}}],[\"event\",{\"_index\":16,\"name\":{\"15\":{},\"67\":{}},\"comment\":{}}],[\"getelement\",{\"_index\":43,\"name\":{\"42\":{}},\"comment\":{}}],[\"getformatitem\",{\"_index\":87,\"name\":{\"118\":{}},\"comment\":{}}],[\"getselecttext\",{\"_index\":88,\"name\":{\"119\":{}},\"comment\":{}}],[\"head\",{\"_index\":56,\"name\":{\"72\":{}},\"comment\":{}}],[\"icgselect\",{\"_index\":54,\"name\":{\"54\":{}},\"comment\":{}}],[\"icreatebreadcrumb\",{\"_index\":73,\"name\":{\"93\":{}},\"comment\":{}}],[\"id\",{\"_index\":61,\"name\":{\"81\":{}},\"comment\":{}}],[\"idataitem\",{\"_index\":82,\"name\":{\"106\":{}},\"comment\":{}}],[\"iitems\",{\"_index\":60,\"name\":{\"80\":{}},\"comment\":{}}],[\"ilanguage\",{\"_index\":64,\"name\":{\"85\":{}},\"comment\":{}}],[\"indexes\",{\"_index\":27,\"name\":{\"26\":{},\"96\":{},\"114\":{}},\"comment\":{}}],[\"indexesof\",{\"_index\":30,\"name\":{\"29\":{}},\"comment\":{}}],[\"init\",{\"_index\":31,\"name\":{\"30\":{}},\"comment\":{}}],[\"initevent\",{\"_index\":35,\"name\":{\"34\":{}},\"comment\":{}}],[\"initselected\",{\"_index\":34,\"name\":{\"33\":{}},\"comment\":{}}],[\"interfaces/cg\",{\"_index\":52,\"name\":{\"53\":{}},\"comment\":{}}],[\"interfaces/items.interface\",{\"_index\":59,\"name\":{\"79\":{}},\"comment\":{}}],[\"interfaces/language.interface\",{\"_index\":63,\"name\":{\"84\":{}},\"comment\":{}}],[\"iselecteditems\",{\"_index\":85,\"name\":{\"110\":{}},\"comment\":{}}],[\"istyle\",{\"_index\":55,\"name\":{\"71\":{}},\"comment\":{}}],[\"items\",{\"_index\":7,\"name\":{\"6\":{},\"58\":{}},\"comment\":{}}],[\"itemvalue\",{\"_index\":84,\"name\":{\"109\":{}},\"comment\":{}}],[\"lable\",{\"_index\":14,\"name\":{\"13\":{},\"65\":{},\"75\":{}},\"comment\":{}}],[\"language\",{\"_index\":13,\"name\":{\"12\":{},\"64\":{}},\"comment\":{}}],[\"language/language\",{\"_index\":67,\"name\":{\"89\":{}},\"comment\":{}}],[\"list\",{\"_index\":21,\"name\":{\"20\":{},\"76\":{}},\"comment\":{}}],[\"listdisplaymode\",{\"_index\":12,\"name\":{\"11\":{},\"63\":{}},\"comment\":{}}],[\"multiselect\",{\"_index\":18,\"name\":{\"17\":{},\"69\":{}},\"comment\":{}}],[\"multiselecttag\",{\"_index\":19,\"name\":{\"18\":{},\"70\":{},\"115\":{}},\"comment\":{}}],[\"nativeoptionmultiple\",{\"_index\":93,\"name\":{\"124\":{}},\"comment\":{}}],[\"nativeoptionordinary\",{\"_index\":92,\"name\":{\"123\":{}},\"comment\":{}}],[\"nativeselectmode\",{\"_index\":11,\"name\":{\"10\":{},\"62\":{}},\"comment\":{}}],[\"on\",{\"_index\":51,\"name\":{\"50\":{}},\"comment\":{}}],[\"open\",{\"_index\":36,\"name\":{\"35\":{}},\"comment\":{}}],[\"option\",{\"_index\":74,\"name\":{\"95\":{}},\"comment\":{}}],[\"options\",{\"_index\":22,\"name\":{\"21\":{}},\"comment\":{}}],[\"placeholder\",{\"_index\":6,\"name\":{\"5\":{},\"57\":{},\"74\":{},\"86\":{},\"111\":{}},\"comment\":{}}],[\"randomid\",{\"_index\":23,\"name\":{\"22\":{}},\"comment\":{}}],[\"render\",{\"_index\":32,\"name\":{\"31\":{}},\"comment\":{}}],[\"renderurl\",{\"_index\":33,\"name\":{\"32\":{}},\"comment\":{}}],[\"ru\",{\"_index\":68,\"name\":{\"90\":{}},\"comment\":{}}],[\"search\",{\"_index\":57,\"name\":{\"77\":{}},\"comment\":{}}],[\"searchmode\",{\"_index\":9,\"name\":{\"8\":{},\"60\":{}},\"comment\":{}}],[\"searchmodeselect\",{\"_index\":41,\"name\":{\"40\":{}},\"comment\":{}}],[\"select\",{\"_index\":1,\"name\":{\"0\":{},\"51\":{}},\"comment\":{}}],[\"select.interface\",{\"_index\":53,\"name\":{\"53\":{}},\"comment\":{}}],[\"selected\",{\"_index\":5,\"name\":{\"4\":{},\"56\":{},\"112\":{}},\"comment\":{}}],[\"selecteditems\",{\"_index\":26,\"name\":{\"25\":{},\"97\":{},\"113\":{}},\"comment\":{}}],[\"selectindex\",{\"_index\":50,\"name\":{\"49\":{}},\"comment\":{}}],[\"selectmode\",{\"_index\":40,\"name\":{\"39\":{}},\"comment\":{}}],[\"selector\",{\"_index\":4,\"name\":{\"3\":{},\"55\":{}},\"comment\":{}}],[\"selectplaceholder\",{\"_index\":65,\"name\":{\"87\":{}},\"comment\":{}}],[\"styles\",{\"_index\":15,\"name\":{\"14\":{},\"66\":{}},\"comment\":{}}],[\"textinlistsearch\",{\"_index\":66,\"name\":{\"88\":{}},\"comment\":{}}],[\"theme\",{\"_index\":8,\"name\":{\"7\":{},\"59\":{},\"116\":{}},\"comment\":{}}],[\"title\",{\"_index\":62,\"name\":{\"82\":{}},\"comment\":{}}],[\"url\",{\"_index\":17,\"name\":{\"16\":{},\"68\":{}},\"comment\":{}}],[\"utils\",{\"_index\":86,\"name\":{\"117\":{}},\"comment\":{}}],[\"value\",{\"_index\":29,\"name\":{\"28\":{},\"83\":{}},\"comment\":{}}]],\"pipeline\":[]}}"); \ No newline at end of file diff --git a/docs/assets/style.css b/docs/assets/style.css deleted file mode 100644 index 2d02570..0000000 --- a/docs/assets/style.css +++ /dev/null @@ -1,1280 +0,0 @@ -:root { - /* Light */ - --light-color-background: #f2f4f8; - --light-color-background-secondary: #eff0f1; - --light-color-warning-text: #222; - --light-color-background-warning: #e6e600; - --light-color-icon-background: var(--light-color-background); - --light-color-accent: #c5c7c9; - --light-color-text: #222; - --light-color-text-aside: #707070; - --light-color-link: #4da6ff; - --light-color-ts: #db1373; - --light-color-ts-interface: #139d2c; - --light-color-ts-enum: #9c891a; - --light-color-ts-class: #2484e5; - --light-color-ts-function: #572be7; - --light-color-ts-namespace: #b111c9; - --light-color-ts-private: #707070; - --light-color-ts-variable: #4d68ff; - --light-external-icon: url("data:image/svg+xml;utf8,"); - --light-color-scheme: light; - - /* Dark */ - --dark-color-background: #2b2e33; - --dark-color-background-secondary: #1e2024; - --dark-color-background-warning: #bebe00; - --dark-color-warning-text: #222; - --dark-color-icon-background: var(--dark-color-background-secondary); - --dark-color-accent: #9096a2; - --dark-color-text: #f5f5f5; - --dark-color-text-aside: #dddddd; - --dark-color-link: #00aff4; - --dark-color-ts: #ff6492; - --dark-color-ts-interface: #6cff87; - --dark-color-ts-enum: #f4d93e; - --dark-color-ts-class: #61b0ff; - --dark-color-ts-function: #9772ff; - --dark-color-ts-namespace: #e14dff; - --dark-color-ts-private: #e2e2e2; - --dark-color-ts-variable: #4d68ff; - --dark-external-icon: url("data:image/svg+xml;utf8,"); - --dark-color-scheme: dark; -} - -@media (prefers-color-scheme: light) { - :root { - --color-background: var(--light-color-background); - --color-background-secondary: var(--light-color-background-secondary); - --color-background-warning: var(--light-color-background-warning); - --color-warning-text: var(--light-color-warning-text); - --color-icon-background: var(--light-color-icon-background); - --color-accent: var(--light-color-accent); - --color-text: var(--light-color-text); - --color-text-aside: var(--light-color-text-aside); - --color-link: var(--light-color-link); - --color-ts: var(--light-color-ts); - --color-ts-interface: var(--light-color-ts-interface); - --color-ts-enum: var(--light-color-ts-enum); - --color-ts-class: var(--light-color-ts-class); - --color-ts-function: var(--light-color-ts-function); - --color-ts-namespace: var(--light-color-ts-namespace); - --color-ts-private: var(--light-color-ts-private); - --color-ts-variable: var(--light-color-ts-variable); - --external-icon: var(--light-external-icon); - --color-scheme: var(--light-color-scheme); - } -} - -@media (prefers-color-scheme: dark) { - :root { - --color-background: var(--dark-color-background); - --color-background-secondary: var(--dark-color-background-secondary); - --color-background-warning: var(--dark-color-background-warning); - --color-warning-text: var(--dark-color-warning-text); - --color-icon-background: var(--dark-color-icon-background); - --color-accent: var(--dark-color-accent); - --color-text: var(--dark-color-text); - --color-text-aside: var(--dark-color-text-aside); - --color-link: var(--dark-color-link); - --color-ts: var(--dark-color-ts); - --color-ts-interface: var(--dark-color-ts-interface); - --color-ts-enum: var(--dark-color-ts-enum); - --color-ts-class: var(--dark-color-ts-class); - --color-ts-function: var(--dark-color-ts-function); - --color-ts-namespace: var(--dark-color-ts-namespace); - --color-ts-private: var(--dark-color-ts-private); - --color-ts-variable: var(--dark-color-ts-variable); - --external-icon: var(--dark-external-icon); - --color-scheme: var(--dark-color-scheme); - } -} - -html { - color-scheme: var(--color-scheme); -} - -body { - margin: 0; -} - -:root[data-theme="light"] { - --color-background: var(--light-color-background); - --color-background-secondary: var(--light-color-background-secondary); - --color-background-warning: var(--light-color-background-warning); - --color-warning-text: var(--light-color-warning-text); - --color-icon-background: var(--light-color-icon-background); - --color-accent: var(--light-color-accent); - --color-text: var(--light-color-text); - --color-text-aside: var(--light-color-text-aside); - --color-link: var(--light-color-link); - --color-ts: var(--light-color-ts); - --color-ts-interface: var(--light-color-ts-interface); - --color-ts-enum: var(--light-color-ts-enum); - --color-ts-class: var(--light-color-ts-class); - --color-ts-function: var(--light-color-ts-function); - --color-ts-namespace: var(--light-color-ts-namespace); - --color-ts-private: var(--light-color-ts-private); - --color-ts-variable: var(--light-color-ts-variable); - --external-icon: var(--light-external-icon); - --color-scheme: var(--light-color-scheme); -} - -:root[data-theme="dark"] { - --color-background: var(--dark-color-background); - --color-background-secondary: var(--dark-color-background-secondary); - --color-background-warning: var(--dark-color-background-warning); - --color-warning-text: var(--dark-color-warning-text); - --color-icon-background: var(--dark-color-icon-background); - --color-accent: var(--dark-color-accent); - --color-text: var(--dark-color-text); - --color-text-aside: var(--dark-color-text-aside); - --color-link: var(--dark-color-link); - --color-ts: var(--dark-color-ts); - --color-ts-interface: var(--dark-color-ts-interface); - --color-ts-enum: var(--dark-color-ts-enum); - --color-ts-class: var(--dark-color-ts-class); - --color-ts-function: var(--dark-color-ts-function); - --color-ts-namespace: var(--dark-color-ts-namespace); - --color-ts-private: var(--dark-color-ts-private); - --color-ts-variable: var(--dark-color-ts-variable); - --external-icon: var(--dark-external-icon); - --color-scheme: var(--dark-color-scheme); -} - -.always-visible, -.always-visible .tsd-signatures { - display: inherit !important; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - line-height: 1.2; -} - -h1 { - font-size: 1.875rem; - margin: 0.67rem 0; -} - -h2 { - font-size: 1.5rem; - margin: 0.83rem 0; -} - -h3 { - font-size: 1.25rem; - margin: 1rem 0; -} - -h4 { - font-size: 1.05rem; - margin: 1.33rem 0; -} - -h5 { - font-size: 1rem; - margin: 1.5rem 0; -} - -h6 { - font-size: 0.875rem; - margin: 2.33rem 0; -} - -.uppercase { - text-transform: uppercase; -} - -pre { - white-space: pre; - white-space: pre-wrap; - word-wrap: break-word; -} - -dl, -menu, -ol, -ul { - margin: 1em 0; -} - -dd { - margin: 0 0 0 40px; -} - -.container { - max-width: 1600px; - padding: 0 2rem; -} - -@media (min-width: 640px) { - .container { - padding: 0 4rem; - } -} -@media (min-width: 1200px) { - .container { - padding: 0 8rem; - } -} -@media (min-width: 1600px) { - .container { - padding: 0 12rem; - } -} - -/* Footer */ -.tsd-generator { - border-top: 1px solid var(--color-accent); - padding-top: 1rem; - padding-bottom: 1rem; - max-height: 3.5rem; -} - -.tsd-generator > p { - margin-top: 0; - margin-bottom: 0; - padding: 0 1rem; -} - -.container-main { - display: flex; - justify-content: space-between; - position: relative; - margin: 0 auto; -} - -.col-4, -.col-8 { - box-sizing: border-box; - float: left; - padding: 2rem 1rem; -} - -.col-4 { - flex: 0 0 25%; -} -.col-8 { - flex: 1 0; - flex-wrap: wrap; - padding-left: 0; -} - -@keyframes fade-in { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -@keyframes fade-out { - from { - opacity: 1; - visibility: visible; - } - to { - opacity: 0; - } -} -@keyframes fade-in-delayed { - 0% { - opacity: 0; - } - 33% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@keyframes fade-out-delayed { - 0% { - opacity: 1; - visibility: visible; - } - 66% { - opacity: 0; - } - 100% { - opacity: 0; - } -} -@keyframes shift-to-left { - from { - transform: translate(0, 0); - } - to { - transform: translate(-25%, 0); - } -} -@keyframes unshift-to-left { - from { - transform: translate(-25%, 0); - } - to { - transform: translate(0, 0); - } -} -@keyframes pop-in-from-right { - from { - transform: translate(100%, 0); - } - to { - transform: translate(0, 0); - } -} -@keyframes pop-out-to-right { - from { - transform: translate(0, 0); - visibility: visible; - } - to { - transform: translate(100%, 0); - } -} -body { - background: var(--color-background); - font-family: "Segoe UI", sans-serif; - font-size: 16px; - color: var(--color-text); -} - -a { - color: var(--color-link); - text-decoration: none; -} -a:hover { - text-decoration: underline; -} -a.external[target="_blank"] { - background-image: var(--external-icon); - background-position: top 3px right; - background-repeat: no-repeat; - padding-right: 13px; -} - -code, -pre { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; - padding: 0.2em; - margin: 0; - font-size: 0.875rem; - border-radius: 0.8em; -} - -pre { - padding: 10px; - border: 0.1em solid var(--color-accent); -} -pre code { - padding: 0; - font-size: 100%; -} - -blockquote { - margin: 1em 0; - padding-left: 1em; - border-left: 4px solid gray; -} - -.tsd-typography { - line-height: 1.333em; -} -.tsd-typography ul { - list-style: square; - padding: 0 0 0 20px; - margin: 0; -} -.tsd-typography h4, -.tsd-typography .tsd-index-panel h3, -.tsd-index-panel .tsd-typography h3, -.tsd-typography h5, -.tsd-typography h6 { - font-size: 1em; - margin: 0; -} -.tsd-typography h5, -.tsd-typography h6 { - font-weight: normal; -} -.tsd-typography p, -.tsd-typography ul, -.tsd-typography ol { - margin: 1em 0; -} - -@media (max-width: 1024px) { - html .col-content { - float: none; - max-width: 100%; - width: 100%; - padding-top: 3rem; - } - html .col-menu { - position: fixed !important; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - z-index: 1024; - top: 0 !important; - bottom: 0 !important; - left: auto !important; - right: 0 !important; - padding: 1.5rem 1.5rem 0 0; - max-width: 25rem; - visibility: hidden; - background-color: var(--color-background); - transform: translate(100%, 0); - } - html .col-menu > *:last-child { - padding-bottom: 20px; - } - html .overlay { - content: ""; - display: block; - position: fixed; - z-index: 1023; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: rgba(0, 0, 0, 0.75); - visibility: hidden; - } - - .to-has-menu .overlay { - animation: fade-in 0.4s; - } - - .to-has-menu :is(header, footer, .col-content) { - animation: shift-to-left 0.4s; - } - - .to-has-menu .col-menu { - animation: pop-in-from-right 0.4s; - } - - .from-has-menu .overlay { - animation: fade-out 0.4s; - } - - .from-has-menu :is(header, footer, .col-content) { - animation: unshift-to-left 0.4s; - } - - .from-has-menu .col-menu { - animation: pop-out-to-right 0.4s; - } - - .has-menu body { - overflow: hidden; - } - .has-menu .overlay { - visibility: visible; - } - .has-menu :is(header, footer, .col-content) { - transform: translate(-25%, 0); - } - .has-menu .col-menu { - visibility: visible; - transform: translate(0, 0); - display: grid; - align-items: center; - grid-template-rows: auto 1fr; - grid-gap: 1.5rem; - max-height: 100vh; - padding: 1rem 2rem; - } - .has-menu .tsd-navigation { - max-height: 100%; - } -} - -.tsd-breadcrumb { - margin: 0; - padding: 0; - color: var(--color-text-aside); -} -.tsd-breadcrumb a { - color: var(--color-text-aside); - text-decoration: none; -} -.tsd-breadcrumb a:hover { - text-decoration: underline; -} -.tsd-breadcrumb li { - display: inline; -} -.tsd-breadcrumb li:after { - content: " / "; -} - -.tsd-comment-tags { - display: flex; - flex-direction: column; -} -dl.tsd-comment-tag-group { - display: flex; - align-items: center; - overflow: hidden; - margin: 0.5em 0; -} -dl.tsd-comment-tag-group dt { - display: flex; - margin-right: 0.5em; - font-size: 0.875em; - font-weight: normal; -} -dl.tsd-comment-tag-group dd { - margin: 0; -} -code.tsd-tag { - padding: 0.25em 0.4em; - border: 0.1em solid var(--color-accent); - margin-right: 0.25em; - font-size: 70%; -} -h1 code.tsd-tag:first-of-type { - margin-left: 0.25em; -} - -dl.tsd-comment-tag-group dd:before, -dl.tsd-comment-tag-group dd:after { - content: " "; -} -dl.tsd-comment-tag-group dd pre, -dl.tsd-comment-tag-group dd:after { - clear: both; -} -dl.tsd-comment-tag-group p { - margin: 0; -} - -.tsd-panel.tsd-comment .lead { - font-size: 1.1em; - line-height: 1.333em; - margin-bottom: 2em; -} -.tsd-panel.tsd-comment .lead:last-child { - margin-bottom: 0; -} - -.tsd-filter-visibility h4 { - font-size: 1rem; - padding-top: 0.75rem; - padding-bottom: 0.5rem; - margin: 0; -} -.tsd-filter-item:not(:last-child) { - margin-bottom: 0.5rem; -} -.tsd-filter-input { - display: flex; - width: fit-content; - width: -moz-fit-content; - align-items: center; - user-select: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - cursor: pointer; -} -.tsd-filter-input input[type="checkbox"] { - cursor: pointer; - position: absolute; - width: 1.5em; - height: 1.5em; - opacity: 0; -} -.tsd-filter-input input[type="checkbox"]:disabled { - pointer-events: none; -} -.tsd-filter-input svg { - cursor: pointer; - width: 1.5em; - height: 1.5em; - margin-right: 0.5em; - border-radius: 0.33em; - /* Leaving this at full opacity breaks event listeners on Firefox. - Don't remove unless you know what you're doing. */ - opacity: 0.99; -} -.tsd-filter-input input[type="checkbox"]:focus + svg { - transform: scale(0.95); -} -.tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg { - transform: scale(1); -} -.tsd-checkbox-background { - fill: var(--color-accent); -} -input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark { - stroke: var(--color-text); -} -.tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background { - fill: var(--color-background); - stroke: var(--color-accent); - stroke-width: 0.25rem; -} -.tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark { - stroke: var(--color-accent); -} - -.tsd-theme-toggle { - padding-top: 0.75rem; -} -.tsd-theme-toggle > h4 { - display: inline; - vertical-align: middle; - margin-right: 0.75rem; -} - -.tsd-hierarchy { - list-style: square; - margin: 0; -} -.tsd-hierarchy .target { - font-weight: bold; -} - -.tsd-panel-group.tsd-index-group { - margin-bottom: 0; -} -.tsd-index-panel .tsd-index-list { - list-style: none; - line-height: 1.333em; - margin: 0; - padding: 0.25rem 0 0 0; - overflow: hidden; - display: grid; - grid-template-columns: repeat(3, 1fr); - column-gap: 1rem; - grid-template-rows: auto; -} -@media (max-width: 1024px) { - .tsd-index-panel .tsd-index-list { - grid-template-columns: repeat(2, 1fr); - } -} -@media (max-width: 768px) { - .tsd-index-panel .tsd-index-list { - grid-template-columns: repeat(1, 1fr); - } -} -.tsd-index-panel .tsd-index-list li { - -webkit-page-break-inside: avoid; - -moz-page-break-inside: avoid; - -ms-page-break-inside: avoid; - -o-page-break-inside: avoid; - page-break-inside: avoid; -} -.tsd-index-panel a, -.tsd-index-panel a.tsd-parent-kind-module { - color: var(--color-ts); -} -.tsd-index-panel a.tsd-parent-kind-interface { - color: var(--color-ts-interface); -} -.tsd-index-panel a.tsd-parent-kind-enum { - color: var(--color-ts-enum); -} -.tsd-index-panel a.tsd-parent-kind-class { - color: var(--color-ts-class); -} -.tsd-index-panel a.tsd-kind-module { - color: var(--color-ts-namespace); -} -.tsd-index-panel a.tsd-kind-interface { - color: var(--color-ts-interface); -} -.tsd-index-panel a.tsd-kind-enum { - color: var(--color-ts-enum); -} -.tsd-index-panel a.tsd-kind-class { - color: var(--color-ts-class); -} -.tsd-index-panel a.tsd-kind-function { - color: var(--color-ts-function); -} -.tsd-index-panel a.tsd-kind-namespace { - color: var(--color-ts-namespace); -} -.tsd-index-panel a.tsd-kind-variable { - color: var(--color-ts-variable); -} -.tsd-index-panel a.tsd-is-private { - color: var(--color-ts-private); -} - -.tsd-flag { - display: inline-block; - padding: 0.25em 0.4em; - border-radius: 4px; - color: var(--color-comment-tag-text); - background-color: var(--color-comment-tag); - text-indent: 0; - font-size: 75%; - line-height: 1; - font-weight: normal; -} - -.tsd-anchor { - position: absolute; - top: -100px; -} - -.tsd-member { - position: relative; -} -.tsd-member .tsd-anchor + h3 { - display: flex; - align-items: center; - margin-top: 0; - margin-bottom: 0; - border-bottom: none; -} -.tsd-member [data-tsd-kind] { - color: var(--color-ts); -} -.tsd-member [data-tsd-kind="Interface"] { - color: var(--color-ts-interface); -} -.tsd-member [data-tsd-kind="Enum"] { - color: var(--color-ts-enum); -} -.tsd-member [data-tsd-kind="Class"] { - color: var(--color-ts-class); -} -.tsd-member [data-tsd-kind="Private"] { - color: var(--color-ts-private); -} - -.tsd-navigation a { - display: block; - margin: 0.4rem 0; - border-left: 2px solid transparent; - color: var(--color-text); - text-decoration: none; - transition: border-left-color 0.1s; -} -.tsd-navigation a:hover { - text-decoration: underline; -} -.tsd-navigation ul { - margin: 0; - padding: 0; - list-style: none; -} -.tsd-navigation li { - padding: 0; -} - -.tsd-navigation.primary .tsd-accordion-details > ul { - margin-top: 0.75rem; -} -.tsd-navigation.primary a { - padding: 0.75rem 0.5rem; - margin: 0; -} -.tsd-navigation.primary ul li a { - margin-left: 0.5rem; -} -.tsd-navigation.primary ul li li a { - margin-left: 1.5rem; -} -.tsd-navigation.primary ul li li li a { - margin-left: 2.5rem; -} -.tsd-navigation.primary ul li li li li a { - margin-left: 3.5rem; -} -.tsd-navigation.primary ul li li li li li a { - margin-left: 4.5rem; -} -.tsd-navigation.primary ul li li li li li li a { - margin-left: 5.5rem; -} -.tsd-navigation.primary li.current > a { - border-left: 0.15rem var(--color-text) solid; -} -.tsd-navigation.primary li.selected > a { - font-weight: bold; - border-left: 0.2rem var(--color-text) solid; -} -.tsd-navigation.primary ul li a:hover { - border-left: 0.2rem var(--color-text-aside) solid; -} -.tsd-navigation.primary li.globals + li > span, -.tsd-navigation.primary li.globals + li > a { - padding-top: 20px; -} - -.tsd-navigation.secondary.tsd-navigation--toolbar-hide { - max-height: calc(100vh - 1rem); - top: 0.5rem; -} -.tsd-navigation.secondary > ul { - display: inline; - padding-right: 0.5rem; - transition: opacity 0.2s; -} -.tsd-navigation.secondary ul li a { - padding-left: 0; -} -.tsd-navigation.secondary ul li li a { - padding-left: 1.1rem; -} -.tsd-navigation.secondary ul li li li a { - padding-left: 2.2rem; -} -.tsd-navigation.secondary ul li li li li a { - padding-left: 3.3rem; -} -.tsd-navigation.secondary ul li li li li li a { - padding-left: 4.4rem; -} -.tsd-navigation.secondary ul li li li li li li a { - padding-left: 5.5rem; -} - -#tsd-sidebar-links a { - margin-top: 0; - margin-bottom: 0.5rem; - line-height: 1.25rem; -} -#tsd-sidebar-links a:last-of-type { - margin-bottom: 0; -} - -a.tsd-index-link { - margin: 0.25rem 0; - font-size: 1rem; - line-height: 1.25rem; - display: inline-flex; - align-items: center; -} -.tsd-accordion-summary > h1, -.tsd-accordion-summary > h2, -.tsd-accordion-summary > h3, -.tsd-accordion-summary > h4, -.tsd-accordion-summary > h5 { - display: inline-flex; - align-items: center; - vertical-align: middle; - margin-bottom: 0; - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.tsd-accordion-summary { - display: block; - cursor: pointer; -} -.tsd-accordion-summary > * { - margin-top: 0; - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} -.tsd-accordion-summary::-webkit-details-marker { - display: none; -} -.tsd-index-accordion .tsd-accordion-summary svg { - margin-right: 0.25rem; -} -.tsd-index-content > :not(:first-child) { - margin-top: 0.75rem; -} -.tsd-index-heading { - margin-top: 1.5rem; - margin-bottom: 0.75rem; -} - -.tsd-kind-icon { - margin-right: 0.5rem; - width: 1.25rem; - height: 1.25rem; - min-width: 1.25rem; - min-height: 1.25rem; -} -.tsd-kind-icon path { - transform-origin: center; - transform: scale(1.1); -} -.tsd-signature > .tsd-kind-icon { - margin-right: 0.8rem; -} - -@media (min-width: 1024px) { - .col-content { - margin: 2rem auto; - } - - .menu-sticky-wrap { - position: sticky; - height: calc(100vh - 2rem); - top: 4rem; - right: 0; - padding: 0 1.5rem; - padding-top: 1rem; - margin-top: 3rem; - transition: 0.3s ease-in-out; - transition-property: top, padding-top, padding, height; - overflow-y: auto; - } - .col-menu { - border-left: 1px solid var(--color-accent); - } - .col-menu--hide { - top: 1rem; - } - .col-menu .tsd-navigation:not(:last-child) { - padding-bottom: 1.75rem; - } -} - -.tsd-panel { - margin-bottom: 2.5rem; -} -.tsd-panel.tsd-member { - margin-bottom: 4rem; -} -.tsd-panel:empty { - display: none; -} -.tsd-panel > h1, -.tsd-panel > h2, -.tsd-panel > h3 { - margin: 1.5rem -1.5rem 0.75rem -1.5rem; - padding: 0 1.5rem 0.75rem 1.5rem; -} -.tsd-panel > h1.tsd-before-signature, -.tsd-panel > h2.tsd-before-signature, -.tsd-panel > h3.tsd-before-signature { - margin-bottom: 0; - border-bottom: none; -} - -.tsd-panel-group { - margin: 4rem 0; -} -.tsd-panel-group.tsd-index-group { - margin: 2rem 0; -} -.tsd-panel-group.tsd-index-group details { - margin: 2rem 0; -} - -#tsd-search { - transition: background-color 0.2s; -} -#tsd-search .title { - position: relative; - z-index: 2; -} -#tsd-search .field { - position: absolute; - left: 0; - top: 0; - right: 2.5rem; - height: 100%; -} -#tsd-search .field input { - box-sizing: border-box; - position: relative; - top: -50px; - z-index: 1; - width: 100%; - padding: 0 10px; - opacity: 0; - outline: 0; - border: 0; - background: transparent; - color: var(--color-text); -} -#tsd-search .field label { - position: absolute; - overflow: hidden; - right: -40px; -} -#tsd-search .field input, -#tsd-search .title, -#tsd-toolbar-links a { - transition: opacity 0.2s; -} -#tsd-search .results { - position: absolute; - visibility: hidden; - top: 40px; - width: 100%; - margin: 0; - padding: 0; - list-style: none; - box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); -} -#tsd-search .results li { - padding: 0 10px; - background-color: var(--color-background); -} -#tsd-search .results li:nth-child(even) { - background-color: var(--color-background-secondary); -} -#tsd-search .results li.state { - display: none; -} -#tsd-search .results li.current, -#tsd-search .results li:hover { - background-color: var(--color-accent); -} -#tsd-search .results a { - display: block; -} -#tsd-search .results a:before { - top: 10px; -} -#tsd-search .results span.parent { - color: var(--color-text-aside); - font-weight: normal; -} -#tsd-search.has-focus { - background-color: var(--color-accent); -} -#tsd-search.has-focus .field input { - top: 0; - opacity: 1; -} -#tsd-search.has-focus .title, -#tsd-search.has-focus #tsd-toolbar-links a { - z-index: 0; - opacity: 0; -} -#tsd-search.has-focus .results { - visibility: visible; -} -#tsd-search.loading .results li.state.loading { - display: block; -} -#tsd-search.failure .results li.state.failure { - display: block; -} - -#tsd-toolbar-links { - position: absolute; - top: 0; - right: 2rem; - height: 100%; - display: flex; - align-items: center; - justify-content: flex-end; -} -#tsd-toolbar-links a { - margin-left: 1.5rem; -} -#tsd-toolbar-links a:hover { - text-decoration: underline; -} - -.tsd-signature { - margin: 0 0 1rem 0; - padding: 1rem 0.5rem; - border: 1px solid var(--color-accent); - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; - font-size: 14px; - overflow-x: auto; -} - -.tsd-signature-symbol { - color: var(--color-text-aside); - font-weight: normal; -} - -.tsd-signature-type { - font-style: italic; - font-weight: normal; -} - -.tsd-signatures { - padding: 0; - margin: 0 0 1em 0; - list-style-type: none; -} -.tsd-signatures .tsd-signature { - margin: 0; - border-color: var(--color-accent); - border-width: 1px 0; - transition: background-color 0.1s; -} -.tsd-description .tsd-signatures .tsd-signature { - border-width: 1px; -} - -ul.tsd-parameter-list, -ul.tsd-type-parameter-list { - list-style: square; - margin: 0; - padding-left: 20px; -} -ul.tsd-parameter-list > li.tsd-parameter-signature, -ul.tsd-type-parameter-list > li.tsd-parameter-signature { - list-style: none; - margin-left: -20px; -} -ul.tsd-parameter-list h5, -ul.tsd-type-parameter-list h5 { - font-size: 16px; - margin: 1em 0 0.5em 0; -} -.tsd-sources { - margin-top: 1rem; - font-size: 0.875em; -} -.tsd-sources a { - color: var(--color-text-aside); - text-decoration: underline; -} -.tsd-sources ul { - list-style: none; - padding: 0; -} - -.tsd-page-toolbar { - position: fixed; - z-index: 1; - top: 0; - left: 0; - width: 100%; - color: var(--color-text); - background: var(--color-background-secondary); - border-bottom: 1px var(--color-accent) solid; - transition: transform 0.3s ease-in-out; -} -.tsd-page-toolbar a { - color: var(--color-text); - text-decoration: none; -} -.tsd-page-toolbar a.title { - font-weight: bold; -} -.tsd-page-toolbar a.title:hover { - text-decoration: underline; -} -.tsd-page-toolbar .tsd-toolbar-contents { - display: flex; - justify-content: space-between; - height: 2.5rem; - margin: 0 auto; -} -.tsd-page-toolbar .table-cell { - position: relative; - white-space: nowrap; - line-height: 40px; -} -.tsd-page-toolbar .table-cell:first-child { - width: 100%; -} -.tsd-page-toolbar .tsd-toolbar-icon { - box-sizing: border-box; - line-height: 0; - padding: 12px 0; -} - -.tsd-page-toolbar--hide { - transform: translateY(-100%); -} - -.tsd-widget { - display: inline-block; - overflow: hidden; - opacity: 0.8; - height: 40px; - transition: opacity 0.1s, background-color 0.2s; - vertical-align: bottom; - cursor: pointer; -} -.tsd-widget:hover { - opacity: 0.9; -} -.tsd-widget.active { - opacity: 1; - background-color: var(--color-accent); -} -.tsd-widget.no-caption { - width: 40px; -} -.tsd-widget.no-caption:before { - margin: 0; -} - -.tsd-widget.options, -.tsd-widget.menu { - display: none; -} -@media (max-width: 1024px) { - .tsd-widget.options, - .tsd-widget.menu { - display: inline-block; - } -} -input[type="checkbox"] + .tsd-widget:before { - background-position: -120px 0; -} -input[type="checkbox"]:checked + .tsd-widget:before { - background-position: -160px 0; -} - -img { - max-width: 100%; -} - -.tsd-anchor-icon { - display: inline-flex; - align-items: center; - margin-left: 0.5rem; - vertical-align: middle; - color: var(--color-text); -} - -.tsd-anchor-icon svg { - width: 1em; - height: 1em; - visibility: hidden; -} - -.tsd-anchor-link:hover > .tsd-anchor-icon svg { - visibility: visible; -} - -.deprecated { - text-decoration: line-through; -} - -.warning { - padding: 1rem; - color: var(--color-warning-text); - background: var(--color-background-warning); -} - -* { - scrollbar-width: thin; - scrollbar-color: var(--color-accent) var(--color-icon-background); -} - -*::-webkit-scrollbar { - width: 0.75rem; -} - -*::-webkit-scrollbar-track { - background: var(--color-icon-background); -} - -*::-webkit-scrollbar-thumb { - background-color: var(--color-accent); - border-radius: 999rem; - border: 0.25rem solid var(--color-icon-background); -} diff --git a/docs/classes/cg_select.CGSelect.html b/docs/classes/cg_select.CGSelect.html deleted file mode 100644 index bb487e6..0000000 --- a/docs/classes/cg_select.CGSelect.html +++ /dev/null @@ -1,4248 +0,0 @@ - - - - - - CGSelect | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Class CGSelect

-
-
-
-

Description

-

- This class implements the functionality of a custom select, with customization - capabilities. -

- -

Author

-

Ovsyanikov Maxim

-
-
-
-

Hierarchy

-
    -
  • CGSelect
    • -
-
-
-

Implements

- -
- -
-
-
- - - -
-
-

Constructors

-
- - - constructor -
-
-
-

Properties

-
- - - buttonAction? - - - carriage - - - category? - - - closeOnSelect? - - - element - - - event? - - - indexes - - - items? - - - lable? - - - language? - - - list - - - listDisplayMode? - - - multiselect? - - - multiselectTag? - - - nativeSelectMode? - - - options - - - placeholder? - - - randomId - - - searchMode? - - - selected? - - - selectedItems - - - selector? - - - styles? - - - theme? - - - url? -
-
-
-

Accessors

-
- - - indexesOf - - - value -
-
-
-

Methods

-
- - - addItem - - - addLanguage - - - addOptionsBehaviour - - - buttonControl - - - close - - - closeSelectClick - - - deleteItem - - - deleteItemAll - - - disabled - - - displayMode - - - getElement - - - init - - - initEvent - - - initSelected - - - on - - - open - - - render - - - renderUrl - - - searchModeSelect - - - selectIndex - - - selectMode -
-
-
-
-
-
-
-

Constructors

-
- -

- constructor - - - -

-
    - -
  • -
    -

    Description

    -

    The constructor takes an object and renders the select.

    - -

    Example

    - 
    options = {
     selector: 'Unique selector',
       selected: 'Selected item',
       placeholder: '...',
       lable: '...'
       items: [string|number|object],
       theme: string,
       searchMode: true/false,
       closeOnSelect:  true/false,
       nativeSelectMode: true/false,
       listDisplayMode: true/false,
       language: 'ru/en',
       styles: {
         head: {
           background: '...',
         },
         list: {...},
         chips: {...},
         carriage: {...},
         placeholder: {...},
         lable: {..},
       },
       event: '...',
       url: 'http/...',
       multiselect: true/false,
       multiselectTag: true/false,
    }
-
    -
    -
    -

    Parameters

    -
      -
    • -
      - setting: - ICgSelect -
      -
      -

      Object accepting select settings.

      -
      -
      • -
    -
    -

    - Returns - CGSelect -

    - -
    • -
-
-
-
-

Properties

-
- -

- Private - Optional buttonAction - - - -

-
- buttonAction?: - null | Element -
-

Button, to control the select.

- -
-
- -

- Private carriage - - - -

-
- carriage: - undefined | null | Element -
-

Variable for carriage control.

- -
-
- -

- Private - Optional category - - - -

-
- category?: - string -
-

Transferred categories.

- -
-
- -

- Optional - closeOnSelect - - - -

-
- closeOnSelect?: - boolean -
-
-

- An optional parameter that is responsible for the behavior of the select when - opening, if closeOnSelect: false, then when an element is selected in the selector, - closing does not occur, and you can select another element by default, - closeOnSelect:true. -

-
- -
-
- -

- Private element - - - -

-
- element: - null | Element -
-

Created HTML element.

- -
-
- -

- Optional event - - - -

-
- event?: - string -
-
-

- An optional parameter that is responsible for the behavior of the select, passing to - this parameter an event of the 'mouseenter' type, select will open on hover. -

-
- -
-
- -

- Private indexes - - - -

-
- indexes: - number[] = [] -
-
-

Array of indexes of selected elements.

-
- -
-
- -

- Optional items - - - -

-
- items?: - any -
-
-

- *Required parameter (if no other way to get data (url) is specified), this is an - array of elements, which will be displayed in the select when selected. -

-
- -
-
- -

- Optional lable - - - -

-
- lable?: - string -
-
-

An optional parameter that adds a lable before the select.

-
- -
-
- -

- Optional language - - - -

-
- language?: - string -
-
-

Optional parameter responsible for the localization of some text elements.

-
- -
-
- -

- Private list - - - -

-
- list: - null | Element -
-

Created list(ul), with class list.

- -
-
- -

- Optional - listDisplayMode - - - -

-
- listDisplayMode?: - boolean -
-
-

- An optional parameter that is responsible for the behavior of the select when - opening. -

-
- -
-
- -

- Optional multiselect - - - -

-
- multiselect?: - boolean -
-
-

- An optional parameter, which is responsible for the behavior of the select, adds the - ability to select multiple elements. Selected elements are rendered as plain text, - separated by commas. -

-
- -
-
- -

- Optional - multiselectTag - - - -

-
- multiselectTag?: - boolean -
-
-

- An optional parameter that is responsible for the behavior of the select, for him, - *** works only in a place with a multiselect connection. -

-
- -
-
- -

- Optional - nativeSelectMode - - - -

-
- nativeSelectMode?: - boolean -
-
-

- An optional parameter that is responsible for the behavior of the select when opened - on mobile devices. -

-
- -
-
- -

- Private options - - - -

-
- options: - ICgSelect -
-
-

Select settings passed when creating an instance of the class.

-
- -
-
- -

- Optional placeholder - - - -

-
- placeholder?: - string -
-
-

- Placeholder optional parameter to which the text of the select placeholder is - passed. -

-
- -
-
- -

- Private randomId - - - -

-
- randomId: - string -
-

Unique Id for elements.

- -
-
- -

- Optional searchMode - - - -

-
- searchMode?: - boolean -
-
-

An optional parameter that adds a live search on the select elements.

-
- -
-
- -

- Optional selected - - - -

-
- selected?: - string -
-
-

- An optional parameter, which is passed the element that will be selected initially - in the select. -

-
- -
-
- -

- Private selectedItems - - - -

-
- selectedItems: - string | string[] -
-
-

Selected or an array of selected items from a list.

-
- -
-
- -

- Optional selector - - - -

-
- selector?: - string -
-
-

- Unique selector - *mandatory parameter (indicator) that is set when creating a - select. -

-
- -
-
- -

- Optional styles - - - -

-
- styles?: - IStyle -
-
-

- An optional parameter that is responsible for customizing the select elements, - objects with CSS properties for customizable elements are passed to it. -

-
- -
-
- -

- Optional theme - - - -

-
- theme?: - string -
-
-

- An optional parameter responsible for switching between different themes, the - classic theme is set by default. Can take on a value dark, white. -

-
- -
-
- -

- Optional url - - - -

-
- url?: - string -
-
-

- Required parameter (if no other way to get data (items) is specified), data that - comes from the backend in the format { id: "", title: "", value: - ""}. -

-
- -
-
-
-

Accessors

-
- -

- indexesOf - - - -

-
    -
  • - get indexesOf(): number | number[] -
    • -
  • -
    -

    Returns

    -

    Returns the indices of the selected element(s) as an array / empty array.

    - -

    Description

    -

    A getter that returns the indexes of the selected element(s) of the select.

    -
    -

    - Returns number | number[] -

    - -
    • -
-
-
- -

- value - - - -

-
    -
  • - get value(): string | string[] -
    • -
  • -
    -

    Returns

    -

    Returns the selected element(s) as an array / element / null.

    - -

    Description

    -

    Getter returning the selected element(s) of the select.

    -
    -

    - Returns string | string[] -

    - -
    • -
-
-
-
-

Methods

-
- -

- addItem - - - -

-
    - -
  • -
    -

    Description

    -

    - adds the given element to the end of the list and redraws the list. Cannot be - used when passing elements with categories. -

    - -

    Method

    -

    addItem

    -
    -
    -

    Parameters

    -
      -
    • -
      - item: string | number | IItems -
      -

      added element.

      -
      • -
    -
    -

    - Returns undefined | false -

    - -
    • -
-
-
- -

- addLanguage - - - -

-
    - -
  • -
    -

    Description

    -

    - a method that allows you to change the placeholder in the search and the text - that is displayed if there is no result. -

    - -

    Method

    -

    addLanguage

    -
    -
    -

    Parameters

    -
      -
    • -
      - language: - ILanguage -
      -
      -

      - the object in which the fields for connecting the language are located has - two mandatory fields placeholder, textInListSearch, selectPlaceholder. -

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- Private - addOptionsBehaviour - - - -

-
    - -
  • - Private -
    -

    Description

    -

    A method that implements the selection of elements in different modes.

    - -

    Method

    -

    addOptionsBehaviour

    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- buttonControl - - - -

-
    - -
  • -
    -

    Description

    -

    A method that allows you to open / close the select using buttons.

    - -

    Method

    -

    buttonControl

    -
    -
    -

    Parameters

    -
      -
    • -
      button: Element
      -

      HTML button.

      -
      • -
    • -
      method: string
      -

      open/close method.

      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- Private close - - - -

-
    - -
  • - Private -
    -

    Description

    -

    Closes the list.

    - -

    Method

    -

    close

    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- Private - closeSelectClick - - - -

-
    - -
  • - Private -
    -

    Description

    -

    Closes the list on click outside of an element.

    - -

    Method

    -

    closeSelectClick

    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- deleteItem - - - -

-
    - -
  • -
    -

    Description

    -

    - removes the element by index from the list and redraws it. Cannot be used when - passing elements with categories. -

    - -

    Method

    -

    deleteItem

    -
    -
    -

    Parameters

    -
      -
    • -
      index: number
      -
      -

      the index of the element to be removed.

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- deleteItemAll - - - -

-
    - -
  • -
    -

    Description

    -

    removes all elements from the list and redraws it.

    - -

    Method

    -

    deleteItemAll

    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- disabled - - - -

-
    - -
  • -
    -

    Description

    -

    A method that allows you to toggle the state of the disabled select.

    - -

    Method

    -

    disabled

    -
    -
    -

    Parameters

    -
      -
    • -
      value: boolean
      -
      -

      Passed parameter to add the disabled attribute.

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- Private displayMode - - - -

-
    - -
  • - Private -
    -

    Description

    -

    Changes the display of a sheet with a selection as a modal window.

    - -

    Method

    -

    displayMode

    -
    -
    -

    Parameters

    -
      -
    • -
      listDisplayMode: boolean
      -
      -

      - parameter responsible for displaying the selection in the form of a modal - window. -

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- getElement - - - -

-
    - -
  • -
    -

    Returns

    -

    returns a reference to the selected HTML element.

    - -

    Method

    -

    getElement

    -
    -
    -

    Parameters

    -
      -
    • -
      numberItem: number
      -

      returned element number.

      -
      • -
    -
    -

    - Returns any -

    - -
    • -
-
-
- -

- Private init - - - -

-
    - -
  • - Private -
    -

    Private method for initializing an instance of the ICgSelect class.

    - -

    Method

    -

    init

    - -

    Member

    -

    Description

    -

    - Private method. General initialization of the select. Obtaining tinctures and - converting select elements. -

    - -

    Example

    - 
    {
            selector: '.cg-dropdown_one',
            placeholder: 'Choose a car',
            items: [
              'BMW',
              {
                id: '213sade',
                title: 'Opel',
                value: 1,
              },
              'Mersedes',
              'MAN',
              'max',
            ],
            multiselect: true,
            multiselectTag: true,
          }
-
    -
    -
    -

    Parameters

    -
      -
    • -
      - setting: - ICgSelect -
      -

      passed select settings.

      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- Private initEvent - - - -

-
    - -
  • - Private -
    -

    Description

    -

    Opens and closes the list by the passed event.

    - -

    Method

    -

    initEvent

    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- Private initSelected - - - -

-
    - -
  • - Private -
    -

    Method

    -

    initSelected

    - -

    Description

    -

    Renders and styles the select.

    -
    -
    -

    Parameters

    -
      -
    • -
      - Optional select: - string -
      -
      -

      optional element. Used in the selectedIndex method.

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- on - - - -

-
    - -
  • -
    -

    Description

    -

    Method for tracking the actions of the select, you can pass a callback

    - -

    Method

    -

    on

    -
    -
    -

    Parameters

    -
      -
    • -
      state: string
      -

      select state.

      -
      • -
    • -
      - callback: ((state: any) => any) -
      -
        -
      • -
          -
        • - (state: any): any -
          • -
        • -
          -

          Parameters

          -
            -
          • -
            state: any
            -
            • -
          -
          -

          - Returns any -

          -
          • -
        -
        • -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- Private open - - - -

-
    - -
  • - Private -
    -

    Description

    -

    Opens a list to select an element.

    - -

    Method

    -

    open

    -
    -
    -

    Parameters

    -
      -
    • -
      - Optional oneClick: - boolean -
      -
      -

      optional parameter passed from the buttonControl function.

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- Private render - - - -

-
    - -
  • - Private -
    -

    Method

    -

    render

    - -

    Description

    -

    Render elements in select.

    -
    -
    -

    Parameters

    -
      -
    • -
      - Optional select: - string -
      -
      -

      optional element. Passed to the initSelected.

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- Private renderUrl - - - -

-
    - -
  • - Private -
    -

    Method

    -

    renderUrl

    - -

    Description

    -

    Rendering elements in the select passed from the URL and setting them up.

    -
    -

    - Returns Promise<void> -

    - -
    • -
-
-
- -

- Private - searchModeSelect - - - -

-
    - -
  • - Private -
    -

    Description

    -

    The method that implements the search for elements in the select.

    - -

    Method

    -

    searchMode

    -
    -
    -

    Parameters

    -
      -
    • -
      random: string
      -
      -

      unique value for input element.

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- selectIndex - - - -

-
    - -
  • -
    -

    Description

    -

    selects the element that will be initially rendered in the select.

    - -

    Method

    -

    selectIndex

    -
    -
    -

    Parameters

    -
      -
    • -
      index: number
      -
      -

      the index of the selected element.

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
- -

- Private selectMode - - - -

-
    - -
  • - Private -
    -

    Description

    -

    Changes the display of the select on mobile devices.

    - -

    Method

    -

    selectMode

    -
    -
    -

    Parameters

    -
      -
    • -
      nativeSelectMode: boolean
      -
      -

      parameter responsible for adding native select.

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/Utils.checkItemStruct.html b/docs/functions/Utils.checkItemStruct.html deleted file mode 100644 index 756b5e5..0000000 --- a/docs/functions/Utils.checkItemStruct.html +++ /dev/null @@ -1,357 +0,0 @@ - - - - - - checkItemStruct | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function checkItemStruct

-
-
-
    - -
  • -
    -

    Checking if item contains the specified properties.

    - -

    Returns

    -

    returns true/false if item contains the specified properties.

    -
    -
    -

    Parameters

    -
      -
    • -
      item: object
      -
      -

      element to be checked against a certain structure.

      -
      -
      • -
    -
    -

    - Returns boolean -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/Utils.clearSelect.html b/docs/functions/Utils.clearSelect.html deleted file mode 100644 index f5a17f0..0000000 --- a/docs/functions/Utils.clearSelect.html +++ /dev/null @@ -1,382 +0,0 @@ - - - - - - clearSelect | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function clearSelect

-
-
-
    - -
  • -
    -

    Creating a clear select button, with a single selection.

    -
    -
    -

    Parameters

    -
      -
    • -
      select: HTMLElement
      -
      -

      place in the select that will be reassigned to ''.

      -
      -
      • -
    • -
      element: Element
      -

      class instance CgSelect.

      -
      • -
    • -
      - dataSelectText: - ISelectedItems -
      -
      -

      the text that is rendered in the select.

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/Utils.createSelected.html b/docs/functions/Utils.createSelected.html deleted file mode 100644 index ec58d35..0000000 --- a/docs/functions/Utils.createSelected.html +++ /dev/null @@ -1,388 +0,0 @@ - - - - - - createSelected | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function createSelected

-
-
-
    - -
  • -

    Creating an Item Selector Button.

    -
    -

    Parameters

    -
      -
    • -
      element: Element
      -
      -

      instantiated class CgSelect.

      -
      -
      • -
    • -
      - Optional content: - string -
      -
      -

      placeholer passed from select settings.

      -
      -
      • -
    • -
      - Optional styles: - IStyle -
      -
      -

      - optional parameter. The object in which the settings for customizing parts - of the select are located. -

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/Utils.customStyles.html b/docs/functions/Utils.customStyles.html deleted file mode 100644 index 7f5b738..0000000 --- a/docs/functions/Utils.customStyles.html +++ /dev/null @@ -1,375 +0,0 @@ - - - - - - customStyles | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function customStyles

-
-
-
    - -
  • -
    -

    Finding and styling elements derived from the styles instance CgSelect

    -
    -
    -

    Parameters

    -
      -
    • -
      element: Element
      -
      -

      instantiated class CgSelect.

      -
      -
      • -
    • -
      - styles: - IStyle -
      -
      -

      object in which there are settings for customizing parts of the select.

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/Utils.customStylesFormat.html b/docs/functions/Utils.customStylesFormat.html deleted file mode 100644 index f0a3bca..0000000 --- a/docs/functions/Utils.customStylesFormat.html +++ /dev/null @@ -1,364 +0,0 @@ - - - - - - customStylesFormat | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function customStylesFormat

-
-
-
    - -
  • -
    -

    Generic Method for Styling a Select.

    -
    -
    -

    Parameters

    -
      -
    • -
      elemOption: object
      -
      -

      - an object obtained from the styles object from which we get the styles - key-value. -

      -
      -
      • -
    • -
      selector: any
      -
      -

      HTMLElement subject to customization.

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/Utils.getFormatItem.html b/docs/functions/Utils.getFormatItem.html deleted file mode 100644 index 1de90db..0000000 --- a/docs/functions/Utils.getFormatItem.html +++ /dev/null @@ -1,373 +0,0 @@ - - - - - - getFormatItem | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function getFormatItem

-
-
-
    - -
  • -
    -

    Converting each item obtained from the Items field;

    - -

    Returns

    -

    returns the formed object

    -
    -
    -

    Parameters

    -
      -
    • -
      dataItem: any
      -
      -

      received element passed when creating the select.

      -
      -
      • -
    • -
      index: number
      -

      index of this element.

      -
      • -
    -
    -

    - Returns - IItems -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/Utils.getSelectText.html b/docs/functions/Utils.getSelectText.html deleted file mode 100644 index c4b077f..0000000 --- a/docs/functions/Utils.getSelectText.html +++ /dev/null @@ -1,387 +0,0 @@ - - - - - - getSelectText | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function getSelectText

-
-
-
    - -
  • -
    -

    Insert initial select text (before selection)

    - -

    Returns

    -

    returns the generated select element.

    -
    -
    -

    Parameters

    -
      -
    • -
      - data: - ISelectedItems -
      -
      -

      the object in which the title of the select is located.

      -
      -
      • -
    • -
      - select: undefined | null | HTMLElement -
      -
      -

      select element where title will be inserted.

      -
      -
      • -
    -
    -

    - Returns HTMLElement -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/Utils.nativeOptionMultiple.html b/docs/functions/Utils.nativeOptionMultiple.html deleted file mode 100644 index 2c30dc4..0000000 --- a/docs/functions/Utils.nativeOptionMultiple.html +++ /dev/null @@ -1,381 +0,0 @@ - - - - - - nativeOptionMultiple | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function nativeOptionMultiple

-
-
-
    - -
  • -
    -

    The behavior of the native (Multiple) select when choosing in a custom one.

    -
    -
    -

    Parameters

    -
      -
    • -
      - element: undefined | NodeListOf<Element> -
      -

      NodeList of native select.

      -
      • -
    • -
      item: string
      -
      -

      selected element in custom select.

      -
      -
      • -
    • -
      condition: boolean
      -
      -

      a special flag that adds / removes attributes from the native select.

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/Utils.nativeOptionOrdinary.html b/docs/functions/Utils.nativeOptionOrdinary.html deleted file mode 100644 index f137a6a..0000000 --- a/docs/functions/Utils.nativeOptionOrdinary.html +++ /dev/null @@ -1,372 +0,0 @@ - - - - - - nativeOptionOrdinary | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function nativeOptionOrdinary

-
-
-
    - -
  • -
    -

    Behavior of a native (single) select when choosing a custom one.

    -
    -
    -

    Parameters

    -
      -
    • -
      - element: undefined | NodeListOf<Element> -
      -

      NodeList native select.

      -
      • -
    • -
      item: string
      -
      -

      selected element in custom select.

      -
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/components_create_element_create_element.createBreadCrumb.html b/docs/functions/components_create_element_create_element.createBreadCrumb.html deleted file mode 100644 index 909a72b..0000000 --- a/docs/functions/components_create_element_create_element.createBreadCrumb.html +++ /dev/null @@ -1,366 +0,0 @@ - - - - - - createBreadCrumb | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function createBreadCrumb

-
-
-
    - -
  • -
    -

    The method that creates and is responsible for the behavior of the chips.

    - -

    Returns

    -

    returns the generated HTMLElement chips item.

    -
    -
    -

    Parameters

    -
      -
    • -
      - data: - ICreateBreadCrumb -
      -
      -

      an object that contains settings and select elements.

      -
      -
      • -
    • -
      title: string
      -
      -

      the name of the selected element to draw chips.

      -
      -
      • -
    • -
      index: number
      -
      -

      index of the selected item to draw chips.

      -
      -
      • -
    • -
      id: string
      -
      -

      unique id of the selected element.

      -
      -
      • -
    -
    -

    - Returns HTMLLIElement -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/components_create_element_create_element.createInputSearch.html b/docs/functions/components_create_element_create_element.createInputSearch.html deleted file mode 100644 index c8c2a64..0000000 --- a/docs/functions/components_create_element_create_element.createInputSearch.html +++ /dev/null @@ -1,338 +0,0 @@ - - - - - - createInputSearch | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function createInputSearch

-
-
-
    - -
  • -
    -

    The method that creates a search for elements in the select.

    - -

    Returns

    -

    Returns the rendered input element.

    -
    -
    -

    Parameters

    -
      -
    • -
      random: string
      -
      -

      unique value for input element.

      -
      -
      • -
    • -
      lenguage: string
      -
      -

      text in specific language passed from language.ts file

      -
      -
      • -
    -
    -

    - Returns HTMLInputElement -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/components_create_element_create_element.createNativeSelect.html b/docs/functions/components_create_element_create_element.createNativeSelect.html deleted file mode 100644 index 340b746..0000000 --- a/docs/functions/components_create_element_create_element.createNativeSelect.html +++ /dev/null @@ -1,315 +0,0 @@ - - - - - - createNativeSelect | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function createNativeSelect

-
-
-
    - -
  • -
    -

    The method that creates the native select.

    - -

    Returns

    -

    Returns the created native select.

    -
    -

    - Returns HTMLSelectElement -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/components_create_element_create_element.createNativeSelectOption.html b/docs/functions/components_create_element_create_element.createNativeSelectOption.html deleted file mode 100644 index 46124b9..0000000 --- a/docs/functions/components_create_element_create_element.createNativeSelectOption.html +++ /dev/null @@ -1,316 +0,0 @@ - - - - - - createNativeSelectOption | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function createNativeSelectOption

-
-
-
    - -
  • -
    -

    The method that creates Options for the native select.

    - -

    Returns

    -

    Returns the generated Options of the native select.

    -
    -

    - Returns HTMLOptionElement -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/functions/components_theme_theme.changeTheme.html b/docs/functions/components_theme_theme.changeTheme.html deleted file mode 100644 index b571cfc..0000000 --- a/docs/functions/components_theme_theme.changeTheme.html +++ /dev/null @@ -1,288 +0,0 @@ - - - - - - changeTheme | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Function changeTheme

-
-
-
    - -
  • -
    -

    Parameters

    -
      -
    • -
      element: Element
      -
      • -
    • -
      theme: string
      -
      • -
    -
    -

    - Returns void -

    - -
    • -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/index.html b/docs/index.html deleted file mode 100644 index 5a8e523..0000000 --- a/docs/index.html +++ /dev/null @@ -1,368 +0,0 @@ - - - - - - cg-select - - - - - - - - - -
-
- - -
-
-
-
-
-

cg-select

-
-
- -

CG-SELECT

- - - -

version ~ 0.2.4

- -

- This component allows you to create a custom select. It offers more flexible - customization and use of select. Customization, multi-selection and live search by - elements are available. -

- - -

The ability to customize basic elements, such as:

- -
    -
  • Select button.
    • -
  • List with select elements.
    • -
  • Placeholder.
    • -
  • - In the multiselect mode, customization of chips (selected elements) is available. -
    • -
  • Label of the element (if it was specified).
    • -
  • Switch themes from dark to light.
    • -
- - -

Installation

- - 
npm i cg-select
-
- - -

Usage

- - - -

To create a component, you need:

- -
    -
  1. Create a regular button element.
    2. -
  2. Give it the cg-dropdown class.
    3. -
- 
<button class="cg-dropdown"></button>
-
-
    -
  1. Give it a unique class, e.g. (cg-dropdown_categories).
    2. -
- 
<button class="cg-dropdown cg-dropdown_categories"></button>
-
-
    -
  1. Create a new instance of the class (new CGSelect)
    2. -
  2. Pass all desired settings as an object
    3. -
- - -

- All options for creating and managing are in the documentation, section "CGSelect - class constructor". -

- - - -

An example of creating a regular select.

- - 
import CGSelect from 'cg-select';

const dropdown = new CGSelect({
  selector: '.cg-dropdown_selector',
  placeholder: 'Выберите авто',
  items: [
    'BMW',
    {
      id: '213sade',
      title: 'Opel',
      value: 1,
    },
    'Mersedes',
    'MAN',
    'Ferari',
  ],
});
-
- - -

Example of different selects

- -

- Same working example -- - https://cg-select.itguild.info/ -

-

- image - image - image - image -

-

- Built-in themes are also available: dark, white. To apply them, specify the theme - attribute in the select settings and pass one of the values ​​into it dark or white. -

-

- All documentation on CG-SELECT is located in the folder of the same name. The - documentation describes all methods and variables, there are also examples of passing - settings to select. You can also open it on the page with an example, or follow the link - below. -

- - -

Contributing

- -
    -
  1. Fork it!
    2. -
  2. Create your feature branch: git checkout -b my-new-feature
    3. -
  3. Commit your changes: git commit -am 'Add some feature'
    4. -
  4. Push to the branch: git push origin my-new-feature
    5. -
  5. Submit a pull request :D
    6. -
- - -

Compatibility

- - - - - - - - - - - - - - - - - - - - - - - - - - - -
Application CompatibilityJSReactAngularVue
CG-SELECT - image - - image - image - - image - - image -
CommentTested in Js applications and it worksуспешно. - Works only with a crutch in the form setTimeout() - not yet availablenot yet available
- - -

History

- -

16.12.2022 - release version 0.1.0!

-

20.01.2023 - upgrade to version 0.2.1

-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html b/docs/interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html deleted file mode 100644 index fe19669..0000000 --- a/docs/interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html +++ /dev/null @@ -1,539 +0,0 @@ - - - - - - ICreateBreadCrumb | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Interface ICreateBreadCrumb

-
-
-
-

Description

-

cSettings for creating chips.

-
-
-
-

Hierarchy

-
    -
  • ICreateBreadCrumb
    • -
-
- -
-
-
- - - -
-
-

Properties

-
- - - element - - - indexes - - - option - - - selectedItems -
-
-
-
-
-
-
-

Properties

-
- -

- element - - - -

-
- element: - null | Element -
-

A specific instance of a class.

- -
-
- -

- indexes - - - -

-
- indexes: - number[] -
-
-

Array of indexes of selected elements.

-
- -
-
- -

- option - - - -

-
- option: - ICgSelect -
-

Select settings.

- -
-
- -

- selectedItems - - - -

-
- selectedItems: - string[] -
-

Array with selected elements.

- -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/interfaces/components_utils_urils_interface.IDataItem.html b/docs/interfaces/components_utils_urils_interface.IDataItem.html deleted file mode 100644 index ff37a83..0000000 --- a/docs/interfaces/components_utils_urils_interface.IDataItem.html +++ /dev/null @@ -1,487 +0,0 @@ - - - - - - IDataItem | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Interface IDataItem

-
-
-
-

Description

-

Receive Item Settings.

-
-
-
-

Hierarchy

-
    -
  • IDataItem
    • -
-
- -
-
-
- - - -
-
-

Properties

-
- - - ItemValue - - - category? - - - categoryItems? -
-
-
-
-
-
-
-

Properties

-
- -

- ItemValue - - - -

-
- ItemValue: - string | number | IItems -
-

The value of the passed element.

- -
-
- -

- Optional category - - - -

-
- category?: - string -
-
-

Optional parameter. Item group category.

-
- -
-
- -

- Optional categoryItems - - - -

-
- categoryItems?: - IItems[] | string[] -
-
-

Optional parameter. Array with elements.

-
- -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/interfaces/components_utils_urils_interface.ISelectedItems.html b/docs/interfaces/components_utils_urils_interface.ISelectedItems.html deleted file mode 100644 index 0cc76e0..0000000 --- a/docs/interfaces/components_utils_urils_interface.ISelectedItems.html +++ /dev/null @@ -1,657 +0,0 @@ - - - - - - ISelectedItems | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Interface ISelectedItems

-
-
-
-

Description

-

Settings for select text, etc.

-
-
-
-

Hierarchy

-
    -
  • ISelectedItems
    • -
-
- -
-
-
- - - -
-
-

Properties

-
- - - indexes? - - - multiselectTag? - - - placeholder? - - - selected? - - - selectedItems? - - - theme? -
-
-
-
-
-
-
-

Properties

-
- -

- Optional indexes - - - -

-
- indexes?: - number[] -
-
-

Array of indexes of selected elements.

-
- -
-
- -

- Optional - multiselectTag - - - -

-
- multiselectTag?: - boolean -
-
-

- An optional parameter that is responsible for the behavior of the select, for him, - *** works only in a place with a multiselect connection. -

-
- -
-
- -

- Optional placeholder - - - -

-
- placeholder?: - string -
-
-

- Placeholder optional parameter to which the text of the select placeholder is - passed. -

-
- -
-
- -

- Optional selected - - - -

-
- selected?: - string -
-
-

- An optional parameter, which is passed the element that will be selected initially - in the select. -

-
- -
-
- -

- Optional selectedItems - - - -

-
- selectedItems?: - string[] -
-
-

Array of selected items from the list.

-
- -
-
- -

- Optional theme - - - -

-
- theme?: - string -
-
-

- An optional parameter that is responsible for enabling a light/dark theme by - default, the dark theme is set. -

-
- -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html b/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html deleted file mode 100644 index 2d817ba..0000000 --- a/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html +++ /dev/null @@ -1,1263 +0,0 @@ - - - - - - ICgSelect | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Interface ICgSelect

-
-
-
-

Description

-

Select settings.

-
-
-
-

Hierarchy

-
    -
  • ICgSelect
    • -
-
-
-

Implemented by

- -
- -
-
-
- - - -
-
-

Properties

-
- - - closeOnSelect? - - - event? - - - items? - - - lable? - - - language? - - - listDisplayMode? - - - multiselect? - - - multiselectTag? - - - nativeSelectMode? - - - placeholder? - - - searchMode? - - - selected? - - - selector? - - - styles? - - - theme? - - - url? -
-
-
-
-
-
-
-

Properties

-
- -

- Optional - closeOnSelect - - - -

-
- closeOnSelect?: - boolean -
-
-

- An optional parameter that is responsible for the behavior of the select when - opening, if closeOnSelect: false, then when an element is selected in the selector, - closing does not occur, and you can select another element by default, - closeOnSelect:true. -

-
- -
-
- -

- Optional event - - - -

-
- event?: - string -
-
-

- An optional parameter that is responsible for the behavior of the select, passing to - this parameter an event of the 'mouseenter' type, select will open on hover. -

-
- -
-
- -

- Optional items - - - -

-
- items?: - any -
-
-

- *Required parameter (if no other way to get data (url) is specified), this is an - array of elements, which will be displayed in the select when selected. -

-
- -
-
- -

- Optional lable - - - -

-
- lable?: - string -
-
-

An optional parameter that adds a lable before the select.

-
- -
-
- -

- Optional language - - - -

-
- language?: - string -
-
-

Optional parameter responsible for the localization of some text elements.

-
- -
-
- -

- Optional - listDisplayMode - - - -

-
- listDisplayMode?: - boolean -
-
-

- An optional parameter that is responsible for the behavior of the select when - opening. -

-
- -
-
- -

- Optional multiselect - - - -

-
- multiselect?: - boolean -
-
-

- An optional parameter, which is responsible for the behavior of the select, adds the - ability to select multiple elements. Selected elements are rendered as plain text, - separated by commas. -

-
- -
-
- -

- Optional - multiselectTag - - - -

-
- multiselectTag?: - boolean -
-
-

- An optional parameter that is responsible for the behavior of the select, for him, - *** works only in a place with a multiselect connection. -

-
- -
-
- -

- Optional - nativeSelectMode - - - -

-
- nativeSelectMode?: - boolean -
-
-

- An optional parameter that is responsible for the behavior of the select when opened - on mobile devices. -

-
- -
-
- -

- Optional placeholder - - - -

-
- placeholder?: - string -
-
-

- Placeholder optional parameter to which the text of the select placeholder is - passed. -

-
- -
-
- -

- Optional searchMode - - - -

-
- searchMode?: - boolean -
-
-

An optional parameter that adds a live search on the select elements.

-
- -
-
- -

- Optional selected - - - -

-
- selected?: - string -
-
-

- An optional parameter, which is passed the element that will be selected initially - in the select. -

-
- -
-
- -

- Optional selector - - - -

-
- selector?: - string -
-
-

- Unique selector - *mandatory parameter (indicator) that is set when creating a - select. -

-
- -
-
- -

- Optional styles - - - -

-
- styles?: - IStyle -
-
-

- An optional parameter that is responsible for customizing the select elements, - objects with CSS properties for customizable elements are passed to it. -

-
- -
-
- -

- Optional theme - - - -

-
- theme?: - string -
-
-

- An optional parameter responsible for switching between different themes, the - classic theme is set by default. -

-
- -
-
- -

- Optional url - - - -

-
- url?: - string -
-
-

- Required parameter (if no other way to get data (items) is specified), data that - comes from the backend in the format { id: "", title: "", value: - ""}. -

-
- -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/interfaces/interfaces_cg_select_interface.IStyle.html b/docs/interfaces/interfaces_cg_select_interface.IStyle.html deleted file mode 100644 index a840b3d..0000000 --- a/docs/interfaces/interfaces_cg_select_interface.IStyle.html +++ /dev/null @@ -1,674 +0,0 @@ - - - - - - IStyle | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Interface IStyle

-
-
-
-

Description

-

Style Settings.

-
-
-
-

Hierarchy

-
    -
  • IStyle
    • -
-
- -
-
-
- - - -
-
-

Properties

-
- - - caret? - - - chips? - - - head? - - - lable? - - - list? - - - placeholder? - - - search? -
-
-
-
-
-
-
-

Properties

-
- -

- Optional caret - - - -

-
- caret?: - object -
-

Carriage customization.

- -
-
- -

- Optional chips - - - -

-
- chips?: - object -
-
-

Chips customization with selected elements.

-
- -
-
- -

- Optional head - - - -

-
- head?: - object -
-

Select button customization.

- -
-
- -

- Optional lable - - - -

-
- lable?: - object -
-

Lable select customization.

- -
-
- -

- Optional list - - - -

-
- list?: - object -
-
-

Sheet customization with a selection of elements.

-
- -
-
- -

- Optional placeholder - - - -

-
- placeholder?: - object -
-

Customization placeholder.

- -
-
- -

- Optional search - - - -

-
- search?: - object -
-

Search customization.

- -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/interfaces/interfaces_items_interface.IItems.html b/docs/interfaces/interfaces_items_interface.IItems.html deleted file mode 100644 index 170f152..0000000 --- a/docs/interfaces/interfaces_items_interface.IItems.html +++ /dev/null @@ -1,464 +0,0 @@ - - - - - - IItems | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Interface IItems

-
-
-
-

Description

-

Element structure.

-
-
-
-

Hierarchy

-
    -
  • IItems
    • -
-
- -
-
-
- - - -
-
-

Properties

-
- - - id - - - title - - - value -
-
-
-
-
-
-
-

Properties

-
- -

- id - - - -

-
- id: - string -
-

Unique item ID.

- -
-
- -

- title - - - -

-
- title: - string -
-

Element text value.

- -
-
- -

- value - - - -

-
- value: - string | number -
-
-

Sequence number, or other information.

-
- -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/interfaces/interfaces_language_interface.ILanguage.html b/docs/interfaces/interfaces_language_interface.ILanguage.html deleted file mode 100644 index df415a2..0000000 --- a/docs/interfaces/interfaces_language_interface.ILanguage.html +++ /dev/null @@ -1,468 +0,0 @@ - - - - - - ILanguage | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Interface ILanguage

-
-
-
-

Description

-

Settings for adding languages.

-
-
-
-

Hierarchy

-
    -
  • ILanguage
    • -
-
- -
-
-
- - - -
-
-

Properties

-
- - - placeholder - - - selectPlaceholder - - - textInListSearch -
-
-
-
-
-
-
-

Properties

-
- -

- placeholder - - - -

-
- placeholder: - string -
-

Search text.

- -
-
- -

- selectPlaceholder - - - -

-
- selectPlaceholder: - string -
-
-

Default Select Text if no placeholder or selected element is specified.

-
- -
-
- -

- textInListSearch - - - -

-
- textInListSearch: - string -
-

Text if no match.

- -
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/modules.html b/docs/modules.html deleted file mode 100644 index 10a0f16..0000000 --- a/docs/modules.html +++ /dev/null @@ -1,305 +0,0 @@ - - - - - - cg-select - - - - - - - - -
-
- - -
-
-
-
-
-

Modules in CG-Select

-
-
-
-
-

Main

-
- - - CG-Select - - - - cg-select.interface - - - items.interface -
-

Utils

-
- - - Utils - - - utils.interface -
- -

Create-element

-
- - - create-element - - - create-element.interface -
- -

Language

-
- - - language - - - language.interface -
- -

Change-Theme

-
- - - theme -
-
-
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/modules/Utils.html b/docs/modules/Utils.html deleted file mode 100644 index c44c836..0000000 --- a/docs/modules/Utils.html +++ /dev/null @@ -1,389 +0,0 @@ - - - - - - Utils | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Module Utils

-
-
-

Utils module

-
- -
-
-
-
-
-

Index

-
-

Functions

-
- - - checkItemStruct - - - clearSelect - - - createSelected - - - customStyles - - - customStylesFormat - - - getFormatItem - - - getSelectText - - - nativeOptionMultiple - - - nativeOptionOrdinary -
-
-
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/modules/cg_select.html b/docs/modules/cg_select.html deleted file mode 100644 index 48de942..0000000 --- a/docs/modules/cg_select.html +++ /dev/null @@ -1,255 +0,0 @@ - - - - - - cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Module cg-select

-
- -
-
-
-
-
-

Index

-
-

Classes

-
- - - CGSelect -
-
-
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/modules/components_create_element_create_element.html b/docs/modules/components_create_element_create_element.html deleted file mode 100644 index e8db816..0000000 --- a/docs/modules/components_create_element_create_element.html +++ /dev/null @@ -1,314 +0,0 @@ - - - - - - components/create-element/create-element | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Module components/create-element

-
- -
-
-
-
-
-

Index

-
-

Functions

-
- - - createBreadCrumb - - - createInputSearch - - - createNativeSelect - - - createNativeSelectOption -
-
-
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/modules/components_create_element_create_element_interface.html b/docs/modules/components_create_element_create_element_interface.html deleted file mode 100644 index 5b3d58b..0000000 --- a/docs/modules/components_create_element_create_element_interface.html +++ /dev/null @@ -1,262 +0,0 @@ - - - - - - components/create-element/create-element.interface | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Module components/create-element.interface

-
- -
-
-
-
-
-

Index

-
-

Interfaces

-
- - - ICreateBreadCrumb -
-
-
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/modules/components_theme_theme.html b/docs/modules/components_theme_theme.html deleted file mode 100644 index a520415..0000000 --- a/docs/modules/components_theme_theme.html +++ /dev/null @@ -1,256 +0,0 @@ - - - - - - components/theme/theme | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Module components/Theme

-
- -
-
-
-
-
-

Index

-
-

Functions

-
- - - changeTheme -
-
-
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/modules/components_utils_urils_interface.html b/docs/modules/components_utils_urils_interface.html deleted file mode 100644 index 7203431..0000000 --- a/docs/modules/components_utils_urils_interface.html +++ /dev/null @@ -1,280 +0,0 @@ - - - - - - components/utils/urils.interface | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Module components/urils.interface

-
- -
-
-
-
-
-

Index

-
-

Interfaces

-
- - - IDataItem - - - ISelectedItems -
-
-
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/modules/interfaces_cg_select_interface.html b/docs/modules/interfaces_cg_select_interface.html deleted file mode 100644 index 6e0214e..0000000 --- a/docs/modules/interfaces_cg_select_interface.html +++ /dev/null @@ -1,280 +0,0 @@ - - - - - - interfaces/cg-select.interface | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Module interfaces/Cg-select.interface

-
- -
-
-
-
-
-

Index

-
-

Interfaces

-
- - - ICgSelect - - - IStyle -
-
-
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/modules/interfaces_items_interface.html b/docs/modules/interfaces_items_interface.html deleted file mode 100644 index 7ba36f8..0000000 --- a/docs/modules/interfaces_items_interface.html +++ /dev/null @@ -1,256 +0,0 @@ - - - - - - interfaces/items.interface | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Module interfaces/Items.interface

-
- -
-
-
-
-
-

Index

-
-

Interfaces

-
- - - IItems -
-
-
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/modules/interfaces_language_interface.html b/docs/modules/interfaces_language_interface.html deleted file mode 100644 index b07485b..0000000 --- a/docs/modules/interfaces_language_interface.html +++ /dev/null @@ -1,258 +0,0 @@ - - - - - - interfaces/language.interface | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Module interfaces/Language.interface

-
- -
-
-
-
-
-

Index

-
-

Interfaces

-
- - - ILanguage -
-
-
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/modules/language_language.html b/docs/modules/language_language.html deleted file mode 100644 index 4bf7906..0000000 --- a/docs/modules/language_language.html +++ /dev/null @@ -1,271 +0,0 @@ - - - - - - language/language | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Module language/Language

-
- -
-
-
-
-
-

Index

-
-

Variables

-
- - - en - - - ru -
-
-
-
-
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/variables/language_language.en.html b/docs/variables/language_language.en.html deleted file mode 100644 index e9bce1c..0000000 --- a/docs/variables/language_language.en.html +++ /dev/null @@ -1,252 +0,0 @@ - - - - - - en | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Variable enConst

-
-
- en: - ILanguage = ... -
- -
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/docs/variables/language_language.ru.html b/docs/variables/language_language.ru.html deleted file mode 100644 index 3ff9da4..0000000 --- a/docs/variables/language_language.ru.html +++ /dev/null @@ -1,252 +0,0 @@ - - - - - - ru | cg-select - - - - - - - - -
-
- - -
-
-
-
-
- -

Variable ruConst

-
-
- ru: - ILanguage = ... -
- -
-
-
-
- -

- - - - Settings -

- -
-
-

Member Visibility

-
-
    -
  • - -
    • -
-
-
-
-

Theme

- -
-
-
-
- - -
-
-
-

Generated using TypeDoc

-
-
- - - diff --git a/example/example.scss b/example/example.scss deleted file mode 100644 index a4e07c5..0000000 --- a/example/example.scss +++ /dev/null @@ -1,270 +0,0 @@ -@import '/src/main.scss'; -@import './src/constructor/constructor.scss'; - -* { - font-size: 14px; - font-family: Arial, Helvetica, sans-serif; - text-align: justify; -} - -.testClass { - background-color: #8297ff; - color: white; -} - -.listTest { - background-color: #8297ff; - border: 1px solid black; - color: white; -} - -.body-example { - background: #000000c4; -} - -.container { - margin: 0 auto; - width: 900px; - - display: -webkit-box; - display: -ms-flexbox; - display: flex; - - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.header { - position: relative; - width: 100%; - border-radius: 5px; - display: flex; - align-items: center; - flex-direction: column; - background-color: #2a2f3b; - margin-bottom: 8px; - - h1 { - font-size: 57px; - color: white; - font-family: 'Times New Roman', Times, serif; - margin: 40px 0 12px 0; - } - - &__logoBox { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; - } - - &__logo { - width: 13%; - height: 16%; - border: 1px solid #525252; - border-radius: 50%; - - margin: 22px 0 0 29px; - } - - .navlist { - display: flex; - justify-content: space-around; - margin: 15px 0 30px 0; - padding: 0; - width: 230px; - - li { - display: inline; - list-style: none; - text-decoration: none; - - a { - color: white; - text-decoration: none; - - &:hover { - text-decoration: underline; - } - } - } - } -} - -.content { - margin-top: 15px; - border-radius: 5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - -ms-border-radius: 5px; - -o-border-radius: 5px; -} - -.example-select { - width: 100%; - background-color: #5c5c5c; - border-radius: 5px; - margin: 15px 0 0 0; - - &_title { - height: 45px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - color: white; - padding: 20px 0 0 40px; - margin: 0 0 30px 0; - background-color: #2a2f3b; - font-size: 20px; - } - - &_submit { - text-align: center; - width: 200px; - height: 35px; - border-radius: 10px; - border: none; - margin-top: 20px; - margin: 20px 15px; - cursor: pointer; - transition: 1s; - -webkit-transition: 1s; - -moz-transition: 1s; - -ms-transition: 1s; - -o-transition: 1s; - - &:hover { - background-color: #d7d7d7; - transition: 1s; - -webkit-transition: 1s; - -moz-transition: 1s; - -ms-transition: 1s; - -o-transition: 1s; - } - } - - .layout-select { - margin: 15px; - } -} - -.row { - display: flex; - justify-content: space-around; -} - -.description-theme { - color: white; - - .col { - width: 54%; - } - - img { - border-radius: 15px; - } - - .createTheme { - display: flex; - flex-direction: column; - } - - h5 { - font-size: 18px; - margin: 0; - } - h6 { - font-size: 17px; - margin: 0; - } - p { - font-size: 16px; - } -} - -code { - display: none; -} - -pre { - background: #1e1e1e; - margin: 15px; - padding: 15px; - color: #88d0f7; - border-radius: 15px; - font-size: 16px; - line-height: 20px; -} - -.code { - &__class, - &__var, - &__string, - &__keyword { - font-size: 16px; - line-height: 20px; - } - &__class { - color: #4ec9b0; - } - - &__var { - color: #34a7ff; - } - - &__string { - color: #ce9178; - } - - &__keyword { - color: #5090ca; - } -} - -.check-code { - text-align: center; - width: 200px; - height: 35px; - cursor: pointer; - border: none; - border-radius: 10px; - margin: 20px 15px; - transition: all 1s; -} - -.active { - display: block; -} - -@media (max-width: 576px) { - .container { - width: 95%; - } - - .header { - margin-top: 15px; - h1 { - font-size: 32px; - } - } - - .example-select_title { - font-size: 14px; - height: 40px; - } -} - -.version { - position: absolute; - color: white; - font-size: 10px; - right: 20px; - bottom: 0px; -} diff --git a/example/index.html b/example/index.html deleted file mode 100644 index 8863a25..0000000 --- a/example/index.html +++ /dev/null @@ -1,530 +0,0 @@ - - - - - - - - - - - - - Cg-Select - - - - -
-
-
-

CG-SELECT

- -
-
- -

v. 0.2.4

-
-
- -
-
-

Default select

-
-
- -
- - - - - - 
-              const dropdown = new CGSelect({
-                selector: '.cg-dropdown_one', 
-                placeholder: 'Choose a car', 
-                lable: 'EXAMPLE', 
-                items: [
-                  'BMW',
-                  {
-                    id: '213sade',
-                    title: 'Opel',
-                    value: 1,
-                  },
-                  'Mersedes', 
-                  'MAN',  
-                  'Ferari', 
-                ],
-                styles: {
-                  head: {
-                    width: '830px', 
-                  },
-                  list: {
-                    width: '824px', 
-                  },
-                },
-              });
-
- -
-
- -
-

Default select with function nativeSelectMode

- -
-

- *Native select appears on mobile resolution. -

-
- -
- - - - 
-              const dropdown = new CGSelect({
-                selector: '.cg-dropdown_one', 
-                placeholder: 'Choose a car', 
-                nativeSelectMode: true,
-                items: [
-                  'BMW',
-                  {
-                    id: '213sade',
-                    title: 'Opel',
-                    value: 1,
-                  },
-                  'Mersedes', 
-                  'MAN',  
-                  'Ferari', 
-                ],
-                styles: {
-                  head: {
-                    width: '830px', 
-                  },
-                  list: {
-                    width: '824px', 
-                  },
-                },
-              });
-
- -
-
- -
-

Default select with function listDisplayMode

- -
-

- *When using this method, the selection sheet appears as a modal window. -

-
- -
- - - - - 
-              const dropdown = new CGSelect({
-                selector: '.cg-dropdown_listDisplayMode', 
-                placeholder: 'Choose a car', 
-                listDisplayMode: true,
-                items: [
-                  'BMW',
-                  {
-                    id: '213sade',
-                    title: 'Opel',
-                    value: 1,
-                  },
-                  'Mersedes', 
-                  'MAN',  
-                  'Ferari', 
-                ],
-                styles: {
-                  head: {
-                    width: '830px', 
-                  },
-                  list: {
-                    width: '824px', 
-                  },
-                },
-              });
-
- -
-
- -
-

Select with data from URL

-
- -
- - - - 
-            const dropdown = new CGSelect({
-              selector: '.cg-dropdown_three', 
-              placeholder: 'URL', 
-              url: 'https://jsonplaceholder.typicode.com/users',            
-              searchMode: true,
-              darkTheme: false,
-              language: 'ru',
-              styles: {
-                head: {
-                  width: '830px', 
-                },
-                list: {
-                  width: '824px', 
-                },
-              },
-            });
-
- -
- -
-

Setting up and adding a theme

- -
-
-
-
Default theme:
-

- To change the theme of the select, you need to specify this parameter in the select - settings. The default theme is the classic theme, you can choose a white or dark - theme. -

- - 
-                  const dropdown = new CGSelect({
-                    selector: '.cg-dropdown_one', 
-                    placeholder: 'Choose a car', 
-                    lable: 'EXAMPLE', 
-                    items: [
-                      ...
-                    ],
-                    theme:  'dark / white'
-                  });
-
- -
- -
-
Create custom theme:
-
-

- To create your own theme, you need to create an object with the following fields. - In these fields you need to insert the previously created css class. After - creating the object, just pass it to the select settings. -

- - 
-            interface CustomTheme {
-              name: 'string', 
-              styles: {
-                head?:  'string', 
-                list?: 'testClass', ,
-                placeholder?: 'string', ,
-                caret?: 'string', ,
-                search?: 'string', ,
-                chips?: 'string', ,
-                lable?: 'string', ,
-              },
-            });
-
- -
-
-
- -
Example:
- -
-
For JS
-
For TS
-
- -
- - 
-        const newTheme = {
-          name: 'test', 
-          styles: {
-            head:  'headTestClass', 
-            list: 'listTestClass', ,
-            placeholder: 'placeholderTestClass', ,
-            caret: 'caretTestClass', ,
-            search: 'searchTestClass', ,
-            chips: 'chipsTestClass', ,
-            lable: 'lableTestClass', ,
-          },
-        });
-
- - - - 
-        const newCustomTheme: CustomTheme  = {
-          name: 'test', 
-          styles: {
-            head:  'headTestClass', 
-            list: 'listTestClass', ,
-            placeholder: 'placeholderTestClass', ,
-            caret: 'caretTestClass', ,
-            search: 'searchTestClass', ,
-            chips: 'chipsTestClass', ,
-            lable: 'lableTestClass', ,
-          },
-        });
-
- -
-
CSS
- - 
-              .headTestClass {
-                background-color: #8297ff;
-                color: white;
-              }
-
-              .listTestClass {
-                background-color: #8297ff;
-                border: 1px solid black;
-                color: white;
-              }
-
- - -
Example custom theme in CG-Select
-

- See an example of a select on - codesandbox.io -

-
- -
-
-
- -
-

Select constructor

-
-
-
Select Style Builder:
-

- This is a constructor for styling a select online without downloading. For it to work, - you need to: -

    -
  1. Select a part of the select for customization.
    2. -
  2. Enter styles in the text field in the form "color: red;".
    3. -
  3. Click on the render button.
    4. -
-

-
-
-
- - - -
- -
- -
-
- -
-
- -
-

Categories

- -
- -
- - - - 
-            const dropdown = new CGSelect({
-              selector: '.cg-dropdown_categories', 
-              placeholder: 'Выберите регион', 
-              searchMode: true,
-              items: [
-                {
-                  category: 'Russia',
-                  categoryItems: [
-                    {
-                      id: '28qwds',
-                      title: 'Москва',
-                      value: 0,
-                    },
-                    'Ростов-на-дону',
-                    'Саратов',
-                    'Волгоград',
-                    'Донецк',
-                  ],
-                },
-                {
-                  category: 'USA',
-                  categoryItems: [
-                    'Alabama', 
-                    'Texas', 
-                    'Colorado', 
-                    'Klirens', 
-                    'Los-Angeles'],
-                },
-                {
-                  category: 'France',
-                  categoryItems: ['Paris'],
-                },
-              ],
-              styles: {
-                head: {
-                  width: '830px', 
-                },
-                list: {
-                  width: '824px', 
-                },
-                placeholder: {
-                  maxWidth: '500px ',
-                },
-              },
-              multiselect: true,
-              multiselectTag: true,
-            });
-
- -
- -
-

Button control

-
- - -
- -
- -
- - - - - 
-            const dropdown = new CGSelect({
-              selector: '.cg-dropdown_usedBtn', 
-              placeholder: 'Choose a car', 
-              searchMode: true,
-              items: [
-                  'BMW',
-                  {
-                    id: '213sade',
-                    title: 'Opel',
-                    value: 1,
-                  },
-                  'Mersedes', 
-                  'MAN',  
-                  'max', 
-              ],
-              styles: {
-                head: {
-                  width:  '830px',
-                  color:  'black',
-                  backgroundColor:  'rgb(176 223 167)',
-                },
-                list: {
-                  width:  '824px',
-                  color:  'black',
-                  backgroundColor:  'rgb(176 223 167)',
-                },
-                caret: {
-                  borderTop:  '6px solid black',
-                },
-                search: {
-                  backgroundColor:  '#d7ffff',
-                  borderRadius:  '5px',
-                  borderBottom:  'none',
-                  width:  '95%',
-                  color:  'black',
-                },
-              },
-              multiselect: true,
-            });
-
- -
- -
-

Function disabled

- - - - -
- -
- - - - 
-            const dropdown = new CGSelect({
-              selector: '.cg-dropdown_checkboxDisable', 
-              placeholder: 'Choose a car', 
-              searchMode: true,
-              items: [
-                'BMW',
-                {
-                  id: '213sade',
-                  title: 'Opel',
-                  value: 1,
-                },
-                'Mersedes', 
-                'MAN',  
-                'Ferari', 
-              ],
-              styles: {
-                head: {
-                  width: '830px', 
-                },
-                list: {
-                  width: '824px', 
-                },
-                placeholder: {
-                  maxWidth: '500px ',
-                },
-              },
-              multiselect: true,
-            });
-
- -
-
- - - diff --git a/example/index.js b/example/index.js deleted file mode 100644 index 7ace743..0000000 --- a/example/index.js +++ /dev/null @@ -1,265 +0,0 @@ -import { CGSelect } from '../src/cg-select'; -import { newCustomTheme } from './src/themeTest'; - -import './src/example'; -import './src/constructor/constructor'; - -// ------------------------------Обычный селект-------------------- -const dropdown = new CGSelect({ - selector: '.cg-dropdown_one', - placeholder: 'Choose a car', - label: 'EXAMPLE', - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'Ferari', - ], - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - }, -}); - -// dropdown.on('clear', function (e) { -// console.log(`this state: ${e}`); -// }); - -const droptheme = new CGSelect({ - selector: '.cg-dropdown_theme', - placeholder: 'Choose a car', - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'Ferari', - ], - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - }, - theme: newCustomTheme, -}); -// ------------------------------NativeSelect----------------------- -const dropdownNativeSelect = new CGSelect({ - selector: '.cg-dropdown_selectNative', - placeholder: 'Choose a car', - nativeSelectMode: true, - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'Ferari', - 'Kamaz', - 'Ural', - ], - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - }, - theme: 'dark', -}); - -// ------------------------------listDisplayMode-------------------- -const dropdownlistDisplayMode = new CGSelect({ - selector: '.cg-dropdown_listDisplayMode', - placeholder: 'Choose a car', - listDisplayMode: true, - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'Ferari', - ], - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - }, -}); - -// --------------------------------Категории-------------------------- -const dropdown4 = new CGSelect({ - selector: '.cg-dropdown_categories', - placeholder: 'Choose region', - searchMode: true, - items: [ - { - category: 'Russia', - categoryItems: [ - { - id: '28qwds', - title: 'Москва', - value: 0, - }, - , - 'Ростов-на-дону', - 'Саратов', - 'Волгоград', - 'Донецк', - ], - }, - { - category: 'USA', - categoryItems: ['Alabama', 'Texas', 'Colorado', 'Klirens', 'Los-Angeles'], - }, - { - category: 'France', - categoryItems: ['Paris'], - }, - ], - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - placeholder: { - maxWidth: '500px ', - }, - }, - multiselect: true, - multiselectTag: true, -}); - -//----------------управление с помощью кнопок---------------------------------- -const dropdownBtn = new CGSelect({ - selector: '.cg-dropdown_usedBtn', - placeholder: 'Choose a car', - searchMode: true, - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'max', - ], - styles: { - head: { - width: '830px', - color: 'black', - backgroundColor: 'rgb(176 223 167)', - }, - list: { - width: '824px', - color: 'black', - backgroundColor: 'rgb(176 223 167)', - }, - caret: { - borderTop: '6px solid black', - }, - search: { - backgroundColor: '#d7ffff', - borderRadius: '5px', - borderBottom: 'none', - width: '95%', - color: 'black', - }, - }, - multiselect: true, -}); - -const buttonOpen = document.querySelector('.button__open'); -const buttonClose = document.querySelector('.button__close'); - -dropdownBtn.buttonControl(buttonOpen, 'open'); -dropdownBtn.buttonControl(buttonClose, 'close'); - -//-------------------------Функция Disabled---------------------------------- -const dropdownDisabled = new CGSelect({ - selector: '.cg-dropdown_checkboxDisable', - placeholder: 'Choose a car', - searchMode: true, - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'max', - ], - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - placeholder: { - maxWidth: '500px ', - }, - }, - multiselect: true, -}); -dropdownDisabled.disabled(true); -let chbox = document.getElementById('checkboxDisable'); - -chbox.addEventListener('click', () => { - if (chbox.checked == true) { - dropdownDisabled.disabled(false); - } else { - dropdownDisabled.disabled(true); - } -}); - -// ------------------------------URL-------------------- -const dropdown3 = new CGSelect({ - selector: '.cg-dropdown_three', - placeholder: 'URL', - url: 'https://jsonplaceholder.typicode.com/todos', - searchMode: true, - darkTheme: false, - language: 'ru', - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - }, - multiselect: true, -}); diff --git a/example/src/constructor/constructor.js b/example/src/constructor/constructor.js deleted file mode 100644 index 4df819e..0000000 --- a/example/src/constructor/constructor.js +++ /dev/null @@ -1,83 +0,0 @@ -import { CGSelect } from '../../../src/cg-select'; - -const body = new CGSelect({ - selector: '.body', - placeholder: 'Select element to style', - items: ['head', 'list', 'placeholder', 'caret', 'search'], -}); - -let head = ''; -let list = ''; -let placeholder = ''; -let caret = ''; -let valueSelect = ''; - -const textarea = document.querySelector('#styles'); -const renderBtn = document.querySelector('.render'); - -body.on('select', (e, value) => { - valueSelect = value; - textarea.value = ''; - textarea.removeAttribute('disabled'); - getValueSelect(valueSelect); -}); - -function getValueSelect(value) { - textarea.onkeyup = function () { - switch (value) { - case 'head': - // ввод стилей - head = textarea.value; - break; - case 'list': - list = textarea.value; - break; - case 'placeholder': - placeholder = textarea.value; - break; - case 'caret': - caret = textarea.value; - break; - case 'search': - search = textarea.value; - break; - - default: - break; - } - }; -} - -renderBtn.addEventListener('click', () => { - const select = new CGSelect({ - selector: '.select', - placeholder: 'Choose a car', - label: 'Exemple select', - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'Ferari', - ], - searchMode: true, - multiselect: true, - multiselectTag: true, - }); - - const drop = document.querySelector('.select'); - let headSelect = drop.querySelector('.cg-select'); - let listSelect = drop.querySelector('.list'); - let placeholderSelect = drop.querySelector('.selected'); - let caretSelect = drop.querySelector('.caret'); - let searchSelect = drop.querySelector('.inputSearch'); - headSelect.setAttribute('style', head); - listSelect.setAttribute('style', list); - placeholderSelect.setAttribute('style', placeholder); - caretSelect.setAttribute('style', caret); - searchSelect.setAttribute('style', search); -}); diff --git a/example/src/constructor/constructor.scss b/example/src/constructor/constructor.scss deleted file mode 100644 index 0739c16..0000000 --- a/example/src/constructor/constructor.scss +++ /dev/null @@ -1,16 +0,0 @@ -.textareaStyle { - resize: none; - border-radius: 5px; - margin: 15px; -} - -.constructor { - display: flex; - align-items: center; - flex-direction: column; -} - -.liList { - margin-bottom: 5px; - font-size: 17px; -} diff --git a/example/src/example.js b/example/src/example.js deleted file mode 100644 index 2238b38..0000000 --- a/example/src/example.js +++ /dev/null @@ -1,48 +0,0 @@ -const firstBtn = document.getElementById('first'); -const codeFirst = document.getElementById('codeFirst'); - -const secondBtn = document.getElementById('second'); -const codeSecond = document.getElementById('codeSecond'); - -const thirdBtn = document.getElementById('third'); -const codeThird = document.getElementById('codeThird'); - -const fourthBtn = document.getElementById('fourth'); -const codeFourth = document.getElementById('codeFourth'); - -const fifthBtn = document.getElementById('fifth'); -const codeFifth = document.getElementById('codeFifth'); - -const six = document.getElementById('six'); -const codeSix = document.getElementById('codeSix'); - -const Native = document.getElementById('Native'); -const codeNative = document.getElementById('codeNative'); - -firstBtn.addEventListener('click', () => { - codeFirst.classList.toggle('active'); -}); - -secondBtn.addEventListener('click', () => { - codeSecond.classList.toggle('active'); -}); - -thirdBtn.addEventListener('click', () => { - codeThird.classList.toggle('active'); -}); - -fourthBtn.addEventListener('click', () => { - codeFourth.classList.toggle('active'); -}); - -fifthBtn.addEventListener('click', () => { - codeFifth.classList.toggle('active'); -}); - -six.addEventListener('click', () => { - codeSix.classList.toggle('active'); -}); - -Native.addEventListener('click', () => { - codeNative.classList.toggle('active'); -}); diff --git a/example/src/themeTest.ts b/example/src/themeTest.ts deleted file mode 100644 index ae66df1..0000000 --- a/example/src/themeTest.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { CustomTheme } from 'components/theme/theme.interface'; - -export const newCustomTheme: CustomTheme = { - name: 'test', - styles: { - head: 'testClass', - list: 'listTest', - }, -}; diff --git a/package.json b/package.json index d7e3434..ff44b8f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,8 @@ { "name": "cg-select", - "version": "0.2.4", + "version": "0.2.5", + "source": "index.js", + "main": "dist/index.js", "description": "Feature rich Select control for React/JS with multiselect, autocomplete and styling", "author": { "name": "CraftGroup", @@ -8,8 +10,8 @@ }, "homepage": "https://cg-select.itguild.info", "scripts": { - "start": "parcel example/index.html -p 4500 --open ", - "build": "parcel build example/index.js --no-cache", + "watch": "parcel watch", + "build": "parcel build", "deploy": "gh-pages -d dist", "predeploy": "npm run build" },