MCPcopy Index your code
hub / github.com/plotly/dash / I

Function I

dash/dcc/async-dropdown.js:1–1  ·  view source on GitHub ↗
(n,e)

Source from the content-addressed store, hash-verified

1(self.webpackChunkdash_core_components=self.webpackChunkdash_core_components||[]).push([[157],{9981:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return V}});var r=t(1647),o=t(4376),a=t(6811),i=t(8379),s=t(1609),l=t.n(s),c=function(){function n(){}return n.prototype.expandToken=function(n){for(var e,t=[],r=0,o=n.length;r<o;++r){e="";for(var a=r;a<o;++a)e+=n.charAt(a),t.push(e)}return t},n}(),d=function(){function n(){}return n.prototype.expandToken=function(n){for(var e=[],t="",r=0,o=n.length;r<o;++r)t+=n.charAt(r),e.push(t);return e},n}(),u=function(){function n(){}return n.prototype.sanitize=function(n){return n?n.toLocaleLowerCase().trim():""},n}();function A(n,e){e=e||[];for(var t=n=n||{},r=0;r<e.length;r++)if(null==(t=t[e[r]]))return null;return t}var h=function(){function n(n){this._uidFieldName=n,this._tokenToIdfCache={},this._tokenMap={}}var e=n.prototype;return e.indexDocument=function(n,e,t){this._tokenToIdfCache={};var r,o=this._tokenMap;"object"!=typeof o[n]?o[n]=r={$numDocumentOccurrences:0,$totalNumOccurrences:1,$uidMap:{}}:(r=o[n]).$totalNumOccurrences++;var a=r.$uidMap;"object"!=typeof a[e]?(r.$numDocumentOccurrences++,a[e]={$document:t,$numTokenOccurrences:1}):a[e].$numTokenOccurrences++},e.search=function(n,e){for(var t={},r=0,o=n.length;r<o;r++){var a,i=n[r],s=this._tokenMap[i];if(!s)return[];if(0===r)for(var l=0,c=(a=Object.keys(s.$uidMap)).length;l<c;l++)t[d=a[l]]=s.$uidMap[d].$document;else for(l=0,c=(a=Object.keys(t)).length;l<c;l++){var d=a[l];"object"!=typeof s.$uidMap[d]&&delete t[d]}}var u=[];for(var d in t)u.push(t[d]);var A=this._createCalculateTfIdf();return u.sort(function(t,r){return A(n,r,e)-A(n,t,e)})},e._createCalculateIdf=function(){var n=this._tokenMap,e=this._tokenToIdfCache;return function(t,r){if(!e[t]){var o=void 0!==n[t]?n[t].$numDocumentOccurrences:0;e[t]=1+Math.log(r.length/(1+o))}return e[t]}},e._createCalculateTfIdf=function(){var n=this._tokenMap,e=this._uidFieldName,t=this._createCalculateIdf();return function(r,o,a){for(var i=0,s=0,l=r.length;s<l;++s){var c,d=r[s],u=t(d,a);u===1/0&&(u=0),c=e instanceof Array?o&&A(o,e):o&&o[e],i+=(void 0!==n[d]&&void 0!==n[d].$uidMap[c]?n[d].$uidMap[c].$numTokenOccurrences:0)*u}return i}},n}(),p=function(){function n(){this._tokenToUidToDocumentMap={}}var e=n.prototype;return e.indexDocument=function(n,e,t){"object"!=typeof this._tokenToUidToDocumentMap[n]&&(this._tokenToUidToDocumentMap[n]={}),this._tokenToUidToDocumentMap[n][e]=t},e.search=function(n,e){for(var t={},r=this._tokenToUidToDocumentMap,o=0,a=n.length;o<a;o++){var i=r[n[o]];if(!i)return[];if(0===o)for(var s=0,l=(c=Object.keys(i)).length;s<l;s++)t[u=c[s]]=i[u];else for(s=0,l=(c=Object.keys(t)).length;s<l;s++)"object"!=typeof i[u=c[s]]&&delete t[u]}var c,d=[];for(o=0,l=(c=Object.keys(t)).length;o<l;o++){var u=c[o];d.push(t[u])}return d},n}(),f=/[^a-zа-яё0-9\-']+/i,v=function(){function n(){}return n.prototype.tokenize=function(n){return n.split(f).filter(function(n){return n})},n}();function g(n,e){for(var t=0;t<e.length;t++){var r=e[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,r.key,r)}}var C=function(){function n(n){if(!n)throw Error("js-search requires a uid field name constructor parameter");this._uidFieldName=n,this._indexStrategy=new d,this._searchIndex=new h(n),this._sanitizer=new u,this._tokenizer=new v,this._documents=[],this._searchableFields=[]}var e,t,r=n.prototype;return r.addDocument=function(n){this.addDocuments([n])},r.addDocuments=function(n){this._documents=this._documents.concat(n),this.indexDocuments_(n,this._searchableFields)},r.addIndex=function(n){this._searchableFields.push(n),this.indexDocuments_(this._documents,[n])},r.search=function(n){var e=this._tokenizer.tokenize(this._sanitizer.sanitize(n));return this._searchIndex.search(e,this._documents)},r.indexDocuments_=function(n,e){this._initialized=!0;for(var t=this._indexStrategy,r=this._sanitizer,o=this._searchIndex,a=this._tokenizer,i=this._uidFieldName,s=0,l=n.length;s<l;s++){var c,d=n[s];c=i instanceof Array?A(d,i):d[i];for(var u=0,h=e.length;u<h;u++){var p,f=e[u];if(null!=(p=f instanceof Array?A(d,f):d[f])&&"string"!=typeof p&&p.toString&&(p=p.toString()),"string"==typeof p)for(var v=a.tokenize(r.sanitize(p)),g=0,C=v.length;g<C;g++)for(var m=v[g],I=t.expandToken(m),w=0,b=I.length;w<b;w++){var y=I[w];o.indexDocument(y,c,d)}}}},e=n,(t=[{key:"indexStrategy",set:function(n){if(this._initialized)throw Error("IIndexStrategy cannot be set after initialization");this._indexStrategy=n},get:function(){return this._indexStrategy}},{key:"sanitizer",set:function(n){if(this._initialized)throw Error("ISanitizer cannot be set after initialization");this._sanitizer=n},get:function(){return this._sanitizer}},{key:"searchIndex",set:function(n){if(this._initialized)throw Error("ISearchIndex cannot be set after initialization");this._searchIndex=n},get:function(){return this._searchIndex}},{key:"tokenizer",set:function(n){if(this._initialized)throw Error("ITokenizer cannot be set after initialization");this._tokenizer=n},get:function(){return this._tokenizer}}])&&g(e.prototype,t),n}(),m=t(3532);function I(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=Array(e);t<e;t++)r[t]=n[t];return r}var w=/\s+/,b={tokenize(n){return n.split(w).filter(function(n){return n})}},y=t(6453),B=t(8035),x=t(5072),D=t.n(x),k=t(7825),S=t.n(k),E=t(5056),_=t.n(E),z=t(540),T=t.n(z),F=t(1113),j=t.n(F),O=t(2499),M={};M.styleTagTransform=j(),M.setAttributes=_(),M.insert=function(n){var e=document.querySelector("head"),t=window._lastElementInsertedByStyleLoader;t?t.nextSibling?e.insertBefore(n,t.nextSibling):e.appendChild(n):e.insertBefore(n,e.firstChild),window._lastElementInsertedByStyleLoader=n},M.domAPI=S(),M.insertStyleElement=T(),D()(O.A,M),O.A&&O.A.locals&&O.A.locals;var N=t(115),U=t.n(N),$=t(3530),Y=t(9797),P=t.n(Y);function W(){return W=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},W.apply(null,arguments)}function H(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(t=t.call(n)).next,0===e){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==e);l=!0);}catch(n){c=!0,o=n}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(n,e)||q(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function q(n,e){if(n){if("string"==typeof n)return R(n,e);var t={}.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?R(n,e):void 0}}function R(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=Array(e);t<e;t++)r[t]=n[t];return r}var V=function(n){var e,t=n.id,d=n.className,u=n.closeOnSelect,A=n.clearable,h=n.debounce,f=n.disabled,v=n.labels,g=n.maxHeight,w=n.multi,x=n.options,D=n.optionHeight,k=n.setProps,S=n.searchable,E=n.search_value,_=n.search_order,z=n.style,T=n.value,F=H((0,s.useState)(),2),j=F[0],O=F[1],M=H((0,s.useState)(!1),2),N=M[0],Y=M[1],V=H((0,s.useState)([]),2),L=V[0],Z=V[1],Q=H((0,s.useState)(T),2),K=Q[0],X=Q[1],J=(0,s.useRef)([]),G=(0,s.useRef)(null),nn=(0,s.useRef)(document.createElement("div")),en=(0,s.useRef)(null),tn=(0,s.useRef)(null),rn=(0,s.useRef)(-1),on=(0,s.useRef)(""),an=window.dash_component_api.useDashContext().useLoading();(0,s.useEffect)(function(){U()(T,K)||X(T)},[T]),J&&U()(x,J.current)||(J.current=x);var sn=(0,s.useMemo)(function(){return function(n){var e,t=(0,m.s)(n),r=t.options,o=t.valueSet,a=["value"],i=!1,s=!1,d=function(n,e){var t="undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(!t){if(Array.isArray(n)||(t=function(n,e){if(n){if("string"==typeof n)return I(n,e);var t={}.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?I(n,e):void 0}}(n))||e&&n&&"number"==typeof n.length){t&&(n=t);var r=0,o=function(){};return{s:o,n:function(){return r>=n.length?{done:!0}:{done:!1,value:n[r++]}},e:function(n){throw n},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,s=!1;return{s:function(){t=t.call(n)},n:function(){var n=t.next();return i=n.done,n},e:function(n){s=!0,a=n},f:function(){try{i||null==t.return||t.return()}finally{if(s)throw a}}}}(r);try{for(d.s();!(e=d.n()).done;){var u=e.value;if(u.search&&(s=!0),l().isValidElement(u.label)&&(i=!0),s&&i)break}}catch(n){d.e(n)}finally{d.f()}i||a.push("label"),s&&a.push("search");var A=new C("value");return A.searchIndex=new p,A.indexStrategy=new c,A.tokenizer=b,a.forEach(function(n){A.addIndex(n)}),r.length>0&&A.addDocuments(r),{options:r,indexes:a,valueSet:o,search:A}}(J.current)},[J.current]),ln=sn.options,cn=(0,s.useMemo)(function(){return S?function(n,e,t){if(!e)return n.options;var r=n.search.search(e)||[];if("original"===t){var o=new Set(r.map(function(n){return n.value}));return n.options.filter(function(n){return o.has(n.value)})}return r}(sn,E,_):ln},[sn,S,E,_]),dn=(0,s.useMemo)(function(){return K instanceof Array?K:(0,r.A)(K)?[]:[K]},[K]),un=(0,s.useCallback)(function(n){h&&N?X(n):(X(n),k({value:n}))},[h,N,k]),An=(0,s.useCallback)(function(n){!1!==u&&(Y(!1),k({search_value:void 0}),on.current=""),w?0===n.length?A&&un([]):un(n):0===n.length?A&&un(null):un(n[n.length-1])},[w,A,u,un]),hn=(0,s.useCallback)(function(n){return k({search_value:n})},[]),pn=(0,s.useCallback)(function(n){if(n.currentTarget instanceof HTMLElement){var e,t=n.currentTarget.parentElement;null==t||null===(e=t.querySelector("input"))||void 0===e||e.focus()}k({search_value:void 0})},[]);(0,s.useEffect)(function(){if(!(E||(0,r.A)(ln)||j===ln||(0,r.A)(T)||(0,o.A)(T))){var n=sn.valueSet;if(Array.isArray(T)){if(w){var e=T.filter(function(e){return!n.has(e)});e.length&&k({value:(0,a.A)(e,T)})}}else n.has(T)||k({value:null});O(ln)}},[ln,j,w,T]);var fn=(0,s.useMemo)(function(){var n=dn.map(function(n,e){var t=ln.find(function(e){return e.value===n});return l().createElement("span",{key:"".concat(null==t?void 0:t.value,"-").concat(e),className:"dash-dropdown-value-item"},t&&l().createElement($.O9,W({},t,{index:e})))});return n},[ln,dn]),vn=(0,s.useMemo)(function(){return!!A||!dn.every(function(n){return L.some(function(e){return e.value===n})})},[A,dn,L,E]),gn=(0,s.useCallback)(function(){un(w?[]:null)},[w,un]),Cn=(0,s.useCallback)(function(){if(w){var n=dn.concat(L.filter(function(n){return!dn.includes(n.value)}).map(function(n){return n.value}));un(n)}u&&Y(!1)},[w,L,dn,u,un]),mn=(0,s.useCallback)(function(){if(w){var n=dn.filter(function(n){return!L.some(function(e){return e.value===n})});un(n)}u&&Y(!1)},[w,L,dn,u,un]);(0,s.useEffect)(function(){if(N){var n=cn;w&&(n=(e=cn,function(n){if(Array.isArray(n))return R(n)}(e)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(e)||q(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).sort(function(n,e){var t=dn.includes(n.value),r=dn.includes(e.value);return t&&!r?-1:!t&&r?1:0})),Z(n)}var e},[cn,N]),(0,s.useEffect)(function(){N&&!on.current&&L.length&&document.activeElement!==en.current&&requestAnimationFrame(function(){if(!w){var n=dn[0];if(n){var e,t=L.findIndex(function(e){return e.value===n});if(t>=0)return rn.current=t,void(null===(e=tn.current)||void 0===e||e.focusItem(t))}}var r,o;S?null===(r=en.current)||void 0===r||r.focus():(rn.current=0,null===(o=tn.current)||void 0===o||o.focusItem(0))})},[N,w,L]);var In=(0,s.useCallback)(function(n){if(["ArrowDown","ArrowUp","Tab","PageDown","PageUp","Home","End"].includes(n.key)&&(!["Home","End"].includes(n.key)||document.activeElement!==en.current)&&0!==L.length){n.preventDefault();var e,t,r,o,a=!!S,i=rn.current,s=L.length-1,l=a?-1:0;switch(n.key){case"Tab":var c=i+(n.shiftKey?-1:1);e=c<l?s:c>s?l:c;break;case"ArrowDown":e=i<s?i+1:l;break;case"ArrowUp":e=i>l?i-1:s;break;case"PageDown":e=Math.min(i+10,s);break;case"PageUp":e=Math.max(i-10,l);break;case"Home":e=l;break;case"End":e=s;break;default:return}rn.current=e,-1===e?(null===(t=en.current)||void 0===t||t.focus(),null===(r=nn.current)||void 0===r||r.scrollTo({top:0})):null===(o=tn.current)||void 0===o||o.focusItem(e)}},[L.length,S]),wn=(0,s.useCallback)(function(n){if(Y(n),rn.current=-1,!n){on.current="";var e={};(0,r.A)(E)||(e.search_value=void 0),h&&!U()(T,K)&&(e.value=K),Object.keys(e).length>0&&k(e)}},[h,T,K,E,k]),bn=null!=t?t:P()(),yn=(0,s.useRef)(null),Bn=A&&!f&&!!dn.length,xn=l().createElement(B.bL,{open:N,onOpenChange:wn},l().createElement("input",{className:"dash-dropdown-focus-target",tabIndex:f?-1:0,readOnly:!0,"aria-hidden":"true",onFocus:function(n){var e;n.relatedTarget!==G.current&&(n.currentTarget.tabIndex=-1,null===(e=G.current)||void 0===e||e.focus())},onClick:function(){var n;null===(n=G.current)||void 0===n||n.click()}}),l().createElement(B.l9,{asChild:!0},l().createElement("button",{id:t,ref:G,disabled:f,type:"button",tabIndex:-1,onBlur:function(n){var e=n.currentTarget.previousElementSibling;e instanceof HTMLElement&&(e.tabIndex=0)},onKeyDown:function(n){["ArrowDown","Enter"].includes(n.key)&&n.preventDefault()},onKeyUp:function(n){["ArrowDown","Enter"].includes(n.key)&&Y(!0),["Delete","Backspace"].includes(n.key)&&Bn&&gn(),1===n.key.length&&S&&(on.current+=n.key,k({search_value:on.current}),Y(!0),requestAnimationFrame(function(){var n;return null===(n=en.current)||void 0===n?void 0:n.focus()}))},className:"dash-dropdown ".concat(null!=d?d:""),"aria-labelledby":"".concat(bn,"-value-count ").concat(bn,"-value"),"aria-haspopup":"listbox","aria-expanded":N,"data-dash-is-loading":an||void 0},l().createElement("span",{className:"dash-dropdown-grid-container dash-dropdown-trigger"},fn.length>0&&l().createElement("span",{id:bn+"-value",className:"dash-dropdown-value"},fn),0===fn.length&&l().createElement("span",{id:bn+"-value",className:"dash-dropdown-value dash-dropdown-placeholder"},n.placeholder),dn.length>1&&l().createElement("span",{id:bn+"-value-count",className:"dash-dropdown-value-count"},null==v||null===(e=v.selected_count)||void 0===e?void 0:e.replace("{num_selected}","".concat(dn.length))),Bn&&l().createElement("a",{className:"dash-dropdown-clear",onClick:function(n){n.preventDefault(),gn()},title:null==v?void 0:v.clear_selection,"aria-label":null==v?void 0:v.clear_selection},l().createElement(y.raE,null)),l().createElement(y.bDP,{className:"dash-dropdown-trigger-icon"})))),l().createElement(B.ZL,{container:yn.current},l().createElement(B.UC,{ref:nn,className:"dash-dropdown-content",align:"start",sideOffset:5,onOpenAutoFocus:function(n){return n.preventDefault()},onKeyDown:In,style:{maxHeight:g?"min(".concat(g,"px, calc(100vh - 100px))"):"calc(100vh - 100px)"}},S&&l().createElement("div",{className:"dash-dropdown-grid-container dash-dropdown-search-container"},l().createElement(y.$p$,{className:"dash-dropdown-search-icon"}),l().createElement("input",{type:"search",className:"dash-dropdown-search",placeholder:null==v?void 0:v.search,value:E||"",autoComplete:"off",onChange:function(n){return hn(n.target.value)},onKeyUp:function(n){if(E&&"Enter"===n.key&&L.length){var e,t=L[0].value;e=dn.includes(t)?(0,a.A)([t],dn):(0,i.A)(t,dn),An(e)}},ref:en}),E&&l().createElement("button",{type:"button",className:"dash-dropdown-clear",onClick:pn,"aria-label":null==v?void 0:v.clear_search},l().createElement(y.raE,null))),w&&l().createElement("div",{className:"dash-dropdown-actions"},l().createElement("button",{type:"button",className:"dash-dropdown-action-button",onClick:Cn},null==v?void 0:v.select_all),vn&&l().createElement("button",{type:"button",className:"dash-dropdown-action-button",onClick:mn},null==v?void 0:v.deselect_all)),N&&!!L.length&&l().createElement(l().Fragment,null,l().createElement($.v1,{ref:tn,options:L,selected:dn,onSelectionChange:An,inputType:w?"checkbox":"radio",className:"dash-dropdown-options",optionClassName:"dash-dropdown-option",optionHeight:"number"==typeof D?D:void 0,maxHeight:g})),N&&E&&!L.length&&l().createElement("div",{className:"dash-dropdown-options"},l().createElement("span",{className:"dash-dropdown-option"},null==v?void 0:v.no_options_found)))));return l().createElement("div",{ref:yn,className:"dash-dropdown-wrapper",style:z},xn)}},2499:function(n,e,t){"use strict";var r=t(1354),o=t.n(r),a=t(6314),i=t.n(a)()(o());i.push([n.id,".dash-dropdown {\n display: block;\n flex: 1;\n box-sizing: border-box;\n padding: 0;\n background: var(--Dash-Fill-Inverse-Strong);\n border: none;\n outline: none;\n width: 100%;\n cursor: pointer;\n font-family: inherit;\n font-size: inherit;\n overflow: hidden;\n accent-color: var(--Dash-Fill-Interactive-Strong);\n outline-color: var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown-grid-container {\n display: grid;\n grid-template-columns: auto 1fr;\n justify-items: start;\n align-items: center;\n gap: calc(var(--Dash-Spacing) * 2);\n}\n\n.dash-dropdown-grid-container:has(> :nth-child(3)) {\n grid-template-columns: auto 1fr auto;\n}\n\n.dash-dropdown-grid-container:has(> :nth-child(4)) {\n grid-template-columns: auto 1fr auto auto;\n}\n\n.dash-dropdown,\n.dash-dropdown-content {\n border-radius: var(--Dash-Spacing);\n border: 1px solid var(--Dash-Stroke-Strong);\n color: inherit;\n text-align: left;\n}\n\n.dash-dropdown-trigger {\n padding: 0 12px;\n min-height: 32px;\n height: 100%;\n}\n\n.dash-dropdown:focus {\n border: 1px solid var(--Dash-Fill-Interactive-Strong);\n outline: 1px solid var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n.dash-dropdown-focus-target {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n}\n\n.dash-dropdown-value {\n max-width: 100%;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dash-dropdown-placeholder {\n color: var(--Dash-Text-Disabled);\n}\n\n.dash-dropdown-value > * {\n display: inline;\n}\n\n.dash-dropdown-value-item:not(:first-child)::before {\n content: ', ';\n}\n\n.dash-dropdown-content {\n background: var(--Dash-Fill-Inverse-Strong);\n width: fit-content;\n min-width: var(--radix-popover-trigger-width);\n max-width: 98vw;\n overflow-y: auto;\n z-index: 500;\n box-shadow: 0px 10px 38px -10px var(--Dash-Shading-Strong),\n 0px 10px 20px -15px var(--Dash-Shading-Weak);\n overscroll-behavior: contain;\n}\n\n.dash-dropdown-value-count,\n.dash-dropdown-trigger-icon {\n color: var(--Dash-Text-Strong);\n fill: var(--Dash-Text-Strong);\n white-space: nowrap;\n justify-self: end;\n}\n\n.dash-dropdown-trigger-icon {\n transition: transform 0.15s;\n}\n\n[data-state='open'] .dash-dropdown-trigger-icon {\n transform: rotate(180deg);\n}\n\n.dash-dropdown-value-count {\n line-height: 18px;\n padding: 4px;\n border-radius: 4px;\n color: var(--Dash-Text-Weak);\n background: var(--Dash-Fill-Interactive-Weak);\n font-size: 0.875em;\n}\n\n.dash-dropdown-search-container {\n position: sticky;\n top: calc(var(--Dash-Spacing) * 2);\n margin: calc(var(--Dash-Spacing) * 2);\n padding: var(--Dash-Spacing);\n border-radius: 4px;\n border: 1px solid var(--Dash-Stroke-Strong);\n background: var(--Dash-Fill-Inverse-Strong);\n}\n\n.dash-dropdown-search-container:focus-within {\n border-color: var(--Dash-Fill-Interactive-Strong);\n outline: 1px solid var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown-search-icon,\n.dash-dropdown-clear {\n width: 1em;\n height: 1em;\n}\n\n.dash-dropdown-search-container:focus-within .dash-dropdown-search-icon {\n color: var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown-clear {\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n justify-self: end;\n color: var(--Dash-Text-Strong);\n}\n\n.dash-dropdown-clear:hover {\n color: var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown-clear:focus {\n outline: 2px solid var(--Dash-Fill-Interactive-Strong);\n outline-offset: 1px;\n border-radius: 2px;\n}\n\n.dash-dropdown-search {\n line-height: calc(var(--Dash-Spacing) * 6);\n width: 100%;\n border: none;\n background: transparent;\n color: var(--Dash-Text-Strong);\n outline: none;\n padding: 0;\n font-family: inherit;\n font-size: inherit;\n\n /* Hide the \"x\" clear button in search inputs */\n &::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n display: none;\n }\n\n &::-ms-clear {\n display: none;\n }\n}\n\n.dash-dropdown-actions {\n display: flex;\n gap: calc(var(--Dash-Spacing) * 6);\n line-height: 18px;\n padding: var(--Dash-Spacing) calc(var(--Dash-Spacing) * 3);\n border-top: 1px solid var(--Dash-Fill-Disabled);\n border-bottom: 1px solid var(--Dash-Fill-Disabled);\n}\n\n.dash-dropdown-action-button {\n background: none;\n border: none;\n cursor: pointer;\n font-family: inherit;\n font-size: 0.875em;\n font-weight: 600;\n padding: 0;\n text-decoration: none;\n color: var(--Dash-Text-Weak);\n white-space: nowrap;\n accent-color: var(--Dash-Fill-Interactive-Strong);\n outline-color: var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown-action-button:hover {\n color: var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown-action-button:focus {\n text-decoration: underline;\n}\n\n.dash-dropdown-options {\n overflow-y: auto;\n}\n\n.dash-dropdown-content:has(.dash-options-list-virtualized) {\n overflow-y: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.dash-dropdown-options:has(.dash-options-list-virtualized) {\n overflow-y: visible;\n flex: 1;\n min-height: 0;\n}\n\n.dash-dropdown-option {\n padding: calc(var(--Dash-Spacing) * 2) calc(var(--Dash-Spacing) * 3);\n box-shadow: 0 -1px 0 0 var(--Dash-Fill-Disabled) inset;\n}\n\n.dash-dropdown-option\n .dash-options-list-option-wrapper:has(input[type='radio']) {\n /* radio buttons are used in single-select dropdowns to aid keyboard\n * selection and screen readers, but visually, they are hidden\n */\n width: 0;\n overflow: hidden;\n}\n\n/* Positioning container for the dropdown */\n.dash-dropdown-wrapper {\n position: relative;\n}\n","",{version:3,sources:["webpack://./src/components/css/dropdown.css"],names:[],mappings:"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",sourcesContent:[".dash-dropdown {\n display: block;\n flex: 1;\n box-sizing: border-box;\n padding: 0;\n background: var(--Dash-Fill-Inverse-Strong);\n border: none;\n outline: none;\n width: 100%;\n cursor: pointer;\n font-family: inherit;\n font-size: inherit;\n overflow: hidden;\n accent-color: var(--Dash-Fill-Interactive-Strong);\n outline-color: var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown-grid-container {\n display: grid;\n grid-template-columns: auto 1fr;\n justify-items: start;\n align-items: center;\n gap: calc(var(--Dash-Spacing) * 2);\n}\n\n.dash-dropdown-grid-container:has(> :nth-child(3)) {\n grid-template-columns: auto 1fr auto;\n}\n\n.dash-dropdown-grid-container:has(> :nth-child(4)) {\n grid-template-columns: auto 1fr auto auto;\n}\n\n.dash-dropdown,\n.dash-dropdown-content {\n border-radius: var(--Dash-Spacing);\n border: 1px solid var(--Dash-Stroke-Strong);\n color: inherit;\n text-align: left;\n}\n\n.dash-dropdown-trigger {\n padding: 0 12px;\n min-height: 32px;\n height: 100%;\n}\n\n.dash-dropdown:focus {\n border: 1px solid var(--Dash-Fill-Interactive-Strong);\n outline: 1px solid var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n.dash-dropdown-focus-target {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n}\n\n.dash-dropdown-value {\n max-width: 100%;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dash-dropdown-placeholder {\n color: var(--Dash-Text-Disabled);\n}\n\n.dash-dropdown-value > * {\n display: inline;\n}\n\n.dash-dropdown-value-item:not(:first-child)::before {\n content: ', ';\n}\n\n.dash-dropdown-content {\n background: var(--Dash-Fill-Inverse-Strong);\n width: fit-content;\n min-width: var(--radix-popover-trigger-width);\n max-width: 98vw;\n overflow-y: auto;\n z-index: 500;\n box-shadow: 0px 10px 38px -10px var(--Dash-Shading-Strong),\n 0px 10px 20px -15px var(--Dash-Shading-Weak);\n overscroll-behavior: contain;\n}\n\n.dash-dropdown-value-count,\n.dash-dropdown-trigger-icon {\n color: var(--Dash-Text-Strong);\n fill: var(--Dash-Text-Strong);\n white-space: nowrap;\n justify-self: end;\n}\n\n.dash-dropdown-trigger-icon {\n transition: transform 0.15s;\n}\n\n[data-state='open'] .dash-dropdown-trigger-icon {\n transform: rotate(180deg);\n}\n\n.dash-dropdown-value-count {\n line-height: 18px;\n padding: 4px;\n border-radius: 4px;\n color: var(--Dash-Text-Weak);\n background: var(--Dash-Fill-Interactive-Weak);\n font-size: 0.875em;\n}\n\n.dash-dropdown-search-container {\n position: sticky;\n top: calc(var(--Dash-Spacing) * 2);\n margin: calc(var(--Dash-Spacing) * 2);\n padding: var(--Dash-Spacing);\n border-radius: 4px;\n border: 1px solid var(--Dash-Stroke-Strong);\n background: var(--Dash-Fill-Inverse-Strong);\n}\n\n.dash-dropdown-search-container:focus-within {\n border-color: var(--Dash-Fill-Interactive-Strong);\n outline: 1px solid var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown-search-icon,\n.dash-dropdown-clear {\n width: 1em;\n height: 1em;\n}\n\n.dash-dropdown-search-container:focus-within .dash-dropdown-search-icon {\n color: var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown-clear {\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n justify-self: end;\n color: var(--Dash-Text-Strong);\n}\n\n.dash-dropdown-clear:hover {\n color: var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown-clear:focus {\n outline: 2px solid var(--Dash-Fill-Interactive-Strong);\n outline-offset: 1px;\n border-radius: 2px;\n}\n\n.dash-dropdown-search {\n line-height: calc(var(--Dash-Spacing) * 6);\n width: 100%;\n border: none;\n background: transparent;\n color: var(--Dash-Text-Strong);\n outline: none;\n padding: 0;\n font-family: inherit;\n font-size: inherit;\n\n /* Hide the \"x\" clear button in search inputs */\n &::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n display: none;\n }\n\n &::-ms-clear {\n display: none;\n }\n}\n\n.dash-dropdown-actions {\n display: flex;\n gap: calc(var(--Dash-Spacing) * 6);\n line-height: 18px;\n padding: var(--Dash-Spacing) calc(var(--Dash-Spacing) * 3);\n border-top: 1px solid var(--Dash-Fill-Disabled);\n border-bottom: 1px solid var(--Dash-Fill-Disabled);\n}\n\n.dash-dropdown-action-button {\n background: none;\n border: none;\n cursor: pointer;\n font-family: inherit;\n font-size: 0.875em;\n font-weight: 600;\n padding: 0;\n text-decoration: none;\n color: var(--Dash-Text-Weak);\n white-space: nowrap;\n accent-color: var(--Dash-Fill-Interactive-Strong);\n outline-color: var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown-action-button:hover {\n color: var(--Dash-Fill-Interactive-Strong);\n}\n\n.dash-dropdown-action-button:focus {\n text-decoration: underline;\n}\n\n.dash-dropdown-options {\n overflow-y: auto;\n}\n\n.dash-dropdown-content:has(.dash-options-list-virtualized) {\n overflow-y: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.dash-dropdown-options:has(.dash-options-list-virtualized) {\n overflow-y: visible;\n flex: 1;\n min-height: 0;\n}\n\n.dash-dropdown-option {\n padding: calc(var(--Dash-Spacing) * 2) calc(var(--Dash-Spacing) * 3);\n box-shadow: 0 -1px 0 0 var(--Dash-Fill-Disabled) inset;\n}\n\n.dash-dropdown-option\n .dash-options-list-option-wrapper:has(input[type='radio']) {\n /* radio buttons are used in single-select dropdowns to aid keyboard\n * selection and screen readers, but visually, they are hidden\n */\n width: 0;\n overflow: hidden;\n}\n\n/* Positioning container for the dropdown */\n.dash-dropdown-wrapper {\n position: relative;\n}\n"],sourceRoot:""}]),e.A=i},115:function(n,e,t){var r=t(6763),o="undefined"!=typeof Element,a="function"==typeof Map,i="function"==typeof Set,s="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function l(n,e){if(n===e)return!0;if(n&&e&&"object"==typeof n&&"object"==typeof e){if(n.constructor!==e.constructor)return!1;var t,r,c,d;if(Array.isArray(n)){if((t=n.length)!=e.length)return!1;for(r=t;0!==r--;)if(!l(n[r],e[r]))return!1;return!0}if(a&&n instanceof Map&&e instanceof Map){if(n.size!==e.size)return!1;for(d=n.entries();!(r=d.next()).done;)if(!e.has(r.value[0]))return!1;for(d=n.entries();!(r=d.next()).done;)if(!l(r.value[1],e.get(r.value[0])))return!1;return!0}if(i&&n instanceof Set&&e instanceof Set){if(n.size!==e.size)return!1;for(d=n.entries();!(r=d.next()).done;)if(!e.has(r.value[0]))return!1;return!0}if(s&&ArrayBuffer.isView(n)&&ArrayBuffer.isView(e)){if((t=n.length)!=e.length)return!1;for(r=t;0!==r--;)if(n[r]!==e[r])return!1;return!0}if(n.constructor===RegExp)return n.source===e.source&&n.flags===e.flags;if(n.valueOf!==Object.prototype.valueOf&&"function"==typeof n.valueOf&&"function"==typeof e.valueOf)return n.valueOf()===e.valueOf();if(n.toString!==Object.prototype.toString&&"function"==typeof n.toString&&"function"==typeof e.toString)return n.toString()===e.toString();if((t=(c=Object.keys(n)).length)!==Object.keys(e).length)return!1;for(r=t;0!==r--;)if(!Object.prototype.hasOwnProperty.call(e,c[r]))return!1;if(o&&n instanceof Element)return!1;for(r=t;0!==r--;)if(("_owner"!==c[r]&&"__v"!==c[r]&&"__o"!==c[r]||!n.$$typeof)&&!l(n[c[r]],e[c[r]]))return!1;return!0}return n!=n&&e!=e}n.exports=function(n,e){try{return l(n,e)}catch(n){if((n.message||"").match(/stack|recursion/i))return r.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}}}]);
2//# sourceMappingURL=async-dropdown.js.map

Callers 1

VFunction · 0.70

Calls

no outgoing calls

Tested by

no test coverage detected