diff --git a/master/1259.5eebfc93.iframe.bundle.js b/master/1259.5eebfc93.iframe.bundle.js deleted file mode 100644 index bc51440d7ee..00000000000 --- a/master/1259.5eebfc93.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[1259],{"./.storybook/hub-config.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const{serverUri,clientId}={serverUri:"https://hub.jetbrains.com",clientId:"81a0bffb-6d0f-4a38-b93a-0a4d1e567698"},{origin,pathname}=window.location,__WEBPACK_DEFAULT_EXPORT__={reloadOnUserChange:!1,embeddedLogin:!0,serverUri,clientId,requestCredentials:"skip",redirectUri:`${origin+(pathname.startsWith("/ring-ui/")?"/ring-ui/master/":"/")}iframe.html?id=utilities-auth--basic`}},"./src/alert-service/alert-service.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_dom_client__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-dom/client.js"),_global_get_uid__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/get-uid.ts"),_alert_alert__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/alert/container.tsx"),_alert_alert__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/alert/alert.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=new class AlertService{defaultTimeout=0;showingAlerts=[];containerElement=document.createElement("div");reactRoot=(0,react_dom_client__WEBPACK_IMPORTED_MODULE_0__.createRoot)(this.containerElement);_getShowingAlerts(){return[...this.showingAlerts]}renderAlertContainer(alerts){return 0===alerts.length?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_2__.A,{children:alerts.map((alert=>{const{message,key,...rest}=alert;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay,{...rest,children:message},key)}))})}renderAlerts(){this.reactRoot.render(this.renderAlertContainer(this.showingAlerts))}findSameAlert(message,type){return this.showingAlerts.filter((it=>it.type===type&&it.message===message))[0]}startAlertClosing(alert){alert.isClosing=!0,this.renderAlerts()}remove(key){const alertToClose=this.showingAlerts.filter((alert=>alert.key===key))[0];alertToClose&&this.startAlertClosing(alertToClose)}removeWithoutAnimation(key){this.showingAlerts=this.showingAlerts.filter((alert=>alert.key!==key)),this.renderAlerts()}stopShakingWhenAnimationDone(shakingAlert){setTimeout((()=>{shakingAlert.showWithAnimation=!1,shakingAlert.isShaking=!1,this.renderAlerts()}),_alert_alert__WEBPACK_IMPORTED_MODULE_3__.hH)}addAlert(message,type,timeout=this.defaultTimeout,options={}){const{onCloseRequest,onClose,...restOptions}=options,sameAlert=this.findSameAlert(message,type);if(sameAlert)return sameAlert.isShaking=!0,this.renderAlerts(),this.stopShakingWhenAnimationDone(sameAlert),sameAlert.key;const alert={key:(0,_global_get_uid__WEBPACK_IMPORTED_MODULE_4__.A)("alert-service-"),message,type,timeout,isClosing:!1,onCloseRequest:()=>{onCloseRequest&&onCloseRequest(),this.startAlertClosing(alert)},onClose:()=>{onClose&&onClose(),this.removeWithoutAnimation(alert.key)},...restOptions};return this.showingAlerts=[alert,...this.showingAlerts],this.renderAlerts(),alert.key}setDefaultTimeout(timeout){this.defaultTimeout=timeout}error(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.ERROR,timeout)}message(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.MESSAGE,timeout)}warning(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.WARNING,timeout)}successMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.SUCCESS,timeout)}loadingMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.LOADING,timeout)}}},"./src/auth/auth.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>auth});var response_parser=__webpack_require__("./src/auth/response-parser.ts");__webpack_require__("./node_modules/react/index.js");var prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),alert_service=__webpack_require__("./src/alert-service/alert-service.tsx"),alert_alert=__webpack_require__("./src/alert/alert.tsx"),link_link=__webpack_require__("./src/link/link.tsx"),group=__webpack_require__("./src/group/group.tsx"),down_notification=__webpack_require__("./src/auth/down-notification.css"),down_notification_default=__webpack_require__.n(down_notification),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let key=null;function renderAlert(message,type=alert_alert.Ay.Type.WARNING){const existingAlert=alert_service.A.showingAlerts.filter((alert=>alert.key===key))[0];existingAlert?(existingAlert.message=message,existingAlert.type=type,alert_service.A.renderAlerts()):key=alert_service.A.addAlert(message,type,0,{closeable:!1})}function Message({translations,onCheckAgain}){const{backendIsNotAvailable,checkAgain,errorMessage}=translations;return(0,jsx_runtime.jsxs)("div",{"data-test":"ring-backend-down-notification",children:[(0,jsx_runtime.jsx)(group.A,{children:(0,jsx_runtime.jsx)("div",{className:down_notification_default().title,children:backendIsNotAvailable})}),(0,jsx_runtime.jsxs)("span",{className:down_notification_default().error,children:[errorMessage," "]}),(0,jsx_runtime.jsx)(link_link.A,{onClick:onCheckAgain,"data-test":"check-again",children:checkAgain})]})}Message.propTypes={translations:prop_types_default().shape({backendIsNotAvailable:prop_types_default().string,checkAgain:prop_types_default().string,errorMessage:prop_types_default().string}),onCheckAgain:prop_types_default().func};var auth_core=__webpack_require__("./src/auth/auth__core.ts");auth_core.Ay.DEFAULT_CONFIG={...auth_core.Ay.DEFAULT_CONFIG,EmbeddedLoginFlow:class WindowFlow{_timeoutId=void 0;_requestBuilder;_storage;reject;_loginWindow;_promise;constructor(requestBuilder,storage){this._requestBuilder=requestBuilder,this._storage=storage,this._reset()}_openWindow(url){const top=(window.screen.height-700-50)/2,left=(window.screen.width-750)/2;return window.open(url,"HubLoginWindow",`height=700, width=750, left=${left}, top=${top}`)}async _load(){const authRequest=await this._requestBuilder.prepareAuthRequest({request_credentials:"required",auth_mode:"bypass_to_login"},{nonRedirect:!0});return new Promise(((resolve,reject)=>{let cleanRun;this.reject=reject;const cleanUp=()=>{cleanRun||(cleanRun=!0,removeStateListener(),removeTokenListener(),this._loginWindow?.close(),clearTimeout(this._timeoutId))},removeTokenListener=this._storage.onTokenChange((token=>{token&&(cleanUp(),resolve(token.accessToken))})),removeStateListener=this._storage.onStateChange(authRequest.stateId,(state=>{state&&state.error&&(cleanUp(),reject(new response_parser.A.AuthError(state)))}));null==this._loginWindow||this._loginWindow.closed?this._loginWindow=this._openWindow(authRequest.url):this._loginWindow.location.href=authRequest.url,this.checkIsClosed()}))}checkIsClosed=()=>{this._loginWindow?.closed?this.stop():this._timeoutId=window.setTimeout(this.checkIsClosed,200)};_reset=()=>{this._promise=null,this._loginWindow=null,clearTimeout(this._timeoutId)};stop(){null!=this._loginWindow&&this._loginWindow.close(),this.reject&&this.reject("Authorization window closed"),this._reset()}authorize(){return null==this._promise||null==this._loginWindow||this._loginWindow.closed?(this._promise=this._load(),this._promise.then(this._reset,this._reset),this._promise):(this._loginWindow.focus(),this._promise)}},onBackendDown:function onBackendDown({onCheckAgain,translations}){return renderAlert((0,jsx_runtime.jsx)(Message,{translations,onCheckAgain:async function checkAgainWithoutClosing(e){e.stopPropagation();try{renderAlert("Connecting...",alert_alert.Ay.Type.LOADING),await onCheckAgain()}catch(err){renderAlert((0,jsx_runtime.jsx)(Message,{translations,onCheckAgain:checkAgainWithoutClosing}))}}})),()=>alert_service.A.remove(key)}};const auth=auth_core.Ay},"./src/auth/auth__core.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{xi:()=>LOGOUT_POSTPONED_EVENT,yb:()=>USER_CHANGED_EVENT,zz:()=>USER_CHANGE_POSTPONED_EVENT,Ay:()=>Auth});var global_url=__webpack_require__("./src/global/url.ts");class Listeners{_all=new Map;trigger(...[event,data]){const handlers=this._all.get(event);return handlers?Promise.all([...handlers].map((fn=>fn(data)))):Promise.resolve([])}add(event,handler){let handlers=this._all.get(event);handlers||(handlers=new Set,this._all.set(event,handlers)),handlers.add(handler)}remove(event,handler){const handlers=this._all.get(event);handlers&&handlers.delete(handler)}removeAll(){this._all=new Map}}var http=__webpack_require__("./src/http/http.ts");function promiseWithTimeout(promise,timeout,{error,onTimeout=()=>{}}){return new Promise(((resolve,reject)=>{setTimeout((()=>{onTimeout(),reject(error||new Error("Timeout"))}),timeout),promise.then(resolve,reject)}))}var i18n=__webpack_require__("./src/i18n/i18n.ts"),storage=__webpack_require__("./src/storage/storage.ts");class AuthStorage{messagePrefix;stateKeyPrefix;tokenKey;userKey;stateTTL;stateQuota;_lastMessage;_stateStorage;_tokenStorage;_messagesStorage;_currentUserStorage;constructor(config){this.messagePrefix=config.messagePrefix||"",this.stateKeyPrefix=config.stateKeyPrefix||"",this.tokenKey=config.tokenKey||"",this.userKey=config.userKey||"user-key",this.stateTTL=config.stateTTL||864e5,this._lastMessage=null;const StorageConstructor=config.storage||storage.A;this.stateQuota=Math.min(config.stateQuota||102400,StorageConstructor.QUOTA||1/0),this._stateStorage=new StorageConstructor({cookieName:"ring-state"}),this._tokenStorage=new StorageConstructor({cookieName:"ring-token"}),this._messagesStorage=new StorageConstructor({cookieName:"ring-message"}),this._currentUserStorage=new StorageConstructor({cookieName:"ring-user"})}onTokenChange(fn){return this._tokenStorage.on(this.tokenKey,fn)}onStateChange(stateKey,fn){return this._stateStorage.on(this.stateKeyPrefix+stateKey,fn)}onMessage(key,fn){return this._messagesStorage.on(this.messagePrefix+key,(message=>fn(message)))}sendMessage(key,message=null){this._lastMessage=message,this._messagesStorage.set(this.messagePrefix+key,message)}async saveState(id,state,dontCleanAndRetryOnFail){state.created=Date.now();try{await this._stateStorage.set(this.stateKeyPrefix+id,state)}catch(e){if(dontCleanAndRetryOnFail)throw e;return await this.cleanStates(),this.saveState(id,state,!0)}}async cleanStates(removeStateId){const now=Date.now(),currentStates=(await this._stateStorage.each(((key,value)=>{if(null!=value){if(key===this.stateKeyPrefix+removeStateId)return this._stateStorage.remove(key);if(0===key.indexOf(this.stateKeyPrefix)){var _state$created;const state=value,created=null!==(_state$created=state.created)&&void 0!==_state$created?_state$created:Date.now();return created+this.stateTTLnull!=state));let stateStorageSize=currentStates.reduce(((overallSize,state)=>state.size+overallSize),0);if(stateStorageSize>this.stateQuota){currentStates.sort(((a,b)=>a.created-b.created));const removalPromises=currentStates.filter((state=>stateStorageSize>this.stateQuota&&(stateStorageSize-=state.size,!0))).map((state=>this._stateStorage.remove(state.key)));return removalPromises.length&&Promise.all(removalPromises)}}async getState(id){try{const result=await this._stateStorage.get(this.stateKeyPrefix+id);return await this.cleanStates(id),result}catch(e){throw await this.cleanStates(id),e}}saveToken(token){return this._tokenStorage.set(this.tokenKey,token)}getToken(){return this._tokenStorage.get(this.tokenKey)}wipeToken(){return this._tokenStorage.remove(this.tokenKey)}async getCachedUser(loadUser){const user=await this._currentUserStorage.get(this.userKey),loadAndCache=()=>loadUser().then((response=>(this._currentUserStorage.set(this.userKey,response),response)));return user&&user.id?(setTimeout(loadAndCache,1e3),user):loadAndCache()}wipeCachedCurrentUser(){return this._currentUserStorage.remove(this.userKey)}onUserChanged(){this.wipeCachedCurrentUser()}}var response_parser=__webpack_require__("./src/auth/response-parser.ts"),simply_uuid=__webpack_require__("./node_modules/simply-uuid/index.js"),simply_uuid_default=__webpack_require__.n(simply_uuid);class AuthRequestBuilder{config;storage;constructor(config,storage){this.config=config,this.storage=storage}static _uuid=simply_uuid_default().generate;async prepareAuthRequest(extraParams,extraState){const stateId=AuthRequestBuilder._uuid(),scopes=this.config.scopes.map((scope=>encodeURIComponent(scope))),request=Object.assign({response_type:"token",state:stateId,redirect_uri:this.config.redirectUri,request_credentials:this.config.requestCredentials,client_id:this.config.clientId,scope:scopes.join(" ")},extraParams||{}),authURL=(0,global_url.oZ)(this.config.authorization,request),state=Object.assign({restoreLocation:window.location.href,scopes:this.config.scopes},extraState||{});return await this._saveState(stateId,state),{url:authURL,stateId}}_saveState(id,storedState){return this.storage?.saveState(id,storedState)}}var background_flow=__webpack_require__("./src/auth/background-flow.ts"),es6=__webpack_require__("./node_modules/es6-error/es6/index.js");class TokenValidationError extends es6.A{cause;authRedirect;constructor(message,cause){super(message),this.cause=cause,this.authRedirect=!0}}class TokenValidator{_getUser;_config;_storage;constructor(config,getUser,storage){this._getUser=getUser,this._config=config,this._storage=storage}static _epoch(){return Math.round(Date.now()/1e3)}static DEFAULT_REFRESH_BEFORE=600;static TokenValidationError=TokenValidationError;validateTokenLocally(){return this._getValidatedToken([TokenValidator._validateExistence,TokenValidator._validateExpiration,this._validateScopes.bind(this)])}validateToken(){return this._getValidatedToken([TokenValidator._validateExistence,TokenValidator._validateExpiration,this._validateScopes.bind(this),this._validateAgainstUser.bind(this)])}static _validateExistence(storedToken){if(!storedToken||!storedToken.accessToken)throw new TokenValidator.TokenValidationError("Token not found")}static _validateExpiration({expires,lifeTime}){const refreshBefore=lifeTime?Math.ceil(lifeTime/6):TokenValidator.DEFAULT_REFRESH_BEFORE;if(expires&&expires!optionalScopes.includes(scopeId))):scope).every((scopeId=>storedToken.scopes?.includes(scopeId))))throw new TokenValidator.TokenValidationError("Token doesn't match required scopes")}static shouldRefreshToken(error){return"invalid_grant"===error||"invalid_request"===error||"invalid_token"===error}async _validateAgainstUser(storedToken){try{return await this._getUser(storedToken.accessToken)}catch(errorResponse){let response={};try{response=await errorResponse.response.json()}catch(e){}if(errorResponse.status===http.Sq.UNAUTHORIZED||TokenValidator.shouldRefreshToken(response.error))throw new TokenValidator.TokenValidationError(response.error||errorResponse.message,errorResponse.data?.error?new Error(errorResponse.data?.error):void 0);throw errorResponse}}async _getValidatedToken(validators){const storedToken=await this._storage.getToken();if(null==storedToken)throw new TokenValidator.TokenValidationError("Token not found");for(let i=0;i{},onPostponeLogout:()=>{},enableBackendStatusCheck:!0,backendCheckTimeout:1e4,checkBackendIsUp:()=>Promise.resolve(null),onBackendDown:()=>()=>{},defaultExpiresIn:2400,waitForRedirectTimeout:5e3,translations:null};class Auth{static DEFAULT_CONFIG=DEFAULT_CONFIG;static API_PATH="api/rest/";static API_AUTH_PATH="oauth2/auth";static API_PROFILE_PATH="users/me";static CLOSE_BACKEND_DOWN_MESSAGE="backend-check-succeeded";static CLOSE_WINDOW_MESSAGE="close-login-window";static shouldRefreshToken=TokenValidator.shouldRefreshToken;static storageIsUnavailable=!navigator.cookieEnabled;config;listeners=new Listeners;http;_service={};_storage=null;_responseParser=new response_parser.A;_requestBuilder=null;_backgroundFlow;_embeddedFlow=null;_tokenValidator=null;_postponed=!1;_backendCheckPromise=null;_authDialogService=void 0;_domainStorage;user=null;_initDeferred;_isLoginWindowOpen;constructor(config){if(!config)throw new Error("Config is required");if(null==config.serverUri)throw new Error('"serverUri" property is required');const unsupportedParams=["redirect_uri","request_credentials","client_id"].filter((param=>config.hasOwnProperty(param)));if(0!==unsupportedParams.length)throw new Error(`The following parameters are no longer supported: ${unsupportedParams.join(", ")}. Please change them from snake_case to camelCase.`);config.userFields=config.userFields||[],this.config={...Auth.DEFAULT_CONFIG,...config};const{clientId,redirect,redirectUri,requestCredentials,scope}=this.config,serverUriLength=this.config.serverUri.length;serverUriLength>0&&"/"!==this.config.serverUri.charAt(serverUriLength-1)&&(this.config.serverUri+="/"),this.config.userParams={query:{fields:[...new Set(Auth.DEFAULT_CONFIG.userFields.concat(config.userFields))].join()}},scope.includes(Auth.DEFAULT_CONFIG.clientId)||scope.push(Auth.DEFAULT_CONFIG.clientId),this._storage=new AuthStorage({messagePrefix:`${clientId}-message-`,stateKeyPrefix:`${clientId}-states-`,tokenKey:`${clientId}-token`,userKey:`${clientId}-user-`}),this._domainStorage=new AuthStorage({messagePrefix:"domain-message-"}),this._requestBuilder=new AuthRequestBuilder({authorization:this.config.serverUri+Auth.API_PATH+Auth.API_AUTH_PATH,clientId,redirect,redirectUri,requestCredentials,scopes:scope},this._storage);let{backgroundRefreshTimeout}=this.config;var _this$config$translat;(backgroundRefreshTimeout||(backgroundRefreshTimeout=this.config.embeddedLogin?1e4:2e4),this._backgroundFlow=new background_flow.A(this._requestBuilder,this._storage,backgroundRefreshTimeout),this.config.EmbeddedLoginFlow)&&(this._embeddedFlow=new this.config.EmbeddedLoginFlow(this._requestBuilder,this._storage,null!==(_this$config$translat=this.config.translations)&&void 0!==_this$config$translat?_this$config$translat:(0,i18n.xO)()));const API_BASE=this.config.serverUri+Auth.API_PATH,fetchConfig=config.fetchCredentials?{credentials:config.fetchCredentials}:void 0;this.http=new http.Ay(this,API_BASE,fetchConfig);this._tokenValidator=new TokenValidator(this.config,(async token=>{const user=await this.getUser(token);return this.user=user,user}),this._storage),this.config.onLogout&&this.addListener("logout",this.config.onLogout),this.config.reloadOnUserChange&&this.addListener(USER_CHANGED_EVENT,(()=>this._reloadCurrentPage())),this.addListener(LOGOUT_POSTPONED_EVENT,(()=>this._setPostponed(!0))),this.addListener(USER_CHANGE_POSTPONED_EVENT,(()=>this._setPostponed(!0))),this.addListener(USER_CHANGED_EVENT,(()=>this._setPostponed(!1))),this.addListener(USER_CHANGED_EVENT,(user=>{user&&this._updateDomainUser(user.id)})),this.config.cacheCurrentUser&&(this.addListener("logout",(()=>this._storage?.wipeCachedCurrentUser())),this.addListener(USER_CHANGED_EVENT,(()=>this._storage?.onUserChanged()))),this._createInitDeferred(),this.setUpPreconnect(config.serverUri)}_setPostponed(postponed=!1){this._postponed=postponed}_updateDomainUser(userID){this._domainStorage.sendMessage("domainUser",{userID,serviceID:this.config.clientId})}addListener(event,handler){this.listeners.add(event,handler)}removeListener(event,handler){this.listeners.remove(event,handler)}setAuthDialogService(authDialogService){this._authDialogService=authDialogService}setCurrentService(service){this._service=service}_createInitDeferred(){const deferred={};deferred.promise=new Promise(((resolve,reject)=>{deferred.resolve=resolve,deferred.reject=reject})),this._initDeferred=deferred}async init(){let state;this._storage?.onTokenChange((async token=>{if(!(!!this.user&&this.user.guest)||token)if(token)try{await this._detectUserChange(token.accessToken)}catch(error){if(!(error instanceof Error))throw error;this._canShowDialogs()&&this._showAuthDialog({nonInteractive:!0,error})}else this.logout()})),this._domainStorage.onMessage("domainUser",(message=>{const{userID,serviceID}=message||{};serviceID!==this.config.clientId&&(this.user&&userID===this.user.id||this.forceTokenUpdate())}));try{state=await this._checkForAuthResponse()}catch(error){return error instanceof Error?this.handleInitError(error):void 0}if(state&&state.nonRedirect)return new Promise(noop);try{await(this._tokenValidator?.validateToken());const message=await this._domainStorage._messagesStorage.get("domain-message-domainUser");if(message){const{userID,serviceID}=message;serviceID===this.config.clientId||userID&&this.user?.id===userID||this.forceTokenUpdate()}return state||(state=await this._checkForStateRestoration()),this._initDeferred?.resolve?.(state&&state.restoreLocation),state?.restoreLocation}catch(error){return Auth.storageIsUnavailable?(this._initDeferred?.resolve?.(),await this.requestUser(),null):error instanceof Error?this.handleInitValidationError(error):void 0}}async sendRedirect(error){const authRequest=await(this._requestBuilder?.prepareAuthRequest());throw null!=authRequest&&this._redirectCurrentPage(authRequest.url),await new Promise((resolve=>setTimeout(resolve,this.config.waitForRedirectTimeout))),error}async handleInitError(error){if("stateId"in error&&error.stateId)try{const state=await(this._storage?.getState(error.stateId));if(state&&state.nonRedirect)return state.error=error,this._storage?.saveState(error.stateId,state),new Promise(noop)}catch(e){}throw error}async handleInitValidationError(error){if("cause"in error&&error.cause instanceof Error&&"invalid_client"===error.cause?.message)return console.error("RingUI Auth: invalid client detected. Logging out",error),void await this.logout();if("authRedirect"in error&&error.authRedirect&&this.config.redirect)return this.sendRedirect(error);if("authRedirect"in error&&error.authRedirect&&!this.config.redirect)try{return await(this._backgroundFlow?.authorize()),await(this._tokenValidator?.validateToken()),void this._initDeferred?.resolve?.()}catch(validationError){return validationError instanceof Error?this.sendRedirect(validationError):void 0}throw this._initDeferred?.reject?.(error),error}async requestToken(){if(this._postponed)throw new Error("You should log in to be able to make requests");try{var _await$this$_tokenVal;return await(this._initDeferred?.promise),Auth.storageIsUnavailable?null:null!==(_await$this$_tokenVal=await(this._tokenValidator?.validateTokenLocally()))&&void 0!==_await$this$_tokenVal?_await$this$_tokenVal:null}catch(e){return this.forceTokenUpdate()}}async forceTokenUpdate(){try{this._backendCheckPromise||(this._backendCheckPromise=this._checkBackendsStatusesIfEnabled()),await this._backendCheckPromise}catch(e){throw new Error("Cannot refresh token: backend is not available. Postponed by user.")}finally{this._backendCheckPromise=null}try{var _await$this$_backgrou;return null!==(_await$this$_backgrou=await(this._backgroundFlow?.authorize()))&&void 0!==_await$this$_backgrou?_await$this$_backgrou:null}catch(error){if(!(error instanceof Error))return null;if(this._canShowDialogs())return new Promise((resolve=>{const onTryAgain=async()=>{try{const result=await(this._backgroundFlow?.authorize());resolve(null!=result?result:null)}catch(retryError){throw retryError instanceof Error&&this._showAuthDialog({nonInteractive:!0,error:retryError,onTryAgain}),retryError}};this._showAuthDialog({nonInteractive:!0,error,onTryAgain})}));{const authRequest=await(this._requestBuilder?.prepareAuthRequest());null!=authRequest&&this._redirectCurrentPage(authRequest.url)}throw new TokenValidator.TokenValidationError(error.message)}}async loadCurrentService(){if(!this._service.serviceName)try{const{serviceName,iconUrl:serviceImage}=await this.http.get(`oauth2/interactive/login/settings?client_id=${this.config.clientId}`)||{};this.setCurrentService({serviceImage,serviceName})}catch(e){}}getAPIPath(){return this.config.serverUri+Auth.API_PATH}getUser(accessToken){return this.config.cacheCurrentUser?this._storage?.getCachedUser((()=>this.http.authorizedFetch(Auth.API_PROFILE_PATH,accessToken,this.config.userParams))):this.http.authorizedFetch(Auth.API_PROFILE_PATH,accessToken,this.config.userParams)}async requestUser(){if(this.user)return this.user;const accessToken=await this.requestToken();if(this.user)return this.user;const user=await this.getUser(accessToken);return this.user=user,user}async updateUser(){this._setPostponed(!1);const accessToken=await this.requestToken();this._storage?.wipeCachedCurrentUser();const user=await this.getUser(accessToken);this.user=user,this.listeners.trigger(USER_CHANGED_EVENT,user)}async _detectUserChange(accessToken){const windowWasOpen=this._isLoginWindowOpen,user=await this.getUser(accessToken),onApply=()=>{this.user=user,this.listeners.trigger(USER_CHANGED_EVENT,user)};if(user&&this.user&&this.user.id!==user.id){if(!this._canShowDialogs()||this.user.guest||windowWasOpen)return void onApply();if(user.guest)return void this._showAuthDialog({nonInteractive:!0});await this._showUserChangedDialog({newUser:user,onApply,onPostpone:()=>{this.listeners.trigger(USER_CHANGE_POSTPONED_EVENT),this.config.onPostponeChangedUser(this.user,user)}})}}_beforeLogout(params){this._canShowDialogs()?this._showAuthDialog(params):this.logout()}_showAuthDialog({nonInteractive,error,canCancel,onTryAgain}={}){const{embeddedLogin,onPostponeLogout,translations}=this.config,cancelable=this.user?.guest||canCancel,actualTranslations=null!=translations?translations:(0,i18n.$)();this._createInitDeferred();const closeDialog=()=>{stopTokenListening?.(),stopMessageListening?.(),hide?.()},hide=this._authDialogService?.({...this._service,loginCaption:actualTranslations.login,loginToCaption:actualTranslations.loginTo,confirmLabel:actualTranslations.login,tryAgainLabel:actualTranslations.tryAgainLabel,cancelLabel:cancelable?actualTranslations.cancel:actualTranslations.postpone,errorMessage:this._extractErrorMessage(error,!0),onConfirm:()=>{if(!embeddedLogin)return closeDialog(),void this.logout();this._runEmbeddedLogin()},onCancel:()=>{if(this._embeddedFlow?.stop(),this._storage?.sendMessage(Auth.CLOSE_WINDOW_MESSAGE,Date.now()),closeDialog(),!cancelable)return this._initDeferred?.resolve?.(),this.listeners.trigger(LOGOUT_POSTPONED_EVENT),void onPostponeLogout();this.user?.guest&&nonInteractive?this.forceTokenUpdate():this._initDeferred?.resolve?.()},onTryAgain:onTryAgain?async()=>{await(onTryAgain?.()),closeDialog()}:void 0}),stopTokenListening=this._storage?.onTokenChange((token=>{token&&(closeDialog(),this._initDeferred?.resolve?.())})),stopMessageListening=this._storage?.onMessage(Auth.CLOSE_WINDOW_MESSAGE,(()=>this._embeddedFlow?.stop()))}_showUserChangedDialog({newUser,onApply,onPostpone}){var _translations$youHave,_newUser$name,_newUser$name2,_translations$login,_translations$loginTo,_translations$applyCh,_translations$tryAgai,_translations$postpon;const{translations}=this.config;this._createInitDeferred();const done=()=>{this._initDeferred?.resolve?.(),hide?.()},hide=this._authDialogService?.({...this._service,title:null!==(_translations$youHave=translations?.youHaveLoggedInAs)&&void 0!==_translations$youHave?_translations$youHave:(0,i18n.Tl)("youHaveLoggedInAs").replace("%userName%",null!==(_newUser$name=newUser.name)&&void 0!==_newUser$name?_newUser$name:"").replace("{{userName}}",null!==(_newUser$name2=newUser.name)&&void 0!==_newUser$name2?_newUser$name2:""),loginCaption:null!==(_translations$login=translations?.login)&&void 0!==_translations$login?_translations$login:(0,i18n.Tl)("login"),loginToCaption:null!==(_translations$loginTo=translations?.loginTo)&&void 0!==_translations$loginTo?_translations$loginTo:(0,i18n.Tl)("loginTo"),confirmLabel:null!==(_translations$applyCh=translations?.applyChange)&&void 0!==_translations$applyCh?_translations$applyCh:(0,i18n.Tl)("applyChange"),tryAgainLabel:null!==(_translations$tryAgai=translations?.tryAgainLabel)&&void 0!==_translations$tryAgai?_translations$tryAgai:(0,i18n.Tl)("tryAgainLabel"),cancelLabel:null!==(_translations$postpon=translations?.postpone)&&void 0!==_translations$postpon?_translations$postpon:(0,i18n.Tl)("postpone"),onConfirm:()=>{done(),onApply()},onCancel:()=>{done(),onPostpone()}})}_extractErrorMessage(error,logError=!1){if(!error)return null;logError&&console.error("RingUI Auth error",error);try{if("code"in error&&error.code&&"object"==typeof error.code&&"code"in error.code&&"string"==typeof error.code.code){return`Authorization error: ${error.code.code.split("_").join(" ")}`}}catch{}return error.toString?error.toString():null}_showBackendDownDialog(backendError){const{onBackendDown,translations}=this.config;let timerId;return new Promise(((resolve,reject)=>{const done=()=>{hide(),window.removeEventListener("online",onCheckAgain),stopListeningCloseMessage?.(),this._storage?.sendMessage(Auth.CLOSE_BACKEND_DOWN_MESSAGE,Date.now()),clearTimeout(timerId)},stopListeningCloseMessage=this._storage?.onMessage(Auth.CLOSE_BACKEND_DOWN_MESSAGE,(()=>{stopListeningCloseMessage?.(),done(),resolve()})),onCheckAgain=async()=>{await this._checkBackendsAreUp(),done(),resolve()},hide=onBackendDown({onCheckAgain,onPostpone:()=>{done(),reject(new Error("Auth(@jetbrains/ring-ui): postponed by user"))},backendError,translations:null!=translations?translations:(0,i18n.xO)()});window.addEventListener("online",onCheckAgain),timerId=window.setTimeout((function networkWatchdog(){navigator&&navigator.onLine&&onCheckAgain(),timerId=window.setTimeout(networkWatchdog,5e3)}),5e3)}))}async logout(extraParams){const requestParams={request_credentials:"required",...extraParams};await this._checkBackendsStatusesIfEnabled(),await this.listeners.trigger("logout"),this._updateDomainUser(null),await(this._storage?.wipeToken());const authRequest=await(this._requestBuilder?.prepareAuthRequest(requestParams));null!=authRequest&&this._redirectCurrentPage(authRequest.url)}async _runEmbeddedLogin(){this._storage?.sendMessage(Auth.CLOSE_WINDOW_MESSAGE,Date.now());try{return this._isLoginWindowOpen=!0,await(this._embeddedFlow?.authorize())}catch(e){throw e}finally{this._isLoginWindowOpen=!1}}async login(){if(this.config.embeddedLogin)await this._runEmbeddedLogin();else{await this._checkBackendsStatusesIfEnabled();try{const accessToken=await(this._backgroundFlow?.authorize()),user=await this.getUser(accessToken);user.guest?this._beforeLogout():(this.user=user,this.listeners.trigger(USER_CHANGED_EVENT,user))}catch(e){this._beforeLogout()}}}async switchUser(){if(!this.config.embeddedLogin)throw new Error('Auth: switchUser only supported for "embeddedLogin" mode');await this._runEmbeddedLogin()}_makeStateFromResponse(authResponse){const{state}=authResponse;if(!state)return{};const{scope:defaultScope}=this.config;try{return new URL(state).origin!==window.location.origin?{}:{restoreLocation:state,created:Date.now(),scopes:defaultScope}}catch(e){return{}}}async _checkForAuthResponse(){const authResponse=this._responseParser.getAuthResponseFromURL(),{scope:defaultScope,defaultExpiresIn,cleanHash}=this.config;if(authResponse&&cleanHash&&this.setHash(""),!authResponse)return;const{state:stateId,scope,expiresIn,accessToken}=authResponse,newState=await(stateId&&this._storage?.getState(stateId))||this._makeStateFromResponse(authResponse),scopes=scope?scope.split(" "):newState.scopes||defaultScope||[],effectiveExpiresIn=expiresIn?parseInt(expiresIn,10):defaultExpiresIn,expires=TokenValidator._epoch()+effectiveExpiresIn;return null!=accessToken&&await(this._storage?.saveToken({accessToken,scopes,expires,lifeTime:effectiveExpiresIn})),newState}async _checkForStateRestoration(){const authResponse=this._responseParser._authResponse;authResponse&&this.config.cleanHash&&this.setHash("");const stateId=authResponse?.restoreAuthState;return await(stateId&&this._storage?.getState(stateId))||{}}_checkBackendsAreUp(){const abortCtrl=new AbortController,{backendCheckTimeout}=this.config;return Promise.all([promiseWithTimeout(this.http.fetch("settings/public?fields=id",{signal:abortCtrl.signal}),backendCheckTimeout,{error:new Error("The authorization server is taking too long to respond. Please try again later."),onTimeout:()=>abortCtrl.abort()}),this.config.checkBackendIsUp()]).catch((err=>{if(err instanceof TypeError)throw new TypeError("Could not connect to the server due to network error. Please check your connection and try again.");throw err}))}async _checkBackendsStatusesIfEnabled(){if(this.config.enableBackendStatusCheck)try{await this._checkBackendsAreUp()}catch(backendDownErr){backendDownErr instanceof Error&&await this._showBackendDownDialog(backendDownErr)}}setUpPreconnect(url){const linkNode=document.createElement("link");linkNode.rel="preconnect",linkNode.href=url,linkNode.pr="1.0",linkNode.crossOrigin="use-credentials",document.head.appendChild(linkNode)}_redirectCurrentPage(url){window.location.href=(0,global_url.Dn)(url)}_reloadCurrentPage(){this._redirectCurrentPage(window.location.href)}_canShowDialogs(){return this.config.embeddedLogin&&this._authDialogService}setHash(hash){if(history.replaceState){const cleanedUrl=[window.location.pathname,window.location.search].join(""),hashIfExist=hash?`#${hash}`:"";history.replaceState(void 0,"",`${cleanedUrl}${hashIfExist}`)}else window.location.hash=hash}}},"./src/auth/background-flow.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>BackgroundFlow,n:()=>HUB_AUTH_PAGE_OPENED});var _response_parser__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/auth/response-parser.ts");const HUB_AUTH_PAGE_OPENED="HUB_AUTH_PAGE_OPENED";class BackgroundFlow{_requestBuilder;_storage;_timeout;_promise;constructor(requestBuilder,storage,timeout){this._requestBuilder=requestBuilder,this._storage=storage,this._timeout=timeout}_createHiddenFrame(){const iframe=document.createElement("iframe");return iframe.style.border=iframe.style.width=iframe.style.height="0px",iframe.style.visibility="hidden",iframe.style.position="fixed",iframe.style.left="-10000px",window.document.body.appendChild(iframe),iframe}_redirectFrame(iframe,url){iframe.src=`${url}&rnd=${Math.random()}`}async _load(){const authRequest=await this._requestBuilder.prepareAuthRequest({request_credentials:"silent"},{nonRedirect:!0});return new Promise(((resolve,reject)=>{function onMessage(e){e.data===HUB_AUTH_PAGE_OPENED&&(reject(new Error("Failed to obtain/refresh token in background")),cleanUp())}window.addEventListener("message",onMessage);const iframe=this._createHiddenFrame();let cleanRun;const timeout=setTimeout((()=>{reject(new Error("Failed to refresh authorization")),cleanUp()}),this._timeout),removeTokenListener=this._storage.onTokenChange((token=>{token&&(cleanUp(),resolve(token.accessToken))})),removeStateListener=this._storage.onStateChange(authRequest.stateId,(state=>{state&&state.error&&(cleanUp(),reject(new _response_parser__WEBPACK_IMPORTED_MODULE_0__.A.AuthError(state)))}));function cleanUp(){cleanRun||(cleanRun=!0,clearTimeout(timeout),removeStateListener(),removeTokenListener(),window.removeEventListener("message",onMessage),window.document.body.removeChild(iframe))}this._redirectFrame(iframe,authRequest.url)}))}authorize(){if(this._promise)return this._promise;const resetPromise=()=>{this._promise=null};return this._promise=this._load(),this._promise.then(resetPromise,resetPromise),this._promise}}},"./src/auth/response-parser.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>AuthResponseParser});var es6_error__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/es6-error/es6/index.js"),_global_url__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/global/url.ts");class AuthError extends es6_error__WEBPACK_IMPORTED_MODULE_0__.A{code;uri;stateId;constructor(authResponse={}){super(authResponse.errorDescription),this.code=authResponse.error,this.uri=authResponse.errorUri,this.stateId=authResponse.state}}class AuthResponseParser{_authResponse;constructor(){this._authResponse=this.readAuthResponseFromURL()}static AuthError=AuthError;static convertKey(key){return key.replace(/_([a-z])/g,((_,letter)=>letter.toUpperCase()))}getAuthResponseFromURL(){return this.validateAuthResponse(this._authResponse)}validateAuthResponse(authResponse){if(authResponse.error)throw new AuthResponseParser.AuthError(authResponse);return authResponse.accessToken?{...authResponse,accessToken:authResponse.accessToken}:null}readAuthResponseFromURL(){const authResponse={},rawAuthResponse=(0,_global_url__WEBPACK_IMPORTED_MODULE_1__.JO)(this.getHash());return Object.keys(rawAuthResponse).forEach((key=>{-1===key.indexOf("_")?authResponse[key]=rawAuthResponse[key]:authResponse[AuthResponseParser.convertKey(key)]=rawAuthResponse[key]})),authResponse}getHash(){const location=this.getLocation();return location&&location.replace(/^[^#]*#?/,"")}getLocation(){return window.location.toString()}}},"./src/group/group.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Group});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_group_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/group/group.css"),_group_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_group_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Group extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};render(){const{children,className,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_group_css__WEBPACK_IMPORTED_MODULE_2___default().group,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{...restProps,className:classes,children})}}Group.__docgenInfo={description:"@name Group",methods:[],displayName:"Group",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./src/http/http.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>HTTP,Sq:()=>CODE});var es6_error__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/es6-error/es6/index.js"),_global_url__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/global/url.ts");const defaultFetchConfig={headers:{"Content-Type":"application/json",Accept:"application/json"},credentials:"same-origin"};class HTTPError extends es6_error__WEBPACK_IMPORTED_MODULE_0__.A{data;status;constructor(response,data={}){super(`${response.status} ${response.statusText||""}`),this.data=data,this.status=response.status}}const CODE={UNAUTHORIZED:401};class HTTP{baseUrl=null;_requestsMeta=new WeakMap;fetchConfig;requestToken;shouldRefreshToken;forceTokenUpdate;constructor(auth,baseUrl,fetchConfig={}){auth&&this.setAuth(auth),this.setBaseUrl(baseUrl);const{headers,...defaultConfig}=defaultFetchConfig;this.fetchConfig={...defaultConfig,...fetchConfig,headers:{...headers,...fetchConfig.headers}}}setAuth=auth=>{this.requestToken=()=>auth.requestToken(),this.shouldRefreshToken=auth.constructor.shouldRefreshToken,this.forceTokenUpdate=()=>auth.forceTokenUpdate()};setBaseUrl=baseUrl=>{this.baseUrl=baseUrl};_fetch(...args){return fetch(...args)}_makeRequestUrl(url,queryObject){const urlWithQuery=(0,_global_url__WEBPACK_IMPORTED_MODULE_1__.oZ)(url,queryObject);return(0,_global_url__WEBPACK_IMPORTED_MODULE_1__.Km)(this.baseUrl,urlWithQuery)}_performRequest(url,token,params={}){const{headers,body,query={},sendRawBody,...fetchConfig}=params,combinedHeaders={...this.fetchConfig.headers,...token?{Authorization:`Bearer ${token}`}:{},...headers};let bodyToSend;return Object.entries(combinedHeaders).forEach((([key,header])=>{null==header&&Reflect.deleteProperty(combinedHeaders,key)})),bodyToSend=function isRawBody(params){return!0===params.sendRawBody}(params)||null===params.body||void 0===params.body||""===params.body?params.body:JSON.stringify(body),this._fetch(this._makeRequestUrl(url,query),{...this.fetchConfig,headers:combinedHeaders,...fetchConfig,body:bodyToSend})}_storeRequestMeta(parsedResponse,rawResponse){const{headers,ok,redirected,status,statusText,type,url}=rawResponse;this._requestsMeta.set(parsedResponse,{headers,ok,redirected,status,statusText,type,url})}async _processResponse(response){const contentType=response.headers.get("content-type"),isJson=contentType&&-1!==contentType.indexOf("application/json");if(!response.ok){let resJson;try{resJson=await(isJson?response.json():response.text())}catch(err){}throw new HTTPError(response,resJson)}try{const parsedResponse=await(isJson?response.json():{data:await response.text()});return this._storeRequestMeta(parsedResponse,response),parsedResponse}catch(err){return response}}fetch=async(url,params={})=>{const{body,query={},...fetchConfig}=params,response=await this._fetch(this._makeRequestUrl(url,query),{...fetchConfig,headers:fetchConfig.headers,body:null!=body&&""!==body?JSON.stringify(body):body});return this._processResponse(response)};async authorizedFetch(...args){const response=await this._performRequest(...args);return this._processResponse(response)}request=async(url,params)=>{let token=await(this.requestToken?.()),response=await this._performRequest(url,token,params);try{return await this._processResponse(response)}catch(error){if(!(error instanceof HTTPError))throw error;if("string"==typeof error.data.error&&this.shouldRefreshToken?.(error.data.error))return token=await(this.forceTokenUpdate?.()),response=await this._performRequest(url,token,params),this._processResponse(response);throw error}};getMetaForResponse=response=>this._requestsMeta.get(response);get=(url,params)=>this.request(url,{...params,method:"GET"});post=(url,params)=>this.request(url,{...params,method:"POST"});delete=(url,params)=>this.request(url,{...params,method:"DELETE"});put=(url,params)=>this.request(url,{...params,method:"PUT"});abortify=method=>(...[url,params])=>{const ctrl=new AbortController;return params&&!("signal"in params)&&(params.signal=ctrl.signal),{promise:method.call(this,url,params),abort:()=>ctrl.abort()}}}},"./src/storage/storage.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>storage});var alert_service=__webpack_require__("./src/alert-service/alert-service.tsx");class LocalStorage{static async safePromise(resolver){try{return await new Promise(resolver)}catch(e){throw e instanceof Error&&"NS_ERROR_FILE_CORRUPTED"===e.name&&alert_service.A.error('Sorry, it looks like your browser storage is corrupted. Please clear your storage by going to Tools -> Clear Recent History -> Cookies and setting time range to "Everything". This will remove the corrupted browser storage across all sites.'),e}}storageType;constructor(config={}){this.storageType="session"===config.type?"sessionStorage":"localStorage"}get(name){return LocalStorage.safePromise((resolve=>{const value=window[this.storageType].getItem(name);if(null!=value)try{resolve(JSON.parse(value))}catch(e){resolve(value)}else resolve(value)}))}set(name,value){return LocalStorage.safePromise((resolve=>{window[this.storageType].setItem(name,JSON.stringify(value)),resolve(value)}))}remove(name){const storageType=this.storageType;return LocalStorage.safePromise((resolve=>{window[storageType].hasOwnProperty(name)&&window[storageType].removeItem(name),resolve()}))}each(callback){const storageType=this.storageType;return LocalStorage.safePromise((resolve=>{const promises=[];for(const item in window[storageType])if(window[storageType].hasOwnProperty(item)){const value=window[storageType].getItem(item);let resolvedValue=null;if(null!=value)try{resolvedValue=JSON.parse(value)}catch(e){resolvedValue=value}promises.push(Promise.resolve(callback(item,resolvedValue)))}resolve(Promise.all(promises))}))}on(name,callback){function handleStorage(e){if(e.key===name)if(null!=e.newValue)try{callback(JSON.parse(e.newValue))}catch(err){callback(e.newValue)}else callback(e.newValue)}return window.addEventListener("storage",handleStorage,!1),()=>window.removeEventListener("storage",handleStorage,!1)}}var deep_equal=__webpack_require__("./node_modules/deep-equal/index.js"),deep_equal_default=__webpack_require__.n(deep_equal);class FallbackStorage{static DEFAULT_COOKIE_NAME="localStorage";static DEFAULT_SESSION_COOKIE_NAME="sessionStorage";static DEFAULT_CHECK_DELAY=3e3;static COOKIE_EXPIRES=365;static QUOTA=4093;static _createCookie(name,value,days){let date,expires;days?(date=new Date,date.setTime(date.getTime()+864e5*days),expires=`; expires=${date.toUTCString()}`):expires=";",document.cookie=`${name}=${value}${expires}; path=/`}static _readCookie(name){const nameEQ=`${name}=`,cookies=document.cookie.split(";");let cookie;for(let i=0;i{const rawData=FallbackStorage._readCookie(this.cookieName);null!=rawData?resolve(JSON.parse(decodeURIComponent(rawData))):reject()})).catch((()=>({})))}_write(data){return new Promise((resolve=>{const stringData=encodeURIComponent(JSON.stringify(data));return FallbackStorage._createCookie(this.cookieName,"{}"===stringData?"":stringData,this.expires),resolve(data)}))}get(key){return this._read().then((data=>data[key]||null))}async set(key,value){const data=await this._read();return key&&(null!=value?data[key]=value:Reflect.deleteProperty(data,key)),await this._write(data),value}async remove(key){await this.set(key,null)}each(callback){return"function"!=typeof callback?Promise.reject(new Error("Callback is not a function")):this._read().then((data=>{const promises=[];for(const key in data)data.hasOwnProperty(key)&&promises.push(callback(key,data[key]));return Promise.all(promises)}))}on(key,callback){let stop=!1;const checkForChange=oldValue=>{this.get(key).then((newValue=>{stop||(deep_equal_default()(oldValue,newValue)||callback(newValue),window.setTimeout((()=>checkForChange(oldValue)),this.checkDelay))}))};return this.get(key).then(checkForChange),()=>{stop=!0}}}let Storage=LocalStorage;try{const temp="testStorage";localStorage.setItem(temp,temp),localStorage.removeItem(temp)}catch(e){Storage=FallbackStorage}const storage=Storage},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/auth/down-notification.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".title_d876 {\n font-weight: var(--ring-font-weight-bold);\n}\n\n.error_e0ca {\n margin-top: calc(var(--ring-unit)/2);\n\n word-wrap: break-word;\n\n color: var(--ring-text-color);\n\n line-height: calc(var(--ring-unit)*2);\n}\n","",{version:3,sources:["webpack://./src/auth/down-notification.css"],names:[],mappings:"AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,oCAAsC;;EAEtC,qBAAqB;;EAErB,6BAA6B;;EAE7B,qCAAuC;AACzC",sourcesContent:['@import "../global/variables.css";\n\n.title {\n font-weight: var(--ring-font-weight-bold);\n}\n\n.error {\n margin-top: calc(var(--ring-unit) / 2);\n\n word-wrap: break-word;\n\n color: var(--ring-text-color);\n\n line-height: calc(var(--ring-unit) * 2);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={title:"title_d876",error:"error_e0ca"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".group_ba3b > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n","",{version:3,sources:["webpack://./src/group/group.css"],names:[],mappings:"AAGE;IACE,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.group {\n & > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={group:"group_ba3b"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/es6-error/es6/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=function(_extendableBuiltin2){function ExtendableError(){var message=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,ExtendableError);var _this=_possibleConstructorReturn(this,(ExtendableError.__proto__||Object.getPrototypeOf(ExtendableError)).call(this,message));return Object.defineProperty(_this,"message",{configurable:!0,enumerable:!1,value:message,writable:!0}),Object.defineProperty(_this,"name",{configurable:!0,enumerable:!1,value:_this.constructor.name,writable:!0}),Error.hasOwnProperty("captureStackTrace")?(Error.captureStackTrace(_this,_this.constructor),_possibleConstructorReturn(_this)):(Object.defineProperty(_this,"stack",{configurable:!0,enumerable:!1,value:new Error(message).stack,writable:!0}),_this)}return function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}(ExtendableError,_extendableBuiltin2),ExtendableError}(function _extendableBuiltin(cls){function ExtendableBuiltin(){cls.apply(this,arguments)}return ExtendableBuiltin.prototype=Object.create(cls.prototype,{constructor:{value:cls,enumerable:!1,writable:!0,configurable:!0}}),Object.setPrototypeOf?Object.setPrototypeOf(ExtendableBuiltin,cls):ExtendableBuiltin.__proto__=cls,ExtendableBuiltin}(Error))},"./node_modules/simply-uuid/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/simply-uuid/lib/uuid-node.js")},"./node_modules/simply-uuid/lib/uuid-node.js":(module,exports)=>{"use strict";module.exports.generate=function(){for(var lut=[],i=0;i<256;i++)lut[i]=(i<16?"0":"")+i.toString(16);var d0=4294967295*Math.random()|0,d1=4294967295*Math.random()|0,d2=4294967295*Math.random()|0,d3=4294967295*Math.random()|0;return lut[255&d0]+lut[d0>>8&255]+lut[d0>>16&255]+lut[d0>>24&255]+"-"+lut[255&d1]+lut[d1>>8&255]+"-"+lut[d1>>16&15|64]+lut[d1>>24&255]+"-"+lut[63&d2|128]+lut[d2>>8&255]+"-"+lut[d2>>16&255]+lut[d2>>24&255]+lut[255&d3]+lut[d3>>8&255]+lut[d3>>16&255]+lut[d3>>24&255]}},"./src/auth/down-notification.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/auth/down-notification.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/group/group.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"?4f7e":()=>{}}]); \ No newline at end of file diff --git a/master/1259.9c335aa7.iframe.bundle.js b/master/1259.9c335aa7.iframe.bundle.js new file mode 100644 index 00000000000..baa42c3a2b8 --- /dev/null +++ b/master/1259.9c335aa7.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[1259],{"./.storybook/hub-config.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const{serverUri,clientId}={serverUri:"https://hub.jetbrains.com",clientId:"81a0bffb-6d0f-4a38-b93a-0a4d1e567698"},{origin,pathname}=window.location,__WEBPACK_DEFAULT_EXPORT__={reloadOnUserChange:!1,embeddedLogin:!0,serverUri,clientId,requestCredentials:"skip",redirectUri:`${origin+(pathname.startsWith("/ring-ui/")?"/ring-ui/master/":"/")}iframe.html?id=utilities-auth--basic`}},"./src/alert-service/alert-service.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_dom_client__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-dom/client.js"),_global_get_uid__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/get-uid.ts"),_alert_alert__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/alert/container.tsx"),_alert_alert__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/alert/alert.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=new class AlertService{defaultTimeout=0;showingAlerts=[];containerElement=document.createElement("div");reactRoot=(0,react_dom_client__WEBPACK_IMPORTED_MODULE_0__.createRoot)(this.containerElement);_getShowingAlerts(){return[...this.showingAlerts]}renderAlertContainer(alerts){return 0===alerts.length?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_2__.A,{children:alerts.map((alert=>{const{message,key,...rest}=alert;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay,{...rest,children:message},key)}))})}renderAlerts(){this.reactRoot.render(this.renderAlertContainer(this.showingAlerts))}findSameAlert(message,type){return this.showingAlerts.filter((it=>it.type===type&&it.message===message))[0]}startAlertClosing(alert){alert.isClosing=!0,this.renderAlerts()}remove(key){const alertToClose=this.showingAlerts.filter((alert=>alert.key===key))[0];alertToClose&&this.startAlertClosing(alertToClose)}removeWithoutAnimation(key){this.showingAlerts=this.showingAlerts.filter((alert=>alert.key!==key)),this.renderAlerts()}stopShakingWhenAnimationDone(shakingAlert){setTimeout((()=>{shakingAlert.showWithAnimation=!1,shakingAlert.isShaking=!1,this.renderAlerts()}),_alert_alert__WEBPACK_IMPORTED_MODULE_3__.hH)}addAlert(message,type,timeout=this.defaultTimeout,options={}){const{onCloseRequest,onClose,...restOptions}=options,sameAlert=this.findSameAlert(message,type);if(sameAlert)return sameAlert.isShaking=!0,this.renderAlerts(),this.stopShakingWhenAnimationDone(sameAlert),sameAlert.key;const alert={key:(0,_global_get_uid__WEBPACK_IMPORTED_MODULE_4__.A)("alert-service-"),message,type,timeout,isClosing:!1,onCloseRequest:()=>{onCloseRequest?.(),this.startAlertClosing(alert)},onClose:()=>{onClose?.(),this.removeWithoutAnimation(alert.key)},...restOptions};return this.showingAlerts=[alert,...this.showingAlerts],this.renderAlerts(),alert.key}setDefaultTimeout(timeout){this.defaultTimeout=timeout}error(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.ERROR,timeout)}message(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.MESSAGE,timeout)}warning(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.WARNING,timeout)}successMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.SUCCESS,timeout)}loadingMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.LOADING,timeout)}}},"./src/auth/auth.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>auth});var response_parser=__webpack_require__("./src/auth/response-parser.ts");__webpack_require__("./node_modules/react/index.js");var prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),alert_service=__webpack_require__("./src/alert-service/alert-service.tsx"),alert_alert=__webpack_require__("./src/alert/alert.tsx"),link_link=__webpack_require__("./src/link/link.tsx"),group=__webpack_require__("./src/group/group.tsx"),down_notification=__webpack_require__("./src/auth/down-notification.css"),down_notification_default=__webpack_require__.n(down_notification),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let key=null;function renderAlert(message,type=alert_alert.Ay.Type.WARNING){const existingAlert=alert_service.A.showingAlerts.filter((alert=>alert.key===key))[0];existingAlert?(existingAlert.message=message,existingAlert.type=type,alert_service.A.renderAlerts()):key=alert_service.A.addAlert(message,type,0,{closeable:!1})}function Message({translations,onCheckAgain}){const{backendIsNotAvailable,checkAgain,errorMessage}=translations;return(0,jsx_runtime.jsxs)("div",{"data-test":"ring-backend-down-notification",children:[(0,jsx_runtime.jsx)(group.A,{children:(0,jsx_runtime.jsx)("div",{className:down_notification_default().title,children:backendIsNotAvailable})}),(0,jsx_runtime.jsxs)("span",{className:down_notification_default().error,children:[errorMessage," "]}),(0,jsx_runtime.jsx)(link_link.A,{onClick:onCheckAgain,"data-test":"check-again",children:checkAgain})]})}Message.propTypes={translations:prop_types_default().shape({backendIsNotAvailable:prop_types_default().string,checkAgain:prop_types_default().string,errorMessage:prop_types_default().string}),onCheckAgain:prop_types_default().func};var auth_core=__webpack_require__("./src/auth/auth__core.ts");auth_core.Ay.DEFAULT_CONFIG={...auth_core.Ay.DEFAULT_CONFIG,EmbeddedLoginFlow:class WindowFlow{_timeoutId=void 0;_requestBuilder;_storage;reject;_loginWindow;_promise;constructor(requestBuilder,storage){this._requestBuilder=requestBuilder,this._storage=storage,this._reset()}_openWindow(url){const top=(window.screen.height-700-50)/2,left=(window.screen.width-750)/2;return window.open(url,"HubLoginWindow",`height=700, width=750, left=${left}, top=${top}`)}async _load(){const authRequest=await this._requestBuilder.prepareAuthRequest({request_credentials:"required",auth_mode:"bypass_to_login"},{nonRedirect:!0});return new Promise(((resolve,reject)=>{let cleanRun;this.reject=reject;const cleanUp=()=>{cleanRun||(cleanRun=!0,removeStateListener(),removeTokenListener(),this._loginWindow?.close(),clearTimeout(this._timeoutId))},removeTokenListener=this._storage.onTokenChange((token=>{token&&(cleanUp(),resolve(token.accessToken))})),removeStateListener=this._storage.onStateChange(authRequest.stateId,(state=>{state&&state.error&&(cleanUp(),reject(new response_parser.A.AuthError(state)))}));null==this._loginWindow||this._loginWindow.closed?this._loginWindow=this._openWindow(authRequest.url):this._loginWindow.location.href=authRequest.url,this.checkIsClosed()}))}checkIsClosed=()=>{this._loginWindow?.closed?this.stop():this._timeoutId=window.setTimeout(this.checkIsClosed,200)};_reset=()=>{this._promise=null,this._loginWindow=null,clearTimeout(this._timeoutId)};stop(){null!=this._loginWindow&&this._loginWindow.close(),this.reject&&this.reject("Authorization window closed"),this._reset()}authorize(){return null==this._promise||null==this._loginWindow||this._loginWindow.closed?(this._promise=this._load(),this._promise.then(this._reset,this._reset),this._promise):(this._loginWindow.focus(),this._promise)}},onBackendDown:function onBackendDown({onCheckAgain,translations}){return renderAlert((0,jsx_runtime.jsx)(Message,{translations,onCheckAgain:async function checkAgainWithoutClosing(e){e.stopPropagation();try{renderAlert("Connecting...",alert_alert.Ay.Type.LOADING),await onCheckAgain()}catch(err){renderAlert((0,jsx_runtime.jsx)(Message,{translations,onCheckAgain:checkAgainWithoutClosing}))}}})),()=>alert_service.A.remove(key)}};const auth=auth_core.Ay},"./src/auth/auth__core.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{xi:()=>LOGOUT_POSTPONED_EVENT,yb:()=>USER_CHANGED_EVENT,zz:()=>USER_CHANGE_POSTPONED_EVENT,Ay:()=>Auth});var global_url=__webpack_require__("./src/global/url.ts");class Listeners{_all=new Map;trigger(...[event,data]){const handlers=this._all.get(event);return handlers?Promise.all([...handlers].map((fn=>fn(data)))):Promise.resolve([])}add(event,handler){let handlers=this._all.get(event);handlers||(handlers=new Set,this._all.set(event,handlers)),handlers.add(handler)}remove(event,handler){const handlers=this._all.get(event);handlers&&handlers.delete(handler)}removeAll(){this._all=new Map}}var http=__webpack_require__("./src/http/http.ts");function promiseWithTimeout(promise,timeout,{error,onTimeout=()=>{}}){return new Promise(((resolve,reject)=>{setTimeout((()=>{onTimeout(),reject(error||new Error("Timeout"))}),timeout),promise.then(resolve,reject)}))}var i18n=__webpack_require__("./src/i18n/i18n.ts"),storage=__webpack_require__("./src/storage/storage.ts");class AuthStorage{messagePrefix;stateKeyPrefix;tokenKey;userKey;stateTTL;stateQuota;_lastMessage;_stateStorage;_tokenStorage;_messagesStorage;_currentUserStorage;constructor(config){this.messagePrefix=config.messagePrefix||"",this.stateKeyPrefix=config.stateKeyPrefix||"",this.tokenKey=config.tokenKey||"",this.userKey=config.userKey||"user-key",this.stateTTL=config.stateTTL||864e5,this._lastMessage=null;const StorageConstructor=config.storage||storage.A;this.stateQuota=Math.min(config.stateQuota||102400,StorageConstructor.QUOTA||1/0),this._stateStorage=new StorageConstructor({cookieName:"ring-state"}),this._tokenStorage=new StorageConstructor({cookieName:"ring-token"}),this._messagesStorage=new StorageConstructor({cookieName:"ring-message"}),this._currentUserStorage=new StorageConstructor({cookieName:"ring-user"})}onTokenChange(fn){return this._tokenStorage.on(this.tokenKey,fn)}onStateChange(stateKey,fn){return this._stateStorage.on(this.stateKeyPrefix+stateKey,fn)}onMessage(key,fn){return this._messagesStorage.on(this.messagePrefix+key,(message=>fn(message)))}sendMessage(key,message=null){this._lastMessage=message,this._messagesStorage.set(this.messagePrefix+key,message)}async saveState(id,state,dontCleanAndRetryOnFail){state.created=Date.now();try{await this._stateStorage.set(this.stateKeyPrefix+id,state)}catch(e){if(dontCleanAndRetryOnFail)throw e;return await this.cleanStates(),this.saveState(id,state,!0)}}async cleanStates(removeStateId){const now=Date.now(),currentStates=(await this._stateStorage.each(((key,value)=>{if(null!=value){if(key===this.stateKeyPrefix+removeStateId)return this._stateStorage.remove(key);if(0===key.indexOf(this.stateKeyPrefix)){var _state$created;const state=value,created=null!==(_state$created=state.created)&&void 0!==_state$created?_state$created:Date.now();return created+this.stateTTLnull!=state));let stateStorageSize=currentStates.reduce(((overallSize,state)=>state.size+overallSize),0);if(stateStorageSize>this.stateQuota){currentStates.sort(((a,b)=>a.created-b.created));const removalPromises=currentStates.filter((state=>stateStorageSize>this.stateQuota&&(stateStorageSize-=state.size,!0))).map((state=>this._stateStorage.remove(state.key)));return removalPromises.length&&Promise.all(removalPromises)}}async getState(id){try{const result=await this._stateStorage.get(this.stateKeyPrefix+id);return await this.cleanStates(id),result}catch(e){throw await this.cleanStates(id),e}}saveToken(token){return this._tokenStorage.set(this.tokenKey,token)}getToken(){return this._tokenStorage.get(this.tokenKey)}wipeToken(){return this._tokenStorage.remove(this.tokenKey)}async getCachedUser(loadUser){const user=await this._currentUserStorage.get(this.userKey),loadAndCache=()=>loadUser().then((response=>(this._currentUserStorage.set(this.userKey,response),response)));return user&&user.id?(setTimeout(loadAndCache,1e3),user):loadAndCache()}wipeCachedCurrentUser(){return this._currentUserStorage.remove(this.userKey)}onUserChanged(){this.wipeCachedCurrentUser()}}var response_parser=__webpack_require__("./src/auth/response-parser.ts"),simply_uuid=__webpack_require__("./node_modules/simply-uuid/index.js"),simply_uuid_default=__webpack_require__.n(simply_uuid);class AuthRequestBuilder{config;storage;constructor(config,storage){this.config=config,this.storage=storage}static _uuid=simply_uuid_default().generate;async prepareAuthRequest(extraParams,extraState){const stateId=AuthRequestBuilder._uuid(),scopes=this.config.scopes.map((scope=>encodeURIComponent(scope))),request=Object.assign({response_type:"token",state:stateId,redirect_uri:this.config.redirectUri,request_credentials:this.config.requestCredentials,client_id:this.config.clientId,scope:scopes.join(" ")},extraParams||{}),authURL=(0,global_url.oZ)(this.config.authorization,request),state=Object.assign({restoreLocation:window.location.href,scopes:this.config.scopes},extraState||{});return await this._saveState(stateId,state),{url:authURL,stateId}}_saveState(id,storedState){return this.storage?.saveState(id,storedState)}}var background_flow=__webpack_require__("./src/auth/background-flow.ts"),es6=__webpack_require__("./node_modules/es6-error/es6/index.js");class TokenValidationError extends es6.A{cause;authRedirect;constructor(message,cause){super(message),this.cause=cause,this.authRedirect=!0}}class TokenValidator{_getUser;_config;_storage;constructor(config,getUser,storage){this._getUser=getUser,this._config=config,this._storage=storage}static _epoch(){return Math.round(Date.now()/1e3)}static DEFAULT_REFRESH_BEFORE=600;static TokenValidationError=TokenValidationError;validateTokenLocally(){return this._getValidatedToken([TokenValidator._validateExistence,TokenValidator._validateExpiration,this._validateScopes.bind(this)])}validateToken(){return this._getValidatedToken([TokenValidator._validateExistence,TokenValidator._validateExpiration,this._validateScopes.bind(this),this._validateAgainstUser.bind(this)])}static _validateExistence(storedToken){if(!storedToken||!storedToken.accessToken)throw new TokenValidator.TokenValidationError("Token not found")}static _validateExpiration({expires,lifeTime}){const refreshBefore=lifeTime?Math.ceil(lifeTime/6):TokenValidator.DEFAULT_REFRESH_BEFORE;if(expires&&expires!optionalScopes.includes(scopeId))):scope).every((scopeId=>storedToken.scopes?.includes(scopeId))))throw new TokenValidator.TokenValidationError("Token doesn't match required scopes")}static shouldRefreshToken(error){return"invalid_grant"===error||"invalid_request"===error||"invalid_token"===error}async _validateAgainstUser(storedToken){try{return await this._getUser(storedToken.accessToken)}catch(errorResponse){let response={};try{response=await errorResponse.response.json()}catch(e){}if(errorResponse.status===http.Sq.UNAUTHORIZED||TokenValidator.shouldRefreshToken(response.error))throw new TokenValidator.TokenValidationError(response.error||errorResponse.message,errorResponse.data?.error?new Error(errorResponse.data?.error):void 0);throw errorResponse}}async _getValidatedToken(validators){const storedToken=await this._storage.getToken();if(null==storedToken)throw new TokenValidator.TokenValidationError("Token not found");for(let i=0;i{},onPostponeLogout:()=>{},enableBackendStatusCheck:!0,backendCheckTimeout:1e4,checkBackendIsUp:()=>Promise.resolve(null),onBackendDown:()=>()=>{},defaultExpiresIn:2400,waitForRedirectTimeout:5e3,translations:null};class Auth{static DEFAULT_CONFIG=DEFAULT_CONFIG;static API_PATH="api/rest/";static API_AUTH_PATH="oauth2/auth";static API_PROFILE_PATH="users/me";static CLOSE_BACKEND_DOWN_MESSAGE="backend-check-succeeded";static CLOSE_WINDOW_MESSAGE="close-login-window";static shouldRefreshToken=TokenValidator.shouldRefreshToken;static storageIsUnavailable=!navigator.cookieEnabled;config;listeners=new Listeners;http;_service={};_storage=null;_responseParser=new response_parser.A;_requestBuilder=null;_backgroundFlow;_embeddedFlow=null;_tokenValidator=null;_postponed=!1;_backendCheckPromise=null;_authDialogService=void 0;_domainStorage;user=null;_initDeferred;_isLoginWindowOpen;constructor(config){if(!config)throw new Error("Config is required");if(null==config.serverUri)throw new Error('"serverUri" property is required');const unsupportedParams=["redirect_uri","request_credentials","client_id"].filter((param=>config.hasOwnProperty(param)));if(0!==unsupportedParams.length)throw new Error(`The following parameters are no longer supported: ${unsupportedParams.join(", ")}. Please change them from snake_case to camelCase.`);config.userFields=config.userFields||[],this.config={...Auth.DEFAULT_CONFIG,...config};const{clientId,redirect,redirectUri,requestCredentials,scope}=this.config,serverUriLength=this.config.serverUri.length;serverUriLength>0&&"/"!==this.config.serverUri.charAt(serverUriLength-1)&&(this.config.serverUri+="/"),this.config.userParams={query:{fields:[...new Set(Auth.DEFAULT_CONFIG.userFields.concat(config.userFields))].join()}},scope.includes(Auth.DEFAULT_CONFIG.clientId)||scope.push(Auth.DEFAULT_CONFIG.clientId),this._storage=new AuthStorage({messagePrefix:`${clientId}-message-`,stateKeyPrefix:`${clientId}-states-`,tokenKey:`${clientId}-token`,userKey:`${clientId}-user-`}),this._domainStorage=new AuthStorage({messagePrefix:"domain-message-"}),this._requestBuilder=new AuthRequestBuilder({authorization:this.config.serverUri+Auth.API_PATH+Auth.API_AUTH_PATH,clientId,redirect,redirectUri,requestCredentials,scopes:scope},this._storage);let{backgroundRefreshTimeout}=this.config;var _this$config$translat;(backgroundRefreshTimeout||(backgroundRefreshTimeout=this.config.embeddedLogin?1e4:2e4),this._backgroundFlow=new background_flow.A(this._requestBuilder,this._storage,backgroundRefreshTimeout),this.config.EmbeddedLoginFlow)&&(this._embeddedFlow=new this.config.EmbeddedLoginFlow(this._requestBuilder,this._storage,null!==(_this$config$translat=this.config.translations)&&void 0!==_this$config$translat?_this$config$translat:(0,i18n.xO)()));const API_BASE=this.config.serverUri+Auth.API_PATH,fetchConfig=config.fetchCredentials?{credentials:config.fetchCredentials}:void 0;this.http=new http.Ay(this,API_BASE,fetchConfig);this._tokenValidator=new TokenValidator(this.config,(async token=>{const user=await this.getUser(token);return this.user=user,user}),this._storage),this.config.onLogout&&this.addListener("logout",this.config.onLogout),this.config.reloadOnUserChange&&this.addListener(USER_CHANGED_EVENT,(()=>this._reloadCurrentPage())),this.addListener(LOGOUT_POSTPONED_EVENT,(()=>this._setPostponed(!0))),this.addListener(USER_CHANGE_POSTPONED_EVENT,(()=>this._setPostponed(!0))),this.addListener(USER_CHANGED_EVENT,(()=>this._setPostponed(!1))),this.addListener(USER_CHANGED_EVENT,(user=>{user&&this._updateDomainUser(user.id)})),this.config.cacheCurrentUser&&(this.addListener("logout",(()=>this._storage?.wipeCachedCurrentUser())),this.addListener(USER_CHANGED_EVENT,(()=>this._storage?.onUserChanged()))),this._createInitDeferred(),this.setUpPreconnect(config.serverUri)}_setPostponed(postponed=!1){this._postponed=postponed}_updateDomainUser(userID){this._domainStorage.sendMessage("domainUser",{userID,serviceID:this.config.clientId})}addListener(event,handler){this.listeners.add(event,handler)}removeListener(event,handler){this.listeners.remove(event,handler)}setAuthDialogService(authDialogService){this._authDialogService=authDialogService}setCurrentService(service){this._service=service}_createInitDeferred(){const deferred={};deferred.promise=new Promise(((resolve,reject)=>{deferred.resolve=resolve,deferred.reject=reject})),this._initDeferred=deferred}async init(){let state;this._storage?.onTokenChange((async token=>{if(!(!!this.user&&this.user.guest)||token)if(token)try{await this._detectUserChange(token.accessToken)}catch(error){if(!(error instanceof Error))throw error;this._canShowDialogs()&&this._showAuthDialog({nonInteractive:!0,error})}else this.logout()})),this._domainStorage.onMessage("domainUser",(message=>{const{userID,serviceID}=message||{};serviceID!==this.config.clientId&&(this.user&&userID===this.user.id||this.forceTokenUpdate())}));try{state=await this._checkForAuthResponse()}catch(error){return error instanceof Error?this.handleInitError(error):void 0}if(state&&state.nonRedirect)return new Promise(noop);try{await(this._tokenValidator?.validateToken());const message=await this._domainStorage._messagesStorage.get("domain-message-domainUser");if(message){const{userID,serviceID}=message;serviceID===this.config.clientId||userID&&this.user?.id===userID||this.forceTokenUpdate()}return state||(state=await this._checkForStateRestoration()),this._initDeferred?.resolve?.(state&&state.restoreLocation),state?.restoreLocation}catch(error){return Auth.storageIsUnavailable?(this._initDeferred?.resolve?.(),await this.requestUser(),null):error instanceof Error?this.handleInitValidationError(error):void 0}}async sendRedirect(error){const authRequest=await(this._requestBuilder?.prepareAuthRequest());throw null!=authRequest&&this._redirectCurrentPage(authRequest.url),await new Promise((resolve=>setTimeout(resolve,this.config.waitForRedirectTimeout))),error}async handleInitError(error){if("stateId"in error&&error.stateId)try{const state=await(this._storage?.getState(error.stateId));if(state&&state.nonRedirect)return state.error=error,this._storage?.saveState(error.stateId,state),new Promise(noop)}catch(e){}throw error}async handleInitValidationError(error){if("cause"in error&&error.cause instanceof Error&&"invalid_client"===error.cause?.message)return console.error("RingUI Auth: invalid client detected. Logging out",error),void await this.logout();if("authRedirect"in error&&error.authRedirect&&this.config.redirect)return this.sendRedirect(error);if("authRedirect"in error&&error.authRedirect&&!this.config.redirect)try{return await(this._backgroundFlow?.authorize()),await(this._tokenValidator?.validateToken()),void this._initDeferred?.resolve?.()}catch(validationError){return validationError instanceof Error?this.sendRedirect(validationError):void 0}throw this._initDeferred?.reject?.(error),error}async requestToken(){if(this._postponed)throw new Error("You should log in to be able to make requests");try{var _await$this$_tokenVal;return await(this._initDeferred?.promise),Auth.storageIsUnavailable?null:null!==(_await$this$_tokenVal=await(this._tokenValidator?.validateTokenLocally()))&&void 0!==_await$this$_tokenVal?_await$this$_tokenVal:null}catch(e){return this.forceTokenUpdate()}}async forceTokenUpdate(){try{this._backendCheckPromise||(this._backendCheckPromise=this._checkBackendsStatusesIfEnabled()),await this._backendCheckPromise}catch(e){throw new Error("Cannot refresh token: backend is not available. Postponed by user.")}finally{this._backendCheckPromise=null}try{var _await$this$_backgrou;return null!==(_await$this$_backgrou=await(this._backgroundFlow?.authorize()))&&void 0!==_await$this$_backgrou?_await$this$_backgrou:null}catch(error){if(!(error instanceof Error))return null;if(this._canShowDialogs())return new Promise((resolve=>{const onTryAgain=async()=>{try{const result=await(this._backgroundFlow?.authorize());resolve(null!=result?result:null)}catch(retryError){throw retryError instanceof Error&&this._showAuthDialog({nonInteractive:!0,error:retryError,onTryAgain}),retryError}};this._showAuthDialog({nonInteractive:!0,error,onTryAgain})}));{const authRequest=await(this._requestBuilder?.prepareAuthRequest());null!=authRequest&&this._redirectCurrentPage(authRequest.url)}throw new TokenValidator.TokenValidationError(error.message)}}async loadCurrentService(){if(!this._service.serviceName)try{const{serviceName,iconUrl:serviceImage}=await this.http.get(`oauth2/interactive/login/settings?client_id=${this.config.clientId}`)||{};this.setCurrentService({serviceImage,serviceName})}catch(e){}}getAPIPath(){return this.config.serverUri+Auth.API_PATH}getUser(accessToken){return this.config.cacheCurrentUser?this._storage?.getCachedUser((()=>this.http.authorizedFetch(Auth.API_PROFILE_PATH,accessToken,this.config.userParams))):this.http.authorizedFetch(Auth.API_PROFILE_PATH,accessToken,this.config.userParams)}async requestUser(){if(this.user)return this.user;const accessToken=await this.requestToken();if(this.user)return this.user;const user=await this.getUser(accessToken);return this.user=user,user}async updateUser(){this._setPostponed(!1);const accessToken=await this.requestToken();this._storage?.wipeCachedCurrentUser();const user=await this.getUser(accessToken);this.user=user,this.listeners.trigger(USER_CHANGED_EVENT,user)}async _detectUserChange(accessToken){const windowWasOpen=this._isLoginWindowOpen,user=await this.getUser(accessToken),onApply=()=>{this.user=user,this.listeners.trigger(USER_CHANGED_EVENT,user)};if(user&&this.user&&this.user.id!==user.id){if(!this._canShowDialogs()||this.user.guest||windowWasOpen)return void onApply();if(user.guest)return void this._showAuthDialog({nonInteractive:!0});await this._showUserChangedDialog({newUser:user,onApply,onPostpone:()=>{this.listeners.trigger(USER_CHANGE_POSTPONED_EVENT),this.config.onPostponeChangedUser(this.user,user)}})}}_beforeLogout(params){this._canShowDialogs()?this._showAuthDialog(params):this.logout()}_showAuthDialog({nonInteractive,error,canCancel,onTryAgain}={}){const{embeddedLogin,onPostponeLogout,translations}=this.config,cancelable=this.user?.guest||canCancel,actualTranslations=null!=translations?translations:(0,i18n.$)();this._createInitDeferred();const closeDialog=()=>{stopTokenListening?.(),stopMessageListening?.(),hide?.()},hide=this._authDialogService?.({...this._service,loginCaption:actualTranslations.login,loginToCaption:actualTranslations.loginTo,confirmLabel:actualTranslations.login,tryAgainLabel:actualTranslations.tryAgainLabel,cancelLabel:cancelable?actualTranslations.cancel:actualTranslations.postpone,errorMessage:this._extractErrorMessage(error,!0),onConfirm:()=>{if(!embeddedLogin)return closeDialog(),void this.logout();this._runEmbeddedLogin()},onCancel:()=>{if(this._embeddedFlow?.stop(),this._storage?.sendMessage(Auth.CLOSE_WINDOW_MESSAGE,Date.now()),closeDialog(),!cancelable)return this._initDeferred?.resolve?.(),this.listeners.trigger(LOGOUT_POSTPONED_EVENT),void onPostponeLogout();this.user?.guest&&nonInteractive?this.forceTokenUpdate():this._initDeferred?.resolve?.()},onTryAgain:onTryAgain?async()=>{await(onTryAgain?.()),closeDialog()}:void 0}),stopTokenListening=this._storage?.onTokenChange((token=>{token&&(closeDialog(),this._initDeferred?.resolve?.())})),stopMessageListening=this._storage?.onMessage(Auth.CLOSE_WINDOW_MESSAGE,(()=>this._embeddedFlow?.stop()))}_showUserChangedDialog({newUser,onApply,onPostpone}){var _translations$youHave,_newUser$name,_newUser$name2,_translations$login,_translations$loginTo,_translations$applyCh,_translations$tryAgai,_translations$postpon;const{translations}=this.config;this._createInitDeferred();const done=()=>{this._initDeferred?.resolve?.(),hide?.()},hide=this._authDialogService?.({...this._service,title:null!==(_translations$youHave=translations?.youHaveLoggedInAs)&&void 0!==_translations$youHave?_translations$youHave:(0,i18n.Tl)("youHaveLoggedInAs").replace("%userName%",null!==(_newUser$name=newUser.name)&&void 0!==_newUser$name?_newUser$name:"").replace("{{userName}}",null!==(_newUser$name2=newUser.name)&&void 0!==_newUser$name2?_newUser$name2:""),loginCaption:null!==(_translations$login=translations?.login)&&void 0!==_translations$login?_translations$login:(0,i18n.Tl)("login"),loginToCaption:null!==(_translations$loginTo=translations?.loginTo)&&void 0!==_translations$loginTo?_translations$loginTo:(0,i18n.Tl)("loginTo"),confirmLabel:null!==(_translations$applyCh=translations?.applyChange)&&void 0!==_translations$applyCh?_translations$applyCh:(0,i18n.Tl)("applyChange"),tryAgainLabel:null!==(_translations$tryAgai=translations?.tryAgainLabel)&&void 0!==_translations$tryAgai?_translations$tryAgai:(0,i18n.Tl)("tryAgainLabel"),cancelLabel:null!==(_translations$postpon=translations?.postpone)&&void 0!==_translations$postpon?_translations$postpon:(0,i18n.Tl)("postpone"),onConfirm:()=>{done(),onApply()},onCancel:()=>{done(),onPostpone()}})}_extractErrorMessage(error,logError=!1){if(!error)return null;logError&&console.error("RingUI Auth error",error);try{if("code"in error&&error.code&&"object"==typeof error.code&&"code"in error.code&&"string"==typeof error.code.code){return`Authorization error: ${error.code.code.split("_").join(" ")}`}}catch{}return error.toString?error.toString():null}_showBackendDownDialog(backendError){const{onBackendDown,translations}=this.config;let timerId;return new Promise(((resolve,reject)=>{const done=()=>{hide(),window.removeEventListener("online",onCheckAgain),stopListeningCloseMessage?.(),this._storage?.sendMessage(Auth.CLOSE_BACKEND_DOWN_MESSAGE,Date.now()),clearTimeout(timerId)},stopListeningCloseMessage=this._storage?.onMessage(Auth.CLOSE_BACKEND_DOWN_MESSAGE,(()=>{stopListeningCloseMessage?.(),done(),resolve()})),onCheckAgain=async()=>{await this._checkBackendsAreUp(),done(),resolve()},hide=onBackendDown({onCheckAgain,onPostpone:()=>{done(),reject(new Error("Auth(@jetbrains/ring-ui): postponed by user"))},backendError,translations:null!=translations?translations:(0,i18n.xO)()});window.addEventListener("online",onCheckAgain),timerId=window.setTimeout((function networkWatchdog(){navigator&&navigator.onLine&&onCheckAgain(),timerId=window.setTimeout(networkWatchdog,5e3)}),5e3)}))}async logout(extraParams){const requestParams={request_credentials:"required",...extraParams};await this._checkBackendsStatusesIfEnabled(),await this.listeners.trigger("logout"),this._updateDomainUser(null),await(this._storage?.wipeToken());const authRequest=await(this._requestBuilder?.prepareAuthRequest(requestParams));null!=authRequest&&this._redirectCurrentPage(authRequest.url)}async _runEmbeddedLogin(){this._storage?.sendMessage(Auth.CLOSE_WINDOW_MESSAGE,Date.now());try{return this._isLoginWindowOpen=!0,await(this._embeddedFlow?.authorize())}catch(e){throw e}finally{this._isLoginWindowOpen=!1}}async login(){if(this.config.embeddedLogin)await this._runEmbeddedLogin();else{await this._checkBackendsStatusesIfEnabled();try{const accessToken=await(this._backgroundFlow?.authorize()),user=await this.getUser(accessToken);user.guest?this._beforeLogout():(this.user=user,this.listeners.trigger(USER_CHANGED_EVENT,user))}catch(e){this._beforeLogout()}}}async switchUser(){if(!this.config.embeddedLogin)throw new Error('Auth: switchUser only supported for "embeddedLogin" mode');await this._runEmbeddedLogin()}_makeStateFromResponse(authResponse){const{state}=authResponse;if(!state)return{};const{scope:defaultScope}=this.config;try{return new URL(state).origin!==window.location.origin?{}:{restoreLocation:state,created:Date.now(),scopes:defaultScope}}catch(e){return{}}}async _checkForAuthResponse(){const authResponse=this._responseParser.getAuthResponseFromURL(),{scope:defaultScope,defaultExpiresIn,cleanHash}=this.config;if(authResponse&&cleanHash&&this.setHash(""),!authResponse)return;const{state:stateId,scope,expiresIn,accessToken}=authResponse,newState=await(stateId&&this._storage?.getState(stateId))||this._makeStateFromResponse(authResponse),scopes=scope?scope.split(" "):newState.scopes||defaultScope||[],effectiveExpiresIn=expiresIn?parseInt(expiresIn,10):defaultExpiresIn,expires=TokenValidator._epoch()+effectiveExpiresIn;return null!=accessToken&&await(this._storage?.saveToken({accessToken,scopes,expires,lifeTime:effectiveExpiresIn})),newState}async _checkForStateRestoration(){const authResponse=this._responseParser._authResponse;authResponse&&this.config.cleanHash&&this.setHash("");const stateId=authResponse?.restoreAuthState;return await(stateId&&this._storage?.getState(stateId))||{}}_checkBackendsAreUp(){const abortCtrl=new AbortController,{backendCheckTimeout}=this.config;return Promise.all([promiseWithTimeout(this.http.fetch("settings/public?fields=id",{signal:abortCtrl.signal}),backendCheckTimeout,{error:new Error("The authorization server is taking too long to respond. Please try again later."),onTimeout:()=>abortCtrl.abort()}),this.config.checkBackendIsUp()]).catch((err=>{if(err instanceof TypeError)throw new TypeError("Could not connect to the server due to network error. Please check your connection and try again.");throw err}))}async _checkBackendsStatusesIfEnabled(){if(this.config.enableBackendStatusCheck)try{await this._checkBackendsAreUp()}catch(backendDownErr){backendDownErr instanceof Error&&await this._showBackendDownDialog(backendDownErr)}}setUpPreconnect(url){const linkNode=document.createElement("link");linkNode.rel="preconnect",linkNode.href=url,linkNode.pr="1.0",linkNode.crossOrigin="use-credentials",document.head.appendChild(linkNode)}_redirectCurrentPage(url){window.location.href=(0,global_url.Dn)(url)}_reloadCurrentPage(){this._redirectCurrentPage(window.location.href)}_canShowDialogs(){return this.config.embeddedLogin&&this._authDialogService}setHash(hash){if(history.replaceState){const cleanedUrl=[window.location.pathname,window.location.search].join(""),hashIfExist=hash?`#${hash}`:"";history.replaceState(void 0,"",`${cleanedUrl}${hashIfExist}`)}else window.location.hash=hash}}},"./src/auth/background-flow.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>BackgroundFlow,n:()=>HUB_AUTH_PAGE_OPENED});var _response_parser__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/auth/response-parser.ts");const HUB_AUTH_PAGE_OPENED="HUB_AUTH_PAGE_OPENED";class BackgroundFlow{_requestBuilder;_storage;_timeout;_promise;constructor(requestBuilder,storage,timeout){this._requestBuilder=requestBuilder,this._storage=storage,this._timeout=timeout}_createHiddenFrame(){const iframe=document.createElement("iframe");return iframe.style.border=iframe.style.width=iframe.style.height="0px",iframe.style.visibility="hidden",iframe.style.position="fixed",iframe.style.left="-10000px",window.document.body.appendChild(iframe),iframe}_redirectFrame(iframe,url){iframe.src=`${url}&rnd=${Math.random()}`}async _load(){const authRequest=await this._requestBuilder.prepareAuthRequest({request_credentials:"silent"},{nonRedirect:!0});return new Promise(((resolve,reject)=>{function onMessage(e){e.data===HUB_AUTH_PAGE_OPENED&&(reject(new Error("Failed to obtain/refresh token in background")),cleanUp())}window.addEventListener("message",onMessage);const iframe=this._createHiddenFrame();let cleanRun;const timeout=setTimeout((()=>{reject(new Error("Failed to refresh authorization")),cleanUp()}),this._timeout),removeTokenListener=this._storage.onTokenChange((token=>{token&&(cleanUp(),resolve(token.accessToken))})),removeStateListener=this._storage.onStateChange(authRequest.stateId,(state=>{state&&state.error&&(cleanUp(),reject(new _response_parser__WEBPACK_IMPORTED_MODULE_0__.A.AuthError(state)))}));function cleanUp(){cleanRun||(cleanRun=!0,clearTimeout(timeout),removeStateListener(),removeTokenListener(),window.removeEventListener("message",onMessage),window.document.body.removeChild(iframe))}this._redirectFrame(iframe,authRequest.url)}))}authorize(){if(this._promise)return this._promise;const resetPromise=()=>{this._promise=null};return this._promise=this._load(),this._promise.then(resetPromise,resetPromise),this._promise}}},"./src/auth/response-parser.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>AuthResponseParser});var es6_error__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/es6-error/es6/index.js"),_global_url__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/global/url.ts");class AuthError extends es6_error__WEBPACK_IMPORTED_MODULE_0__.A{code;uri;stateId;constructor(authResponse={}){super(authResponse.errorDescription),this.code=authResponse.error,this.uri=authResponse.errorUri,this.stateId=authResponse.state}}class AuthResponseParser{_authResponse;constructor(){this._authResponse=this.readAuthResponseFromURL()}static AuthError=AuthError;static convertKey(key){return key.replace(/_([a-z])/g,((_,letter)=>letter.toUpperCase()))}getAuthResponseFromURL(){return this.validateAuthResponse(this._authResponse)}validateAuthResponse(authResponse){if(authResponse.error)throw new AuthResponseParser.AuthError(authResponse);return authResponse.accessToken?{...authResponse,accessToken:authResponse.accessToken}:null}readAuthResponseFromURL(){const authResponse={},rawAuthResponse=(0,_global_url__WEBPACK_IMPORTED_MODULE_1__.JO)(this.getHash());return Object.keys(rawAuthResponse).forEach((key=>{-1===key.indexOf("_")?authResponse[key]=rawAuthResponse[key]:authResponse[AuthResponseParser.convertKey(key)]=rawAuthResponse[key]})),authResponse}getHash(){const location=this.getLocation();return location&&location.replace(/^[^#]*#?/,"")}getLocation(){return window.location.toString()}}},"./src/group/group.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Group});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_group_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/group/group.css"),_group_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_group_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Group extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};render(){const{children,className,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_group_css__WEBPACK_IMPORTED_MODULE_2___default().group,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{...restProps,className:classes,children})}}Group.__docgenInfo={description:"@name Group",methods:[],displayName:"Group",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./src/http/http.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>HTTP,Sq:()=>CODE});var es6_error__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/es6-error/es6/index.js"),_global_url__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/global/url.ts");const defaultFetchConfig={headers:{"Content-Type":"application/json",Accept:"application/json"},credentials:"same-origin"};class HTTPError extends es6_error__WEBPACK_IMPORTED_MODULE_0__.A{data;status;constructor(response,data={}){super(`${response.status} ${response.statusText||""}`),this.data=data,this.status=response.status}}const CODE={UNAUTHORIZED:401};class HTTP{baseUrl=null;_requestsMeta=new WeakMap;fetchConfig;requestToken;shouldRefreshToken;forceTokenUpdate;constructor(auth,baseUrl,fetchConfig={}){auth&&this.setAuth(auth),this.setBaseUrl(baseUrl);const{headers,...defaultConfig}=defaultFetchConfig;this.fetchConfig={...defaultConfig,...fetchConfig,headers:{...headers,...fetchConfig.headers}}}setAuth=auth=>{this.requestToken=()=>auth.requestToken(),this.shouldRefreshToken=auth.constructor.shouldRefreshToken,this.forceTokenUpdate=()=>auth.forceTokenUpdate()};setBaseUrl=baseUrl=>{this.baseUrl=baseUrl};_fetch(...args){return fetch(...args)}_makeRequestUrl(url,queryObject){const urlWithQuery=(0,_global_url__WEBPACK_IMPORTED_MODULE_1__.oZ)(url,queryObject);return(0,_global_url__WEBPACK_IMPORTED_MODULE_1__.Km)(this.baseUrl,urlWithQuery)}_performRequest(url,token,params={}){const{headers,body,query={},sendRawBody,...fetchConfig}=params,combinedHeaders={...this.fetchConfig.headers,...token?{Authorization:`Bearer ${token}`}:{},...headers};let bodyToSend;return Object.entries(combinedHeaders).forEach((([key,header])=>{null==header&&Reflect.deleteProperty(combinedHeaders,key)})),bodyToSend=function isRawBody(params){return!0===params.sendRawBody}(params)||null===params.body||void 0===params.body||""===params.body?params.body:JSON.stringify(body),this._fetch(this._makeRequestUrl(url,query),{...this.fetchConfig,headers:combinedHeaders,...fetchConfig,body:bodyToSend})}_storeRequestMeta(parsedResponse,rawResponse){const{headers,ok,redirected,status,statusText,type,url}=rawResponse;this._requestsMeta.set(parsedResponse,{headers,ok,redirected,status,statusText,type,url})}async _processResponse(response){const contentType=response.headers.get("content-type"),isJson=contentType&&-1!==contentType.indexOf("application/json");if(!response.ok){let resJson;try{resJson=await(isJson?response.json():response.text())}catch(err){}throw new HTTPError(response,resJson)}try{const parsedResponse=await(isJson?response.json():{data:await response.text()});return this._storeRequestMeta(parsedResponse,response),parsedResponse}catch(err){return response}}fetch=async(url,params={})=>{const{body,query={},...fetchConfig}=params,response=await this._fetch(this._makeRequestUrl(url,query),{...fetchConfig,headers:fetchConfig.headers,body:null!=body&&""!==body?JSON.stringify(body):body});return this._processResponse(response)};async authorizedFetch(...args){const response=await this._performRequest(...args);return this._processResponse(response)}request=async(url,params)=>{let token=await(this.requestToken?.()),response=await this._performRequest(url,token,params);try{return await this._processResponse(response)}catch(error){if(!(error instanceof HTTPError))throw error;if("string"==typeof error.data.error&&this.shouldRefreshToken?.(error.data.error))return token=await(this.forceTokenUpdate?.()),response=await this._performRequest(url,token,params),this._processResponse(response);throw error}};getMetaForResponse=response=>this._requestsMeta.get(response);get=(url,params)=>this.request(url,{...params,method:"GET"});post=(url,params)=>this.request(url,{...params,method:"POST"});delete=(url,params)=>this.request(url,{...params,method:"DELETE"});put=(url,params)=>this.request(url,{...params,method:"PUT"});abortify=method=>(...[url,params])=>{const ctrl=new AbortController;return params&&!("signal"in params)&&(params.signal=ctrl.signal),{promise:method.call(this,url,params),abort:()=>ctrl.abort()}}}},"./src/storage/storage.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>storage});var alert_service=__webpack_require__("./src/alert-service/alert-service.tsx");class LocalStorage{static async safePromise(resolver){try{return await new Promise(resolver)}catch(e){throw e instanceof Error&&"NS_ERROR_FILE_CORRUPTED"===e.name&&alert_service.A.error('Sorry, it looks like your browser storage is corrupted. Please clear your storage by going to Tools -> Clear Recent History -> Cookies and setting time range to "Everything". This will remove the corrupted browser storage across all sites.'),e}}storageType;constructor(config={}){this.storageType="session"===config.type?"sessionStorage":"localStorage"}get(name){return LocalStorage.safePromise((resolve=>{const value=window[this.storageType].getItem(name);if(null!=value)try{resolve(JSON.parse(value))}catch(e){resolve(value)}else resolve(value)}))}set(name,value){return LocalStorage.safePromise((resolve=>{window[this.storageType].setItem(name,JSON.stringify(value)),resolve(value)}))}remove(name){const storageType=this.storageType;return LocalStorage.safePromise((resolve=>{window[storageType].hasOwnProperty(name)&&window[storageType].removeItem(name),resolve()}))}each(callback){const storageType=this.storageType;return LocalStorage.safePromise((resolve=>{const promises=[];for(const item in window[storageType])if(window[storageType].hasOwnProperty(item)){const value=window[storageType].getItem(item);let resolvedValue=null;if(null!=value)try{resolvedValue=JSON.parse(value)}catch(e){resolvedValue=value}promises.push(Promise.resolve(callback(item,resolvedValue)))}resolve(Promise.all(promises))}))}on(name,callback){function handleStorage(e){if(e.key===name)if(null!=e.newValue)try{callback(JSON.parse(e.newValue))}catch(err){callback(e.newValue)}else callback(e.newValue)}return window.addEventListener("storage",handleStorage,!1),()=>window.removeEventListener("storage",handleStorage,!1)}}var deep_equal=__webpack_require__("./node_modules/deep-equal/index.js"),deep_equal_default=__webpack_require__.n(deep_equal);class FallbackStorage{static DEFAULT_COOKIE_NAME="localStorage";static DEFAULT_SESSION_COOKIE_NAME="sessionStorage";static DEFAULT_CHECK_DELAY=3e3;static COOKIE_EXPIRES=365;static QUOTA=4093;static _createCookie(name,value,days){let date,expires;days?(date=new Date,date.setTime(date.getTime()+864e5*days),expires=`; expires=${date.toUTCString()}`):expires=";",document.cookie=`${name}=${value}${expires}; path=/`}static _readCookie(name){const nameEQ=`${name}=`,cookies=document.cookie.split(";");let cookie;for(let i=0;i{const rawData=FallbackStorage._readCookie(this.cookieName);null!=rawData?resolve(JSON.parse(decodeURIComponent(rawData))):reject()})).catch((()=>({})))}_write(data){return new Promise((resolve=>{const stringData=encodeURIComponent(JSON.stringify(data));return FallbackStorage._createCookie(this.cookieName,"{}"===stringData?"":stringData,this.expires),resolve(data)}))}get(key){return this._read().then((data=>data[key]||null))}async set(key,value){const data=await this._read();return key&&(null!=value?data[key]=value:Reflect.deleteProperty(data,key)),await this._write(data),value}async remove(key){await this.set(key,null)}each(callback){return"function"!=typeof callback?Promise.reject(new Error("Callback is not a function")):this._read().then((data=>{const promises=[];for(const key in data)data.hasOwnProperty(key)&&promises.push(callback(key,data[key]));return Promise.all(promises)}))}on(key,callback){let stop=!1;const checkForChange=oldValue=>{this.get(key).then((newValue=>{stop||(deep_equal_default()(oldValue,newValue)||callback(newValue),window.setTimeout((()=>checkForChange(oldValue)),this.checkDelay))}))};return this.get(key).then(checkForChange),()=>{stop=!0}}}let Storage=LocalStorage;try{const temp="testStorage";localStorage.setItem(temp,temp),localStorage.removeItem(temp)}catch(e){Storage=FallbackStorage}const storage=Storage},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/auth/down-notification.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".title_d876 {\n font-weight: var(--ring-font-weight-bold);\n}\n\n.error_e0ca {\n margin-top: calc(var(--ring-unit)/2);\n\n word-wrap: break-word;\n\n color: var(--ring-text-color);\n\n line-height: calc(var(--ring-unit)*2);\n}\n","",{version:3,sources:["webpack://./src/auth/down-notification.css"],names:[],mappings:"AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,oCAAsC;;EAEtC,qBAAqB;;EAErB,6BAA6B;;EAE7B,qCAAuC;AACzC",sourcesContent:['@import "../global/variables.css";\n\n.title {\n font-weight: var(--ring-font-weight-bold);\n}\n\n.error {\n margin-top: calc(var(--ring-unit) / 2);\n\n word-wrap: break-word;\n\n color: var(--ring-text-color);\n\n line-height: calc(var(--ring-unit) * 2);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={title:"title_d876",error:"error_e0ca"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".group_ba3b > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n","",{version:3,sources:["webpack://./src/group/group.css"],names:[],mappings:"AAGE;IACE,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.group {\n & > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={group:"group_ba3b"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/es6-error/es6/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=function(_extendableBuiltin2){function ExtendableError(){var message=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,ExtendableError);var _this=_possibleConstructorReturn(this,(ExtendableError.__proto__||Object.getPrototypeOf(ExtendableError)).call(this,message));return Object.defineProperty(_this,"message",{configurable:!0,enumerable:!1,value:message,writable:!0}),Object.defineProperty(_this,"name",{configurable:!0,enumerable:!1,value:_this.constructor.name,writable:!0}),Error.hasOwnProperty("captureStackTrace")?(Error.captureStackTrace(_this,_this.constructor),_possibleConstructorReturn(_this)):(Object.defineProperty(_this,"stack",{configurable:!0,enumerable:!1,value:new Error(message).stack,writable:!0}),_this)}return function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}(ExtendableError,_extendableBuiltin2),ExtendableError}(function _extendableBuiltin(cls){function ExtendableBuiltin(){cls.apply(this,arguments)}return ExtendableBuiltin.prototype=Object.create(cls.prototype,{constructor:{value:cls,enumerable:!1,writable:!0,configurable:!0}}),Object.setPrototypeOf?Object.setPrototypeOf(ExtendableBuiltin,cls):ExtendableBuiltin.__proto__=cls,ExtendableBuiltin}(Error))},"./node_modules/simply-uuid/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/simply-uuid/lib/uuid-node.js")},"./node_modules/simply-uuid/lib/uuid-node.js":(module,exports)=>{"use strict";module.exports.generate=function(){for(var lut=[],i=0;i<256;i++)lut[i]=(i<16?"0":"")+i.toString(16);var d0=4294967295*Math.random()|0,d1=4294967295*Math.random()|0,d2=4294967295*Math.random()|0,d3=4294967295*Math.random()|0;return lut[255&d0]+lut[d0>>8&255]+lut[d0>>16&255]+lut[d0>>24&255]+"-"+lut[255&d1]+lut[d1>>8&255]+"-"+lut[d1>>16&15|64]+lut[d1>>24&255]+"-"+lut[63&d2|128]+lut[d2>>8&255]+"-"+lut[d2>>16&255]+lut[d2>>24&255]+lut[255&d3]+lut[d3>>8&255]+lut[d3>>16&255]+lut[d3>>24&255]}},"./src/auth/down-notification.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/auth/down-notification.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/group/group.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"?4f7e":()=>{}}]); \ No newline at end of file diff --git a/master/1271.2eb057c5.iframe.bundle.js b/master/1271.2eb057c5.iframe.bundle.js new file mode 100644 index 00000000000..5c39c659eef --- /dev/null +++ b/master/1271.2eb057c5.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[1271],{"./node_modules/@jetbrains/icons/close-12px.js":module=>{module.exports=''},"./src/tag/tag.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Tag});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_jetbrains_icons_close_12px__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@jetbrains/icons/close-12px.js"),_jetbrains_icons_close_12px__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_jetbrains_icons_close_12px__WEBPACK_IMPORTED_MODULE_2__),_icon_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/icon/icon.tsx"),_button_button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/button/button.tsx"),_global_controls_height__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/global/controls-height.tsx"),_tag_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/tag/tag.css"),_tag_css__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_tag_css__WEBPACK_IMPORTED_MODULE_3__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Tag extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={onRemove:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,rgTagIcon:prop_types__WEBPACK_IMPORTED_MODULE_5___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,prop_types__WEBPACK_IMPORTED_MODULE_5___default().elementType]),icon:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,avatar:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,rgTagTitle:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,readOnly:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,disabled:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,focused:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,backgroundColor:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,textColor:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,render:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};static defaultProps={onRemove:()=>{},onClick:()=>{},readOnly:!1,disabled:!1,focused:!1,render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("button",{type:"button",...props})};state={focused:!1};componentDidUpdate(prevProps){this.props.focused!==prevProps.focused&&this.setState({focused:this.props.focused}),this.state.focused&&this.tagNode?.focus(),this.setDocumentClickListener(this.state.focused)}componentWillUnmount(){this.setDocumentClickListener(!1),this.setState({focused:!1})}onDocumentClick=event=>{this.tagNode&&this.setState({focused:this.tagNode===event.target})};tagNode;tagRef=el=>{this.tagNode=el};setDocumentClickListener(setListener){setListener?document.addEventListener("click",this.onDocumentClick):document.removeEventListener("click",this.onDocumentClick)}renderCustomIcon(){return this.props.rgTagIcon?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icon_icon__WEBPACK_IMPORTED_MODULE_6__.Ay,{className:_tag_css__WEBPACK_IMPORTED_MODULE_3___default().icon,title:this.props.rgTagTitle,glyph:this.props.rgTagIcon}):null}_renderImageElement(avatarSrc){const classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()({[_tag_css__WEBPACK_IMPORTED_MODULE_3___default().customIcon]:this.props.icon,[_tag_css__WEBPACK_IMPORTED_MODULE_3___default().avatarIcon]:avatarSrc});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img",{alt:avatarSrc?"Avatar":"Icon",className:classes,src:avatarSrc||this.props.icon})}renderImage(){return this.props.icon&&!this.props.avatar?this._renderImageElement():null}renderAvatar(){return this.props.avatar?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span",{className:_tag_css__WEBPACK_IMPORTED_MODULE_3___default().avatarContainer,children:this._renderImageElement(this.props.avatar)}):null}renderRemoveIcon(){return this.props.readOnly?null:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_7__.Ay,{title:"Remove",icon:_jetbrains_icons_close_12px__WEBPACK_IMPORTED_MODULE_2___default(),"data-test":"ring-tag-remove",className:_tag_css__WEBPACK_IMPORTED_MODULE_3___default().remove,iconClassName:_tag_css__WEBPACK_IMPORTED_MODULE_3___default().removeIcon,onClick:this.props.onRemove,style:{"--ring-icon-secondary-color":this.props.textColor},height:_global_controls_height__WEBPACK_IMPORTED_MODULE_8__.sr.M})}render(){const classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()("ring-js-shortcuts",_tag_css__WEBPACK_IMPORTED_MODULE_3___default().tag,{[_tag_css__WEBPACK_IMPORTED_MODULE_3___default().focused]:this.state.focused,[_tag_css__WEBPACK_IMPORTED_MODULE_3___default().disabled]:this.props.disabled,[_tag_css__WEBPACK_IMPORTED_MODULE_3___default().withRemove]:!this.props.readOnly},this.props.className),{backgroundColor,textColor,render}=this.props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("span",{className:_tag_css__WEBPACK_IMPORTED_MODULE_3___default().container,children:[render({"data-test":"ring-tag",className:classes,ref:this.tagRef,onClick:this.props.onClick,style:{backgroundColor,color:textColor},disabled:this.props.disabled,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[this.renderAvatar(),this.renderCustomIcon(),this.renderImage(),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span",{className:_tag_css__WEBPACK_IMPORTED_MODULE_3___default().content,children:this.props.children})]})}),this.renderRemoveIcon()]})}}Tag.__docgenInfo={description:"@name Tag",methods:[{name:"onDocumentClick",docblock:null,modifiers:[],params:[{name:"event",optional:!1,type:{name:"MouseEvent",alias:"MouseEvent"}}],returns:null},{name:"tagRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]}}],returns:null},{name:"setDocumentClickListener",docblock:null,modifiers:[],params:[{name:"setListener",optional:!1,type:{name:"boolean"}}],returns:null},{name:"renderCustomIcon",docblock:null,modifiers:[],params:[],returns:null},{name:"renderImage",docblock:null,modifiers:[],params:[],returns:null},{name:"renderAvatar",docblock:null,modifiers:[],params:[],returns:null},{name:"renderRemoveIcon",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Tag",props:{onRemove:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: React.MouseEvent) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLElement"}]},name:"event"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1},type:{name:"func"}},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: React.MouseEvent) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLElement"}]},name:"event"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1},type:{name:"func"}},readOnly:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},focused:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},render:{required:!1,tsType:{name:"signature",type:"function",raw:"(props: TagRenderProps) => ReactNode",signature:{arguments:[{type:{name:"TagRenderProps"},name:"props"}],return:{name:"ReactNode"}}},description:"",defaultValue:{value:'props => \n \n \n \n \n ;\n }\n }\n return ;\n}",...alertService.parameters?.docs?.source}}}},"./src/alert-service/alert-service.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_dom_client__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-dom/client.js"),_global_get_uid__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/get-uid.ts"),_alert_alert__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/alert/container.tsx"),_alert_alert__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/alert/alert.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=new class AlertService{defaultTimeout=0;showingAlerts=[];containerElement=document.createElement("div");reactRoot=(0,react_dom_client__WEBPACK_IMPORTED_MODULE_0__.createRoot)(this.containerElement);_getShowingAlerts(){return[...this.showingAlerts]}renderAlertContainer(alerts){return 0===alerts.length?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_2__.A,{children:alerts.map((alert=>{const{message,key,...rest}=alert;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay,{...rest,children:message},key)}))})}renderAlerts(){this.reactRoot.render(this.renderAlertContainer(this.showingAlerts))}findSameAlert(message,type){return this.showingAlerts.filter((it=>it.type===type&&it.message===message))[0]}startAlertClosing(alert){alert.isClosing=!0,this.renderAlerts()}remove(key){const alertToClose=this.showingAlerts.filter((alert=>alert.key===key))[0];alertToClose&&this.startAlertClosing(alertToClose)}removeWithoutAnimation(key){this.showingAlerts=this.showingAlerts.filter((alert=>alert.key!==key)),this.renderAlerts()}stopShakingWhenAnimationDone(shakingAlert){setTimeout((()=>{shakingAlert.showWithAnimation=!1,shakingAlert.isShaking=!1,this.renderAlerts()}),_alert_alert__WEBPACK_IMPORTED_MODULE_3__.hH)}addAlert(message,type,timeout=this.defaultTimeout,options={}){const{onCloseRequest,onClose,...restOptions}=options,sameAlert=this.findSameAlert(message,type);if(sameAlert)return sameAlert.isShaking=!0,this.renderAlerts(),this.stopShakingWhenAnimationDone(sameAlert),sameAlert.key;const alert={key:(0,_global_get_uid__WEBPACK_IMPORTED_MODULE_4__.A)("alert-service-"),message,type,timeout,isClosing:!1,onCloseRequest:()=>{onCloseRequest?.(),this.startAlertClosing(alert)},onClose:()=>{onClose?.(),this.removeWithoutAnimation(alert.key)},...restOptions};return this.showingAlerts=[alert,...this.showingAlerts],this.renderAlerts(),alert.key}setDefaultTimeout(timeout){this.defaultTimeout=timeout}error(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.ERROR,timeout)}message(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.MESSAGE,timeout)}warning(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.WARNING,timeout)}successMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.SUCCESS,timeout)}loadingMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.LOADING,timeout)}}},"./src/button-toolbar/button-toolbar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ButtonToolbar});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/global/data-tests.ts"),_button_toolbar_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/button-toolbar/button-toolbar.css"),_button_toolbar_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_button_toolbar_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class ButtonToolbar extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};render(){const{className,"data-test":dataTest,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_button_toolbar_css__WEBPACK_IMPORTED_MODULE_2___default().buttonToolbar,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{...restProps,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_5__.A)("ring-button-toolbar",dataTest),className:classes})}}ButtonToolbar.__docgenInfo={description:"@name Button Toolbar",methods:[],displayName:"ButtonToolbar",props:{"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}},composes:["HTMLAttributes"]}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/alert-service/alert-service.stories.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/button/button.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,`@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.closeButton_fc31:hover .${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.icon} {\n color: var(--ring-white-text-color);\n}}\n\n.customAlert_f781 {\n color: var(--ring-white-text-color);\n background: var(--ring-main-color);\n}\n\n.closeButton_fc31 .${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.icon} {\n color: var(--ring-white-text-color);\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.closeButton_fc31:hover {\n opacity: 0.8;\n}}\n`,"",{version:3,sources:["","webpack://./src/alert-service/alert-service.stories.css"],names:[],mappings:"AAAA,wGAAA;EAAA,oCAAA;CAAA,CAAA;;ACIA;EACE,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;EAEE,mCAAmC;AACrC;;ADZA,wGAAA;EAAA,aAAA;CAAA,CAAA",sourcesContent:[null,'@import "../global/variables.css";\n\n@value icon from "../button/button.css";\n\n.customAlert {\n color: var(--ring-white-text-color);\n background: var(--ring-main-color);\n}\n\n.closeButton .icon,\n.closeButton:hover .icon {\n color: var(--ring-white-text-color);\n}\n\n.closeButton:hover {\n opacity: 0.8;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={icon:`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.icon}`,closeButton:"closeButton_fc31",customAlert:"customAlert_f781"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/button-toolbar/button-toolbar.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/button/button.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,`.buttonToolbar_e0e1 {\n display: inline-block;\n\n white-space: nowrap;\n\n font-size: 0;\n line-height: 0;\n}\n\n.buttonToolbar_e0e1 > ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.button},\n.buttonToolbar_e0e1 > .ring-button-group,\n.buttonToolbar_e0e1 > .${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.button},\n.buttonToolbar_e0e1 > .buttonGroup_e16e,\n.buttonToolbar_e0e1 > .split_e19c,\n.buttonToolbar_e0e1 > .buttonToolbar_e0e1 {\n margin-right: var(--ring-unit);\n}\n\n.buttonToolbar_e0e1 > :last-child {\n margin-right: 0;\n}\n`,"",{version:3,sources:["webpack://./src/button-toolbar/button-toolbar.css"],names:[],mappings:"AAIA;EACE,qBAAqB;;EAErB,mBAAmB;;EAEnB,YAAY;EACZ,cAAc;AAChB;;AAEA;;;;;;EAME,8BAA8B;AAChC;;AAEA;EACE,eAAe;AACjB",sourcesContent:['@import "../global/variables.css";\n\n@value button from "../button/button.css";\n\n.buttonToolbar {\n display: inline-block;\n\n white-space: nowrap;\n\n font-size: 0;\n line-height: 0;\n}\n\n.buttonToolbar > button,\n.buttonToolbar > :global(.ring-button-group),\n.buttonToolbar > .button,\n.buttonToolbar > .buttonGroup,\n.buttonToolbar > .split,\n.buttonToolbar > .buttonToolbar {\n margin-right: var(--ring-unit);\n}\n\n.buttonToolbar > :last-child {\n margin-right: 0;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={button:`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.button}`,buttonToolbar:"buttonToolbar_e0e1",buttonGroup:"buttonGroup_e16e",split:"split_e19c"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/alert-service/alert-service.stories.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/alert-service/alert-service.stories.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/button-toolbar/button-toolbar.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/button-toolbar/button-toolbar.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/alert-service-alert-service-stories.980b2586.iframe.bundle.js b/master/alert-service-alert-service-stories.980b2586.iframe.bundle.js deleted file mode 100644 index 8f1d1bf968c..00000000000 --- a/master/alert-service-alert-service-stories.980b2586.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[1074],{"./node_modules/@jetbrains/icons/checkmark.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/exception.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/warning.js":module=>{module.exports=''},"./src/alert-service/alert-service.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{alertService:()=>alertService,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_button_button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/button/button.tsx"),_button_toolbar_button_toolbar__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/button-toolbar/button-toolbar.tsx"),_global_theme__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/theme.tsx"),_alert_service__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/alert-service/alert-service.tsx"),_alert_service_stories_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/alert-service/alert-service.stories.css"),_alert_service_stories_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_alert_service_stories_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Services/Alert Service",parameters:{notes:"Service for managing a stack of alerts.",screenshots:{skip:!0}}},alertService=()=>{class AlertServiceDemo extends react__WEBPACK_IMPORTED_MODULE_0__.Component{componentDidMount(){setTimeout((()=>{_alert_service__WEBPACK_IMPORTED_MODULE_3__.A.message("A initial message",5e3),_alert_service__WEBPACK_IMPORTED_MODULE_3__.A.error("Error message"),this.showCustomMessage()}))}componentWillUnmount(){_alert_service__WEBPACK_IMPORTED_MODULE_3__.A._getShowingAlerts().forEach((item=>_alert_service__WEBPACK_IMPORTED_MODULE_3__.A.removeWithoutAnimation(item.key)))}lastKey;showCustomMessage=()=>{this.lastKey=_alert_service__WEBPACK_IMPORTED_MODULE_3__.A.addAlert((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:_alert_service_stories_css__WEBPACK_IMPORTED_MODULE_1___default().customAlert,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{children:"Hello!"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:"This is a custom message"})]}),void 0,0,{className:_alert_service_stories_css__WEBPACK_IMPORTED_MODULE_1___default().customAlert,closeButtonClassName:_alert_service_stories_css__WEBPACK_IMPORTED_MODULE_1___default().closeButton,theme:_global_theme__WEBPACK_IMPORTED_MODULE_4__.Ay.LIGHT})};showError=()=>{this.lastKey=_alert_service__WEBPACK_IMPORTED_MODULE_3__.A.error("Something wrong happened")};showRandomWarning=()=>{this.lastKey=_alert_service__WEBPACK_IMPORTED_MODULE_3__.A.warning(`Warning! Something bad is going to happen (${Math.random()})`,3e4)};showMessage=()=>{this.lastKey=_alert_service__WEBPACK_IMPORTED_MODULE_3__.A.message("This is just a message",5e3)};removeLastAlert=()=>{_alert_service__WEBPACK_IMPORTED_MODULE_3__.A.remove(this.lastKey)};render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_button_toolbar_button_toolbar__WEBPACK_IMPORTED_MODULE_5__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_6__.Ay,{onClick:this.showError,children:"Show error"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_6__.Ay,{onClick:this.showMessage,primary:!0,children:"Show message"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_6__.Ay,{onClick:this.showCustomMessage,children:"Show custom message"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_6__.Ay,{onClick:this.showRandomWarning,children:"Show warning"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_6__.Ay,{onClick:this.removeLastAlert,children:"Remove last alert"})]})}}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(AlertServiceDemo,{})};alertService.parameters={...alertService.parameters,docs:{...alertService.parameters?.docs,source:{originalSource:"() => {\n const MSG_TIMEOUT = 5000;\n const MSG_LONG_TIMEOUT = 30000;\n class AlertServiceDemo extends Component {\n componentDidMount() {\n setTimeout(() => {\n alert.message('A initial message', MSG_TIMEOUT);\n alert.error('Error message');\n this.showCustomMessage();\n });\n }\n componentWillUnmount() {\n alert._getShowingAlerts().forEach(item => alert.removeWithoutAnimation(item.key));\n }\n lastKey?: string | number;\n showCustomMessage = () => {\n this.lastKey = alert.addAlert(
\n

Hello!

\n

{'This is a custom message'}

\n
, undefined, 0, {\n className: styles.customAlert,\n closeButtonClassName: styles.closeButton,\n theme: Theme.LIGHT\n });\n };\n showError = () => {\n this.lastKey = alert.error('Something wrong happened');\n };\n showRandomWarning = () => {\n this.lastKey = alert.warning(`Warning! Something bad is going to happen (${Math.random()})`, MSG_LONG_TIMEOUT);\n };\n showMessage = () => {\n this.lastKey = alert.message('This is just a message', MSG_TIMEOUT);\n };\n removeLastAlert = () => {\n alert.remove(this.lastKey);\n };\n render() {\n return \n \n \n \n \n \n ;\n }\n }\n return ;\n}",...alertService.parameters?.docs?.source}}}},"./src/alert-service/alert-service.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_dom_client__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-dom/client.js"),_global_get_uid__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/get-uid.ts"),_alert_alert__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/alert/container.tsx"),_alert_alert__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/alert/alert.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=new class AlertService{defaultTimeout=0;showingAlerts=[];containerElement=document.createElement("div");reactRoot=(0,react_dom_client__WEBPACK_IMPORTED_MODULE_0__.createRoot)(this.containerElement);_getShowingAlerts(){return[...this.showingAlerts]}renderAlertContainer(alerts){return 0===alerts.length?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_2__.A,{children:alerts.map((alert=>{const{message,key,...rest}=alert;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay,{...rest,children:message},key)}))})}renderAlerts(){this.reactRoot.render(this.renderAlertContainer(this.showingAlerts))}findSameAlert(message,type){return this.showingAlerts.filter((it=>it.type===type&&it.message===message))[0]}startAlertClosing(alert){alert.isClosing=!0,this.renderAlerts()}remove(key){const alertToClose=this.showingAlerts.filter((alert=>alert.key===key))[0];alertToClose&&this.startAlertClosing(alertToClose)}removeWithoutAnimation(key){this.showingAlerts=this.showingAlerts.filter((alert=>alert.key!==key)),this.renderAlerts()}stopShakingWhenAnimationDone(shakingAlert){setTimeout((()=>{shakingAlert.showWithAnimation=!1,shakingAlert.isShaking=!1,this.renderAlerts()}),_alert_alert__WEBPACK_IMPORTED_MODULE_3__.hH)}addAlert(message,type,timeout=this.defaultTimeout,options={}){const{onCloseRequest,onClose,...restOptions}=options,sameAlert=this.findSameAlert(message,type);if(sameAlert)return sameAlert.isShaking=!0,this.renderAlerts(),this.stopShakingWhenAnimationDone(sameAlert),sameAlert.key;const alert={key:(0,_global_get_uid__WEBPACK_IMPORTED_MODULE_4__.A)("alert-service-"),message,type,timeout,isClosing:!1,onCloseRequest:()=>{onCloseRequest&&onCloseRequest(),this.startAlertClosing(alert)},onClose:()=>{onClose&&onClose(),this.removeWithoutAnimation(alert.key)},...restOptions};return this.showingAlerts=[alert,...this.showingAlerts],this.renderAlerts(),alert.key}setDefaultTimeout(timeout){this.defaultTimeout=timeout}error(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.ERROR,timeout)}message(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.MESSAGE,timeout)}warning(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.WARNING,timeout)}successMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.SUCCESS,timeout)}loadingMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.LOADING,timeout)}}},"./src/button-toolbar/button-toolbar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ButtonToolbar});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/global/data-tests.ts"),_button_toolbar_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/button-toolbar/button-toolbar.css"),_button_toolbar_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_button_toolbar_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class ButtonToolbar extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};render(){const{className,"data-test":dataTest,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_button_toolbar_css__WEBPACK_IMPORTED_MODULE_2___default().buttonToolbar,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{...restProps,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_5__.A)("ring-button-toolbar",dataTest),className:classes})}}ButtonToolbar.__docgenInfo={description:"@name Button Toolbar",methods:[],displayName:"ButtonToolbar",props:{"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}},composes:["HTMLAttributes"]}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/alert-service/alert-service.stories.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/button/button.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,`@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.closeButton_fc31:hover .${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.icon} {\n color: var(--ring-white-text-color);\n}}\n\n.customAlert_f781 {\n color: var(--ring-white-text-color);\n background: var(--ring-main-color);\n}\n\n.closeButton_fc31 .${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.icon} {\n color: var(--ring-white-text-color);\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.closeButton_fc31:hover {\n opacity: 0.8;\n}}\n`,"",{version:3,sources:["","webpack://./src/alert-service/alert-service.stories.css"],names:[],mappings:"AAAA,wGAAA;EAAA,oCAAA;CAAA,CAAA;;ACIA;EACE,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;EAEE,mCAAmC;AACrC;;ADZA,wGAAA;EAAA,aAAA;CAAA,CAAA",sourcesContent:[null,'@import "../global/variables.css";\n\n@value icon from "../button/button.css";\n\n.customAlert {\n color: var(--ring-white-text-color);\n background: var(--ring-main-color);\n}\n\n.closeButton .icon,\n.closeButton:hover .icon {\n color: var(--ring-white-text-color);\n}\n\n.closeButton:hover {\n opacity: 0.8;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={icon:`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.icon}`,closeButton:"closeButton_fc31",customAlert:"customAlert_f781"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/button-toolbar/button-toolbar.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/button/button.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,`.buttonToolbar_e0e1 {\n display: inline-block;\n\n white-space: nowrap;\n\n font-size: 0;\n line-height: 0;\n}\n\n.buttonToolbar_e0e1 > ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.button},\n.buttonToolbar_e0e1 > .ring-button-group,\n.buttonToolbar_e0e1 > .${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.button},\n.buttonToolbar_e0e1 > .buttonGroup_e16e,\n.buttonToolbar_e0e1 > .split_e19c,\n.buttonToolbar_e0e1 > .buttonToolbar_e0e1 {\n margin-right: var(--ring-unit);\n}\n\n.buttonToolbar_e0e1 > :last-child {\n margin-right: 0;\n}\n`,"",{version:3,sources:["webpack://./src/button-toolbar/button-toolbar.css"],names:[],mappings:"AAIA;EACE,qBAAqB;;EAErB,mBAAmB;;EAEnB,YAAY;EACZ,cAAc;AAChB;;AAEA;;;;;;EAME,8BAA8B;AAChC;;AAEA;EACE,eAAe;AACjB",sourcesContent:['@import "../global/variables.css";\n\n@value button from "../button/button.css";\n\n.buttonToolbar {\n display: inline-block;\n\n white-space: nowrap;\n\n font-size: 0;\n line-height: 0;\n}\n\n.buttonToolbar > button,\n.buttonToolbar > :global(.ring-button-group),\n.buttonToolbar > .button,\n.buttonToolbar > .buttonGroup,\n.buttonToolbar > .split,\n.buttonToolbar > .buttonToolbar {\n margin-right: var(--ring-unit);\n}\n\n.buttonToolbar > :last-child {\n margin-right: 0;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={button:`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_button_button_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.button}`,buttonToolbar:"buttonToolbar_e0e1",buttonGroup:"buttonGroup_e16e",split:"split_e19c"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/alert-service/alert-service.stories.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/alert-service/alert-service.stories.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/button-toolbar/button-toolbar.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/button-toolbar/button-toolbar.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/caret-caret-stories.3b318e69.iframe.bundle.js b/master/caret-caret-stories.3b318e69.iframe.bundle.js deleted file mode 100644 index 945e7cf68b0..00000000000 --- a/master/caret-caret-stories.3b318e69.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[410],{"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close-12px.js":module=>{module.exports=''},"./src/caret/caret.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_link_link__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/link.tsx"),_input_input__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/input/input.tsx"),_caret__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/caret/caret.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Utilities/Caret",parameters:{notes:"Allows manipulation of the caret position in a text box or a contenteditable element. Ported from [jquery-caret](https://github.com/accursoft/caret/).",screenshots:{skip:!0}}},Basic=()=>{const input=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),caret=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{null!=input.current&&(caret.current=new _caret__WEBPACK_IMPORTED_MODULE_2__.A(input.current))}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_input_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{multiline:!0,inputRef:input,label:"Textarea",defaultValue:"Lorem ipsum\ndolor sit amet"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_link_link__WEBPACK_IMPORTED_MODULE_4__.A,{pseudo:!0,onClick:event=>{caret.current?.focus(),caret.current?.setPosition(4),event.preventDefault()},children:"Set caret position"})})]})};Basic.storyName="Caret",Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'() => {\n const input = useRef(null);\n const caret = useRef();\n useEffect(() => {\n if (input.current != null) {\n caret.current = new Caret(input.current);\n }\n }, []);\n return <>\n \n
\n {\n caret.current?.focus();\n caret.current?.setPosition(4);\n event.preventDefault();\n }}>Set caret position\n
\n ;\n}',...Basic.parameters?.docs?.source}}}},"./src/caret/caret.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Caret});var _global_dom__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/global/dom.ts");class Caret{static returnRE=/\r/g;static normalizeNewlines(value){return"string"==typeof value?value.replace(this.returnRE,""):value}target;constructor(target){this.target=target}isContentEditable(){return"true"===this.target.contentEditable}focus(){document.activeElement&&document.activeElement===this.target||this.target.focus()}getAbsolutePosition(node){let _curNode=node,curPos=0;for(;null!=_curNode&&_curNode!==this.target;){for(;_curNode.previousSibling;){var _curNode$previousSibl;curPos+=null!==(_curNode$previousSibl=_curNode.previousSibling.textContent?.length)&&void 0!==_curNode$previousSibl?_curNode$previousSibl:0,_curNode=_curNode.previousSibling}_curNode=_curNode.parentNode}return curPos}getPosition(params={}){if(this.isContentEditable()){params.avoidFocus||this.focus();const selection=window.getSelection();if(!selection?.rangeCount)return 0;const range1=selection.getRangeAt(0),range2=range1.cloneRange();range2.selectNodeContents(this.target),range2.setEnd(range1.endContainer,range1.endOffset);const _curNode=range1.startContainer;if(this.target===_curNode)return 0===range1.startOffset||null==_curNode.textContent?0:_curNode.textContent.length;if(!this.target.contains(_curNode))return-1;if(!_curNode)return"selectionStart"in this.target&&this.target.selectionStart||-1;const curPos=this.getAbsolutePosition(_curNode);if(range1.startContainer===range1.endContainer)return range1.startOffset===range1.endOffset?curPos+range1.startOffset:{startOffset:curPos+range1.startOffset,endOffset:curPos+range1.endOffset,position:range2.toString().length};return{startOffset:curPos+range1.startOffset,endOffset:this.getAbsolutePosition(range1.endContainer)+range1.endOffset,position:range2.toString().length}}return"selectionStart"in this.target&&this.target.selectionStart||-1}getRelativePosition(curNode,position){let curPos=0,_curNode=curNode;if(!_curNode)return{_curNode:this.target,_correctedPosition:position};if(0===position){for(;3!==_curNode.nodeType;)_curNode=_curNode.childNodes[0];return{_curNode,_correctedPosition:position}}let i=-1;if(_curNode&&void 0!==_curNode.nodeType)for(;curPos=position&&(_curNode=_curNode.childNodes[i],curPos-=null!==(_curNode$textContent$=_curNode.textContent?.length)&&void 0!==_curNode$textContent$?_curNode$textContent$:0,i=-1)}return{_curNode,_correctedPosition:position-curPos}}setPosition(position){const isContentEditable=this.isContentEditable();let correctedPosition,curNode=this.target&&this.target.childNodes[0];if(void 0!==position)if("object"==typeof position){const range=new Range,start=this.getRelativePosition(curNode,position.startOffset);range.setStart(start._curNode,start._correctedPosition);const end=this.getRelativePosition(curNode,position.endOffset);range.setEnd(end._curNode,end._correctedPosition),correctedPosition=range}else if(-1===position){var _value$length;const value=isContentEditable?this.target.textContent:Caret.normalizeNewlines("value"in this.target?this.target.value:void 0);correctedPosition=null!==(_value$length=value?.length)&&void 0!==_value$length?_value$length:0}else{const{_curNode,_correctedPosition}=this.getRelativePosition(curNode,position);curNode=_curNode,correctedPosition=_correctedPosition}if(isContentEditable){this.focus();try{correctedPosition instanceof Range?(window.getSelection()?.removeAllRanges(),window.getSelection()?.addRange(correctedPosition)):window.getSelection()?.collapse(curNode||this.target,correctedPosition)}catch(e){}}else"setSelectionRange"in this.target&&"number"==typeof correctedPosition&&this.target.setSelectionRange(correctedPosition,correctedPosition);return correctedPosition}getOffset(){let range,offset=0;try{range=window.getSelection()?.getRangeAt(0).cloneRange(),range?.setStart(range.startContainer,range.startOffset-1)}catch(e){return offset}return range&&0!==range.endOffset&&""!==range.toString()&&(offset=(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.l)(range).right-(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.l)(this.target).left-(range.startContainer instanceof HTMLElement&&range.startContainer.offsetLeft||0)),offset}}},"./src/control-help/control-help.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ControlHelp});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),_control_help_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/control-help/control-help.css"),_control_help_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_control_help_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ControlHelp({className,...restProps}){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()(className,_control_help_css__WEBPACK_IMPORTED_MODULE_1___default().help),...restProps})}ControlHelp.__docgenInfo={description:"",methods:[],displayName:"ControlHelp"}},"./src/global/composeRefs.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>createComposedRef});var memoize_one__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/memoize-one/dist/memoize-one.esm.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/util-deprecate/browser.js");function composeRefs(...refs){return value=>refs.forEach((ref=>{"function"==typeof ref?ref(value):null!=ref&&(ref.current=value)}))}__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_0__)()(composeRefs,"composeRefs is deprecated and will be removed in 7.0. Use createComposedRef instead.");function createComposedRef(){return(0,memoize_one__WEBPACK_IMPORTED_MODULE_1__.A)(composeRefs)}},"./src/global/prop-types.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>refObject});var prop_types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);const refObject=value=>prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({current:value})},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".help_cb69 {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n","",{version:3,sources:["webpack://./src/control-help/control-help.css"],names:[],mappings:"AAEA;EACE,kCAAkC;;EAElC,wCAAwC;EACxC,2CAA2C;AAC7C",sourcesContent:['@import "../global/variables.css";\n\n.help {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={help:"help_cb69"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/link/link.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/caret-caret-stories.fdb5354b.iframe.bundle.js b/master/caret-caret-stories.fdb5354b.iframe.bundle.js new file mode 100644 index 00000000000..151b4da811e --- /dev/null +++ b/master/caret-caret-stories.fdb5354b.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[410],{"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close-12px.js":module=>{module.exports=''},"./src/caret/caret.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_link_link__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/link.tsx"),_input_input__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/input/input.tsx"),_caret__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/caret/caret.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Utilities/Caret",parameters:{notes:"Allows manipulation of the caret position in a text box or a contenteditable element. Ported from [jquery-caret](https://github.com/accursoft/caret/).",screenshots:{skip:!0}}},Basic=()=>{const input=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),caret=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{null!=input.current&&(caret.current=new _caret__WEBPACK_IMPORTED_MODULE_2__.A(input.current))}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_input_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{multiline:!0,inputRef:input,label:"Textarea",defaultValue:"Lorem ipsum\ndolor sit amet"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_link_link__WEBPACK_IMPORTED_MODULE_4__.A,{pseudo:!0,onClick:event=>{caret.current?.focus(),caret.current?.setPosition(4),event.preventDefault()},children:"Set caret position"})})]})};Basic.storyName="Caret",Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'() => {\n const input = useRef(null);\n const caret = useRef();\n useEffect(() => {\n if (input.current != null) {\n caret.current = new Caret(input.current);\n }\n }, []);\n return <>\n \n
\n {\n caret.current?.focus();\n caret.current?.setPosition(4);\n event.preventDefault();\n }}>Set caret position\n
\n ;\n}',...Basic.parameters?.docs?.source}}}},"./src/caret/caret.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Caret});var _global_dom__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/global/dom.ts");class Caret{static returnRE=/\r/g;static normalizeNewlines(value){return"string"==typeof value?value.replace(this.returnRE,""):value}target;constructor(target){this.target=target}isContentEditable(){return"true"===this.target.contentEditable}focus(){document.activeElement&&document.activeElement===this.target||this.target.focus()}getAbsolutePosition(node){let _curNode=node,curPos=0;for(;null!=_curNode&&_curNode!==this.target;){for(;_curNode.previousSibling;){var _curNode$previousSibl;curPos+=null!==(_curNode$previousSibl=_curNode.previousSibling.textContent?.length)&&void 0!==_curNode$previousSibl?_curNode$previousSibl:0,_curNode=_curNode.previousSibling}_curNode=_curNode.parentNode}return curPos}getPosition(params={}){if(this.isContentEditable()){params.avoidFocus||this.focus();const selection=window.getSelection();if(!selection?.rangeCount)return 0;const range1=selection.getRangeAt(0),range2=range1.cloneRange();range2.selectNodeContents(this.target),range2.setEnd(range1.endContainer,range1.endOffset);const _curNode=range1.startContainer;if(this.target===_curNode)return 0===range1.startOffset||null==_curNode.textContent?0:_curNode.textContent.length;if(!this.target.contains(_curNode))return-1;if(!_curNode)return"selectionStart"in this.target&&this.target.selectionStart||-1;const curPos=this.getAbsolutePosition(_curNode);if(range1.startContainer===range1.endContainer)return range1.startOffset===range1.endOffset?curPos+range1.startOffset:{startOffset:curPos+range1.startOffset,endOffset:curPos+range1.endOffset,position:range2.toString().length};return{startOffset:curPos+range1.startOffset,endOffset:this.getAbsolutePosition(range1.endContainer)+range1.endOffset,position:range2.toString().length}}return"selectionStart"in this.target&&this.target.selectionStart||-1}getRelativePosition(curNode,position){let curPos=0,_curNode=curNode;if(!_curNode)return{_curNode:this.target,_correctedPosition:position};if(0===position){for(;3!==_curNode.nodeType;)_curNode=_curNode.childNodes[0];return{_curNode,_correctedPosition:position}}let i=-1;if(_curNode&&void 0!==_curNode.nodeType)for(;curPos=position&&(_curNode=_curNode.childNodes[i],curPos-=null!==(_curNode$textContent$=_curNode.textContent?.length)&&void 0!==_curNode$textContent$?_curNode$textContent$:0,i=-1)}return{_curNode,_correctedPosition:position-curPos}}setPosition(position){const isContentEditable=this.isContentEditable();let correctedPosition,curNode=this.target&&this.target.childNodes[0];if(void 0!==position)if("object"==typeof position){const range=new Range,start=this.getRelativePosition(curNode,position.startOffset);range.setStart(start._curNode,start._correctedPosition);const end=this.getRelativePosition(curNode,position.endOffset);range.setEnd(end._curNode,end._correctedPosition),correctedPosition=range}else if(-1===position){var _value$length;const value=isContentEditable?this.target.textContent:Caret.normalizeNewlines("value"in this.target?this.target.value:void 0);correctedPosition=null!==(_value$length=value?.length)&&void 0!==_value$length?_value$length:0}else{const{_curNode,_correctedPosition}=this.getRelativePosition(curNode,position);curNode=_curNode,correctedPosition=_correctedPosition}if(isContentEditable){this.focus();try{correctedPosition instanceof Range?(window.getSelection()?.removeAllRanges(),window.getSelection()?.addRange(correctedPosition)):window.getSelection()?.collapse(curNode||this.target,correctedPosition)}catch(e){}}else"setSelectionRange"in this.target&&"number"==typeof correctedPosition&&this.target.setSelectionRange(correctedPosition,correctedPosition);return correctedPosition}getOffset(){let range,offset=0;try{range=window.getSelection()?.getRangeAt(0).cloneRange(),range?.setStart(range.startContainer,range.startOffset-1)}catch(e){return offset}return range&&0!==range.endOffset&&""!==range.toString()&&(offset=(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.l)(range).right-(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.l)(this.target).left-(range.startContainer instanceof HTMLElement&&range.startContainer.offsetLeft||0)),offset}}},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/checkbox-checkbox-stories.d949aaf9.iframe.bundle.js b/master/checkbox-checkbox-stories.d949aaf9.iframe.bundle.js deleted file mode 100644 index 1a4d96235af..00000000000 --- a/master/checkbox-checkbox-stories.d949aaf9.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[5666],{"./node_modules/@jetbrains/icons/checkmark-12px.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/remove-12px.js":module=>{module.exports=''},"./src/checkbox/checkbox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{basic:()=>basic,controls:()=>controls,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_control_label_control_label__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/control-label/control-label.tsx"),_checkbox__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/checkbox/checkbox.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Checkbox",component:_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,parameters:{zeplinLink:"https://app.zeplin.io/project/5afd8f5511c2d1c625752bb0/screen/6193bc70c6d749a970988caa"}},controls=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{...args});controls.args={label:"label"},controls.parameters={screenshots:{skip:!0}};const basic=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h1",{children:"Base Examples"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{id:"checkbox-base",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"One"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Two",defaultChecked:!0,help:"Help text"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Indeterminate",indeterminate:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Indeterminate checked",indeterminate:!0,defaultChecked:!0})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h1",{children:"Grouped checkbpoxes"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_control_label_control_label__WEBPACK_IMPORTED_MODULE_3__.Ay,{children:"Group Description"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Label 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Label 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_control_label_control_label__WEBPACK_IMPORTED_MODULE_3__.Ay,{type:_control_label_control_label__WEBPACK_IMPORTED_MODULE_3__.HD.FORM,children:"Group Description"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Label 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Label 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h1",{children:"Disabled checkboxes"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{id:"checkbox-disabled",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"One",disabled:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Two",disabled:!0,defaultChecked:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Indeterminate",disabled:!0,indeterminate:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Indeterminate checked",disabled:!0,indeterminate:!0,defaultChecked:!0})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h1",{children:"Examples with outer styles"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{id:"checkbox-additional",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{lineHeight:"60px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{defaultChecked:!0,children:"This checkbox is inside a div with large line-height."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:"This text should be aligned on same line with checkbox label"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{lineHeight:"6px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{defaultChecked:!0,children:"This checkbox is inside a div with small line-height."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:"This text should be aligned on same line with checkbox label"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{lineHeight:"48px",fontSize:"40px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{defaultChecked:!0,children:"This checkbox is inside a div with large font-size."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:"This text should be aligned on same line with checkbox label"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{lineHeight:"6px",fontSize:"4px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{defaultChecked:!0,children:"This checkbox is inside a div with small font-size."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:"This text should be aligned on same line with checkbox label"})]})]})]});basic.storyName="basic",controls.parameters={...controls.parameters,docs:{...controls.parameters?.docs,source:{originalSource:"(args: CheckboxProps) => ",...controls.parameters?.docs?.source}}},basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:'() => \n

Base Examples

\n
\n \n
\n \n
\n \n
\n \n
\n\n

Grouped checkbpoxes

\n Group Description\n \n
\n \n
\n
\n Group Description\n \n
\n \n\n

Disabled checkboxes

\n
\n \n
\n \n
\n \n
\n \n
\n\n

Examples with outer styles

\n
\n
\n This checkbox is inside a div with large line-height.\n This text should be aligned on same line with checkbox label\n
\n
\n This checkbox is inside a div with small line-height.\n This text should be aligned on same line with checkbox label\n
\n
\n This checkbox is inside a div with large font-size.\n This text should be aligned on same line with checkbox label\n
\n
\n This checkbox is inside a div with small font-size.\n This text should be aligned on same line with checkbox label\n
\n
\n ',...basic.parameters?.docs?.source}}}},"./src/control-label/control-label.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__,HD:()=>LabelType,mq:()=>ControlLabel});__webpack_require__("./node_modules/react/index.js");var prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_control_label_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/control-label/control-label.css"),_control_label_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_control_label_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");let LabelType=function(LabelType){return LabelType.SECONDARY="secondary",LabelType.FORM="form",LabelType}({});const classNameByType={[LabelType.SECONDARY]:_control_label_css__WEBPACK_IMPORTED_MODULE_2___default().secondaryLabel,[LabelType.FORM]:_control_label_css__WEBPACK_IMPORTED_MODULE_2___default().formLabel},ControlLabel=({children,type=LabelType.SECONDARY,disabled,...rest})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("label",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_control_label_css__WEBPACK_IMPORTED_MODULE_2___default().label,classNameByType[type],{[_control_label_css__WEBPACK_IMPORTED_MODULE_2___default().disabledLabel]:disabled}),...rest,children});ControlLabel.propTypes={label:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,labelStyle:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,disabled:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool};const __WEBPACK_DEFAULT_EXPORT__=ControlLabel;ControlLabel.__docgenInfo={description:"",methods:[],displayName:"ControlLabel",props:{disabled:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},type:{required:!1,tsType:{name:"LabelType"},description:"",defaultValue:{value:"LabelType.SECONDARY",computed:!0}},label:{description:"",type:{name:"node"},required:!1},labelStyle:{description:"",type:{name:"string"},required:!1}},composes:["LabelHTMLAttributes"]}},"./src/global/memoize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function memoize(fn){const primitiveCache=new Map,objectCache=new WeakMap;return function memoized(arg){const key=null!=arg?arg:"__singleValue__",cache=key instanceof Object?objectCache:primitiveCache,cached=cache.get(key);if(null!=cached)return cached;const value=fn(arg);return cache.set(key,value),value}}__webpack_require__.d(__webpack_exports__,{A:()=>memoize})},"./src/icon/icon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>Icon});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),browser=__webpack_require__("./node_modules/util-deprecate/browser.js"),browser_default=__webpack_require__.n(browser),icon_constants=__webpack_require__("./src/icon/icon__constants.ts"),icon=__webpack_require__("./src/icon/icon.css"),icon_default=__webpack_require__.n(icon),memoize=__webpack_require__("./src/global/memoize.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function extractSVGProps(svgNode){const map=svgNode.attributes;return map.length>0?function serializeAttrs(map){const res={};for(let i=0;ig[1].toUpperCase()))),res[prop]=map[i].value}return res}(map):null}const getSVGFromSource=(0,memoize.A)((src=>{const svgContainer=document.createElement("div");svgContainer.innerHTML=src;const svg=svgContainer.firstElementChild;return svg.remove?svg.remove():svgContainer.removeChild(svg),{props:extractSVGProps(svg),html:svg.innerHTML}}));function isCompatibilityMode(iconSrc){const hasWidth=/width="[\d\.]+"/gi.test(iconSrc),hasHeight=/height="[\d\.]+"/gi.test(iconSrc);return!hasWidth||!hasHeight}function IconSVG({src,className,...rest}){const glyphClasses=classnames_default()(icon_default().glyph,{[icon_default().compatibilityMode]:isCompatibilityMode(src)},className),{props,html}=getSVGFromSource(src);return(0,jsx_runtime.jsx)("svg",{...props,...rest,className:glyphClasses,dangerouslySetInnerHTML:{__html:html}})}IconSVG.propTypes={className:prop_types_default().string,src:prop_types_default().string.isRequired,style:prop_types_default().object};const icon_svg=(0,react.memo)(IconSVG);IconSVG.__docgenInfo={description:"",methods:[],displayName:"IconSVG",props:{src:{required:!0,tsType:{name:"string"},description:"",type:{name:"string"}},className:{description:"",type:{name:"string"},required:!1},style:{description:"",type:{name:"object"},required:!1}},composes:["SVGAttributes"]};const warnSize=browser_default()((()=>{}),"`size`, `width` and `height` props are not recommended to use in Ring UI `Icon` component. The intrinsic sizes of SVG icon (`width` and `height` SVG attributes) are used instead.\n\nWe strongly recommend to use icons handcrafted for particular sizes. If your icon doesn't exist in the desired size, please ask your designer to draw one. \"Responsive\" checkmark should be unchecked when exporting icon.'");class Icon extends react.PureComponent{static propTypes={className:prop_types_default().string,color:prop_types_default().string,glyph:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().elementType]).isRequired,height:prop_types_default().number,size:prop_types_default().number,width:prop_types_default().number,loading:prop_types_default().bool,suppressSizeWarning:prop_types_default().bool};static defaultProps={className:"",color:icon_constants.Q.DEFAULT,glyph:""};static Color=icon_constants.Q;static Size=icon_constants.o;warnSize(){this.props.suppressSizeWarning||warnSize()}getStyle(){const{size,width,height}=this.props;return width||height?(this.warnSize(),{width,height}):size?(this.warnSize(),{width:size,height:size}):void 0}render(){const{className,size,color,loading,glyph:Glyph,width,height,suppressSizeWarning,...restProps}=this.props;if(!Glyph)return null;const classes=classnames_default()(icon_default().icon,{[icon_default()[color]]:!!color,[icon_default().loading]:loading},className);return(0,jsx_runtime.jsx)("span",{...restProps,className:classes,children:"string"==typeof Glyph?(0,jsx_runtime.jsx)(icon_svg,{src:Glyph,style:this.getStyle()}):(0,jsx_runtime.jsx)(Glyph,{className:icon_default().glyph,style:this.getStyle()})})}}Icon.__docgenInfo={description:"",methods:[{name:"warnSize",docblock:null,modifiers:[],params:[],returns:null},{name:"getStyle",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Icon",props:{color:{required:!1,tsType:{name:"Color"},description:"",defaultValue:{value:"Color.DEFAULT",computed:!0},type:{name:"string"}},glyph:{required:!1,tsType:{name:"union",raw:"string | IconType | null",elements:[{name:"string"},{name:"ComponentType",elements:[{name:"SVGAttributes",elements:[{name:"SVGSVGElement"}],raw:"SVGAttributes"}],raw:"ComponentType>"},{name:"null"}]},description:"",defaultValue:{value:"''",computed:!1},type:{name:"union",value:[{name:"string"},{name:"elementType"}]}},height:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:"",type:{name:"number"}},size:{required:!1,tsType:{name:"union",raw:"Size | number | null | undefined",elements:[{name:"Size"},{name:"number"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"number"}},width:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:"",type:{name:"number"}},loading:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},suppressSizeWarning:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},className:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1}},composes:["HTMLAttributes"]}},"./src/icon/icon__constants.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>Color,o:()=>Size});let Color=function(Color){return Color.BLUE="blue",Color.DEFAULT="",Color.GRAY="gray",Color.GREEN="green",Color.MAGENTA="magenta",Color.RED="red",Color.WHITE="white",Color}({}),Size=function(Size){return Size[Size.Size12=12]="Size12",Size[Size.Size14=14]="Size14",Size[Size.Size16=16]="Size16",Size[Size.Size18=18]="Size18",Size[Size.Size20=20]="Size20",Size[Size.Size24=24]="Size24",Size[Size.Size32=32]="Size32",Size[Size.Size40=40]="Size40",Size[Size.Size48=48]="Size48",Size[Size.Size64=64]="Size64",Size[Size.Size96=96]="Size96",Size[Size.Size128=128]="Size128",Size}({})},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-label/control-label.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".label_c07a {\n display: block;\n\n margin-bottom: calc(var(--ring-unit)*0.5);\n}\n\n.formLabel_d08a {\n color: var(--ring-text-color);\n\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.secondaryLabel_d40c {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n\n.disabledLabel_fd92 {\n color: var(--ring-disabled-color);\n}\n","",{version:3,sources:["webpack://./src/control-label/control-label.css"],names:[],mappings:"AAAA;EACE,cAAc;;EAEd,yCAA2C;AAC7C;;AAEA;EACE,6BAA6B;;EAE7B,gCAAgC;EAChC,oCAAoC;AACtC;;AAEA;EACE,kCAAkC;;EAElC,wCAAwC;EACxC,2CAA2C;AAC7C;;AAEA;EACE,iCAAiC;AACnC",sourcesContent:[".label {\n display: block;\n\n margin-bottom: calc(var(--ring-unit) * 0.5);\n}\n\n.formLabel {\n color: var(--ring-text-color);\n\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.secondaryLabel {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n\n.disabledLabel {\n color: var(--ring-disabled-color);\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={label:"label_c07a",formLabel:"formLabel_d08a",secondaryLabel:"secondaryLabel_d40c",disabledLabel:"disabledLabel_fd92"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/icon/icon.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,'.icon_d5a3 {\n display: inline-block;\n\n fill: currentColor;\n}\n\n.glyph_ffd8 {\n display: inline-flex;\n\n pointer-events: none;\n}\n\n.glyph_ffd8[width="10"] {\n vertical-align: -1px;\n }\n\n.glyph_ffd8[width="12"] {\n vertical-align: -1px;\n }\n\n.glyph_ffd8[width="16"] {\n vertical-align: -3px;\n }\n\n.glyph_ffd8[width="20"] {\n vertical-align: -2px;\n }\n\n.glyph_ffd8.compatibilityMode_a8ae {\n width: calc(var(--ring-unit)*2);\n height: calc(var(--ring-unit)*2);\n margin-right: 0;\n margin-left: 0;\n }\n\n/* HACK: This media query hack makes styles applied for WebKit browsers only */\n/* stylelint-disable-next-line media-feature-name-no-vendor-prefix */\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n .glyph_ffd8 {\n width: auto; /* Safari size bug workaround, see https://youtrack.jetbrains.com/issue/RG-1983 */\n }\n}\n\n.gray_cf30 {\n color: var(--ring-icon-secondary-color);\n}\n\n.hover_ab0b {\n color: var(--ring-icon-hover-color);\n}\n\n.green_ea54 {\n color: var(--ring-icon-success-color);\n}\n\n.magenta_bbdf {\n color: var(--ring-link-hover-color);\n}\n\n.red_e064 {\n color: var(--ring-icon-error-color);\n}\n\n.blue_d783 {\n color: var(--ring-main-color);\n}\n\n.white_d5e6 {\n color: var(--ring-white-text-color);\n}\n\n.loading_f519 {\n animation-name: icon-loading_cf30;\n animation-duration: 1200ms;\n animation-iteration-count: infinite;\n}\n\n@keyframes icon-loading_cf30 {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.9);\n\n opacity: 0.5;\n }\n\n 100% {\n transform: scale(1);\n }\n}\n',"",{version:3,sources:["webpack://./src/icon/icon.css"],names:[],mappings:"AAEA;EACE,qBAAqB;;EAErB,kBAAkB;AACpB;;AAEA;EACE,oBAAoB;;EAEpB,oBAAoB;AAwBtB;;AAtBE;IACE,oBAAoB;EACtB;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,+BAAiC;IACjC,gCAAkC;IAClC,eAAe;IACf,cAAc;EAChB;;AAGF,8EAA8E;AAC9E,oEAAoE;AACpE;EACE;IACE,WAAW,EAAE,iFAAiF;EAChG;AACF;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,iCAA4B;EAC5B,0BAA0B;EAC1B,mCAAmC;AACrC;;AAEA;EACE;IACE,mBAAmB;EACrB;;EAEA;IACE,qBAAqB;;IAErB,YAAY;EACd;;EAEA;IACE,mBAAmB;EACrB;AACF",sourcesContent:['@import "../global/variables.css";\n\n.icon {\n display: inline-block;\n\n fill: currentColor;\n}\n\n.glyph {\n display: inline-flex;\n\n pointer-events: none;\n\n &[width="10"] {\n vertical-align: -1px;\n }\n\n &[width="12"] {\n vertical-align: -1px;\n }\n\n &[width="16"] {\n vertical-align: -3px;\n }\n\n &[width="20"] {\n vertical-align: -2px;\n }\n\n &.compatibilityMode {\n width: calc(var(--ring-unit) * 2);\n height: calc(var(--ring-unit) * 2);\n margin-right: 0;\n margin-left: 0;\n }\n}\n\n/* HACK: This media query hack makes styles applied for WebKit browsers only */\n/* stylelint-disable-next-line media-feature-name-no-vendor-prefix */\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n .glyph {\n width: auto; /* Safari size bug workaround, see https://youtrack.jetbrains.com/issue/RG-1983 */\n }\n}\n\n.gray {\n color: var(--ring-icon-secondary-color);\n}\n\n.hover {\n color: var(--ring-icon-hover-color);\n}\n\n.green {\n color: var(--ring-icon-success-color);\n}\n\n.magenta {\n color: var(--ring-link-hover-color);\n}\n\n.red {\n color: var(--ring-icon-error-color);\n}\n\n.blue {\n color: var(--ring-main-color);\n}\n\n.white {\n color: var(--ring-white-text-color);\n}\n\n.loading {\n animation-name: icon-loading;\n animation-duration: 1200ms;\n animation-iteration-count: infinite;\n}\n\n@keyframes icon-loading {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.9);\n\n opacity: 0.5;\n }\n\n 100% {\n transform: scale(1);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={icon:"icon_d5a3",glyph:"glyph_ffd8",compatibilityMode:"compatibilityMode_a8ae",gray:"gray_cf30",hover:"hover_ab0b",green:"green_ea54",magenta:"magenta_bbdf",red:"red_e064",blue:"blue_d783",white:"white_d5e6",loading:"loading_f519","icon-loading":"icon-loading_cf30"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-label/control-label.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/icon/icon.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/icon/icon.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/checkbox-checkbox-stories.f95be478.iframe.bundle.js b/master/checkbox-checkbox-stories.f95be478.iframe.bundle.js new file mode 100644 index 00000000000..f2b01248969 --- /dev/null +++ b/master/checkbox-checkbox-stories.f95be478.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[5666],{"./node_modules/@jetbrains/icons/checkmark-12px.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/remove-12px.js":module=>{module.exports=''},"./src/checkbox/checkbox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{basic:()=>basic,controls:()=>controls,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_control_label_control_label__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/control-label/control-label.tsx"),_checkbox__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/checkbox/checkbox.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Checkbox",component:_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,parameters:{zeplinLink:"https://app.zeplin.io/project/5afd8f5511c2d1c625752bb0/screen/6193bc70c6d749a970988caa"}},controls=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{...args});controls.args={label:"label"},controls.parameters={screenshots:{skip:!0}};const basic=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h1",{children:"Base Examples"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{id:"checkbox-base",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"One"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Two",defaultChecked:!0,help:"Help text"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Indeterminate",indeterminate:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Indeterminate checked",indeterminate:!0,defaultChecked:!0})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h1",{children:"Grouped checkbpoxes"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_control_label_control_label__WEBPACK_IMPORTED_MODULE_3__.Ay,{children:"Group Description"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Label 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Label 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_control_label_control_label__WEBPACK_IMPORTED_MODULE_3__.Ay,{type:_control_label_control_label__WEBPACK_IMPORTED_MODULE_3__.HD.FORM,children:"Group Description"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Label 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Label 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h1",{children:"Disabled checkboxes"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{id:"checkbox-disabled",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"One",disabled:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Two",disabled:!0,defaultChecked:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Indeterminate",disabled:!0,indeterminate:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{label:"Indeterminate checked",disabled:!0,indeterminate:!0,defaultChecked:!0})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h1",{children:"Examples with outer styles"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{id:"checkbox-additional",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{lineHeight:"60px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{defaultChecked:!0,children:"This checkbox is inside a div with large line-height."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:"This text should be aligned on same line with checkbox label"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{lineHeight:"6px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{defaultChecked:!0,children:"This checkbox is inside a div with small line-height."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:"This text should be aligned on same line with checkbox label"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{lineHeight:"48px",fontSize:"40px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{defaultChecked:!0,children:"This checkbox is inside a div with large font-size."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:"This text should be aligned on same line with checkbox label"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{lineHeight:"6px",fontSize:"4px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_2__.A,{defaultChecked:!0,children:"This checkbox is inside a div with small font-size."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:"This text should be aligned on same line with checkbox label"})]})]})]});basic.storyName="basic",controls.parameters={...controls.parameters,docs:{...controls.parameters?.docs,source:{originalSource:"(args: CheckboxProps) => ",...controls.parameters?.docs?.source}}},basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:'() => \n

Base Examples

\n
\n \n
\n \n
\n \n
\n \n
\n\n

Grouped checkbpoxes

\n Group Description\n \n
\n \n
\n
\n Group Description\n \n
\n \n\n

Disabled checkboxes

\n
\n \n
\n \n
\n \n
\n \n
\n\n

Examples with outer styles

\n
\n
\n This checkbox is inside a div with large line-height.\n This text should be aligned on same line with checkbox label\n
\n
\n This checkbox is inside a div with small line-height.\n This text should be aligned on same line with checkbox label\n
\n
\n This checkbox is inside a div with large font-size.\n This text should be aligned on same line with checkbox label\n
\n
\n This checkbox is inside a div with small font-size.\n This text should be aligned on same line with checkbox label\n
\n
\n ',...basic.parameters?.docs?.source}}}},"./src/checkbox/checkbox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Checkbox});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_jetbrains_icons_checkmark_12px__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@jetbrains/icons/checkmark-12px.js"),_jetbrains_icons_checkmark_12px__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_jetbrains_icons_checkmark_12px__WEBPACK_IMPORTED_MODULE_2__),_jetbrains_icons_remove_12px__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@jetbrains/icons/remove-12px.js"),_jetbrains_icons_remove_12px__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_jetbrains_icons_remove_12px__WEBPACK_IMPORTED_MODULE_3__),_icon_icon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/icon/icon.tsx"),_global_prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/global/prop-types.ts"),_global_composeRefs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/global/composeRefs.ts"),_control_help_control_help__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/control-help/control-help.tsx"),_checkbox_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/checkbox/checkbox.css"),_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_checkbox_css__WEBPACK_IMPORTED_MODULE_4__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Checkbox extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={name:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,label:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,className:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,containerClassName:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,containerStyle:prop_types__WEBPACK_IMPORTED_MODULE_6___default().object,cellClassName:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,labelClassName:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,defaultChecked:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,checked:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,indeterminate:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,disabled:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,onChange:prop_types__WEBPACK_IMPORTED_MODULE_6___default().func,children:prop_types__WEBPACK_IMPORTED_MODULE_6___default().node,inputRef:prop_types__WEBPACK_IMPORTED_MODULE_6___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_6___default().func,(0,_global_prop_types__WEBPACK_IMPORTED_MODULE_7__.Z)(prop_types__WEBPACK_IMPORTED_MODULE_6___default().instanceOf(HTMLInputElement))])};static defaultProps={indeterminate:!1};componentDidMount(){null!=this.input&&(this.input.indeterminate=this.props.indeterminate)}componentDidUpdate(prevProps){const{indeterminate}=this.props;null!=this.input&&indeterminate!==prevProps.indeterminate&&(this.input.indeterminate=this.props.indeterminate)}input;inputRef=el=>{null!=el&&(el.indeterminate=this.props.indeterminate),this.input=el};composedInputRef=(0,_global_composeRefs__WEBPACK_IMPORTED_MODULE_8__.C)();render(){const{children,label,className,containerClassName,containerStyle,cellClassName,labelClassName,indeterminate,inputRef,help,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().input,className),containerClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().checkbox,containerClassName),cellClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().cell,cellClassName),labelClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().label,labelClassName);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("label",{className:containerClasses,style:containerStyle,"data-test":"ring-checkbox",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("input",{...restProps,"data-checked":restProps.checked,ref:this.composedInputRef(this.inputRef,inputRef),type:"checkbox",className:classes}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{className:_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().cellWrapper,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span",{className:cellClasses,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_icon_icon__WEBPACK_IMPORTED_MODULE_9__.Ay,{glyph:_jetbrains_icons_checkmark_12px__WEBPACK_IMPORTED_MODULE_2___default(),className:_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().check}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_icon_icon__WEBPACK_IMPORTED_MODULE_9__.Ay,{glyph:_jetbrains_icons_remove_12px__WEBPACK_IMPORTED_MODULE_3___default(),className:_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().minus})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span",{className:labelClasses,children:[label||children,help&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_control_help_control_help__WEBPACK_IMPORTED_MODULE_10__.A,{children:help})]})]})}}Checkbox.__docgenInfo={description:"Displays a checkbox.",methods:[{name:"inputRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLInputElement | null",elements:[{name:"HTMLInputElement"},{name:"null"}]}}],returns:null}],displayName:"Checkbox",props:{label:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},containerClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},containerStyle:{required:!1,tsType:{name:"union",raw:"CSSProperties | undefined",elements:[{name:"CSSProperties"},{name:"undefined"}]},description:"",type:{name:"object"}},cellClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},labelClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},indeterminate:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},inputRef:{required:!1,tsType:{name:"Ref",elements:[{name:"HTMLInputElement"}],raw:"Ref"},description:"",type:{name:"union",value:[{name:"func"},{name:"custom",raw:"refObject(PropTypes.instanceOf(HTMLInputElement))"}]}},help:{required:!1,tsType:{name:"ReactNode"},description:""},name:{description:"",type:{name:"string"},required:!1},className:{description:"",type:{name:"string"},required:!1},defaultChecked:{description:"",type:{name:"bool"},required:!1},checked:{description:"",type:{name:"bool"},required:!1},disabled:{description:"",type:{name:"bool"},required:!1},onChange:{description:"",type:{name:"func"},required:!1},children:{description:"",type:{name:"node"},required:!1}},composes:["InputHTMLAttributes"]}},"./src/control-help/control-help.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ControlHelp});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),_control_help_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/control-help/control-help.css"),_control_help_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_control_help_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ControlHelp({className,...restProps}){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()(className,_control_help_css__WEBPACK_IMPORTED_MODULE_1___default().help),...restProps})}ControlHelp.__docgenInfo={description:"",methods:[],displayName:"ControlHelp"}},"./src/control-label/control-label.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__,HD:()=>LabelType,mq:()=>ControlLabel});__webpack_require__("./node_modules/react/index.js");var prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_control_label_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/control-label/control-label.css"),_control_label_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_control_label_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");let LabelType=function(LabelType){return LabelType.SECONDARY="secondary",LabelType.FORM="form",LabelType}({});const classNameByType={[LabelType.SECONDARY]:_control_label_css__WEBPACK_IMPORTED_MODULE_2___default().secondaryLabel,[LabelType.FORM]:_control_label_css__WEBPACK_IMPORTED_MODULE_2___default().formLabel},ControlLabel=({children,type=LabelType.SECONDARY,disabled,...rest})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("label",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_control_label_css__WEBPACK_IMPORTED_MODULE_2___default().label,classNameByType[type],{[_control_label_css__WEBPACK_IMPORTED_MODULE_2___default().disabledLabel]:disabled}),...rest,children});ControlLabel.propTypes={label:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,labelStyle:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,disabled:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool};const __WEBPACK_DEFAULT_EXPORT__=ControlLabel;ControlLabel.__docgenInfo={description:"",methods:[],displayName:"ControlLabel",props:{disabled:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},type:{required:!1,tsType:{name:"LabelType"},description:"",defaultValue:{value:"LabelType.SECONDARY",computed:!0}},label:{description:"",type:{name:"node"},required:!1},labelStyle:{description:"",type:{name:"string"},required:!1}},composes:["LabelHTMLAttributes"]}},"./src/global/composeRefs.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>createComposedRef});var memoize_one__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/memoize-one/dist/memoize-one.esm.js");function composeRefs(...refs){return value=>refs.forEach((ref=>{"function"==typeof ref?ref(value):null!=ref&&(ref.current=value)}))}function createComposedRef(){return(0,memoize_one__WEBPACK_IMPORTED_MODULE_0__.A)(composeRefs)}},"./src/global/memoize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function memoize(fn){const primitiveCache=new Map,objectCache=new WeakMap;return function memoized(arg){const key=null!=arg?arg:"__singleValue__",cache=key instanceof Object?objectCache:primitiveCache,cached=cache.get(key);if(null!=cached)return cached;const value=fn(arg);return cache.set(key,value),value}}__webpack_require__.d(__webpack_exports__,{A:()=>memoize})},"./src/global/prop-types.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>refObject});var prop_types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);const refObject=value=>prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({current:value})},"./src/icon/icon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>Icon});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),browser=__webpack_require__("./node_modules/util-deprecate/browser.js"),browser_default=__webpack_require__.n(browser),icon_constants=__webpack_require__("./src/icon/icon__constants.ts"),icon=__webpack_require__("./src/icon/icon.css"),icon_default=__webpack_require__.n(icon),memoize=__webpack_require__("./src/global/memoize.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function extractSVGProps(svgNode){const map=svgNode.attributes;return map.length>0?function serializeAttrs(map){const res={};for(let i=0;ig[1].toUpperCase()))),res[prop]=map[i].value}return res}(map):null}const getSVGFromSource=(0,memoize.A)((src=>{const svgContainer=document.createElement("div");svgContainer.innerHTML=src;const svg=svgContainer.firstElementChild;return svg.remove?svg.remove():svgContainer.removeChild(svg),{props:extractSVGProps(svg),html:svg.innerHTML}}));function isCompatibilityMode(iconSrc){const hasWidth=/width="[\d\.]+"/gi.test(iconSrc),hasHeight=/height="[\d\.]+"/gi.test(iconSrc);return!hasWidth||!hasHeight}function IconSVG({src,className,...rest}){const glyphClasses=classnames_default()(icon_default().glyph,{[icon_default().compatibilityMode]:isCompatibilityMode(src)},className),{props,html}=getSVGFromSource(src);return(0,jsx_runtime.jsx)("svg",{...props,...rest,className:glyphClasses,dangerouslySetInnerHTML:{__html:html}})}IconSVG.propTypes={className:prop_types_default().string,src:prop_types_default().string.isRequired,style:prop_types_default().object};const icon_svg=(0,react.memo)(IconSVG);IconSVG.__docgenInfo={description:"",methods:[],displayName:"IconSVG",props:{src:{required:!0,tsType:{name:"string"},description:"",type:{name:"string"}},className:{description:"",type:{name:"string"},required:!1},style:{description:"",type:{name:"object"},required:!1}},composes:["SVGAttributes"]};const warnSize=browser_default()((()=>{}),"`size`, `width` and `height` props are not recommended to use in Ring UI `Icon` component. The intrinsic sizes of SVG icon (`width` and `height` SVG attributes) are used instead.\n\nWe strongly recommend to use icons handcrafted for particular sizes. If your icon doesn't exist in the desired size, please ask your designer to draw one. \"Responsive\" checkmark should be unchecked when exporting icon.'");class Icon extends react.PureComponent{static propTypes={className:prop_types_default().string,color:prop_types_default().string,glyph:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().elementType]).isRequired,height:prop_types_default().number,size:prop_types_default().number,width:prop_types_default().number,loading:prop_types_default().bool,suppressSizeWarning:prop_types_default().bool};static defaultProps={className:"",color:icon_constants.Q.DEFAULT,glyph:""};static Color=icon_constants.Q;static Size=icon_constants.o;warnSize(){this.props.suppressSizeWarning||warnSize()}getStyle(){const{size,width,height}=this.props;return width||height?(this.warnSize(),{width,height}):size?(this.warnSize(),{width:size,height:size}):void 0}render(){const{className,size,color,loading,glyph:Glyph,width,height,suppressSizeWarning,...restProps}=this.props;if(!Glyph)return null;const classes=classnames_default()(icon_default().icon,{[icon_default()[color]]:!!color,[icon_default().loading]:loading},className);return(0,jsx_runtime.jsx)("span",{...restProps,className:classes,children:"string"==typeof Glyph?(0,jsx_runtime.jsx)(icon_svg,{src:Glyph,style:this.getStyle()}):(0,jsx_runtime.jsx)(Glyph,{className:icon_default().glyph,style:this.getStyle()})})}}Icon.__docgenInfo={description:"",methods:[{name:"warnSize",docblock:null,modifiers:[],params:[],returns:null},{name:"getStyle",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Icon",props:{color:{required:!1,tsType:{name:"Color"},description:"",defaultValue:{value:"Color.DEFAULT",computed:!0},type:{name:"string"}},glyph:{required:!1,tsType:{name:"union",raw:"string | IconType | null",elements:[{name:"string"},{name:"ComponentType",elements:[{name:"SVGAttributes",elements:[{name:"SVGSVGElement"}],raw:"SVGAttributes"}],raw:"ComponentType>"},{name:"null"}]},description:"",defaultValue:{value:"''",computed:!1},type:{name:"union",value:[{name:"string"},{name:"elementType"}]}},height:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:"",type:{name:"number"}},size:{required:!1,tsType:{name:"union",raw:"Size | number | null | undefined",elements:[{name:"Size"},{name:"number"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"number"}},width:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:"",type:{name:"number"}},loading:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},suppressSizeWarning:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},className:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1}},composes:["HTMLAttributes"]}},"./src/icon/icon__constants.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>Color,o:()=>Size});let Color=function(Color){return Color.BLUE="blue",Color.DEFAULT="",Color.GRAY="gray",Color.GREEN="green",Color.MAGENTA="magenta",Color.RED="red",Color.WHITE="white",Color}({}),Size=function(Size){return Size[Size.Size12=12]="Size12",Size[Size.Size14=14]="Size14",Size[Size.Size16=16]="Size16",Size[Size.Size18=18]="Size18",Size[Size.Size20=20]="Size20",Size[Size.Size24=24]="Size24",Size[Size.Size32=32]="Size32",Size[Size.Size40=40]="Size40",Size[Size.Size48=48]="Size48",Size[Size.Size64=64]="Size64",Size[Size.Size96=96]="Size96",Size[Size.Size128=128]="Size128",Size}({})},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/checkbox/checkbox.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".checkbox_fb44 {\n position: relative;\n\n display: inline-flex;\n align-items: baseline;\n\n text-align: left;\n\n color: var(--ring-text-color);\n outline: none;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.checkbox_fb44:hover .cell_e028 {\n transition: background-color var(--ring-ease);\n\n border-color: var(--ring-border-hover-color);\n }}\n\n.cell_e028 {\n position: relative;\n top: -2px;\n\n display: inline-block;\n\n box-sizing: border-box;\n width: 14px;\n height: 14px;\n\n -webkit-user-select: none;\n\n user-select: none;\n transition: border-color var(--ring-ease), background-color var(--ring-ease), box-shadow var(--ring-ease);\n vertical-align: middle;\n pointer-events: none;\n\n border: 1px solid var(--ring-borders-color);\n border-radius: var(--ring-border-radius-small);\n background-color: var(--ring-content-background-color);\n}\n\n.icon_bb4d.icon_bb4d {\n position: absolute;\n\n top: 0;\n left: 0;\n\n opacity: 0;\n color: var(--ring-white-text-color);\n}\n\n.icon_bb4d.icon_bb4d svg {\n position: absolute;\n top: 0;\n left: 0;\n }\n\n.check_edfa {\n}\n\n.minus_f19e {\n}\n\n.input_eb74 {\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n margin: 0;\n\n cursor: pointer;\n\n opacity: 0;\n\n /* stylelint-disable selector-max-specificity */\n}\n\n.input_eb74:checked + .cellWrapper_d676 .cell_e028,\n .input_eb74:indeterminate + .cellWrapper_d676 .cell_e028 {\n border-color: transparent;\n background-color: var(--ring-main-color);\n }\n\n.input_eb74:checked + .cellWrapper_d676 .check_edfa {\n opacity: 1;\n }\n\n.input_eb74:focus-visible + .cellWrapper_d676 .cell_e028,\n .input_eb74.focus_fae7 + .cellWrapper_d676 .cell_e028 {\n transition: background-color var(--ring-ease);\n\n border-color: var(--ring-border-hover-color);\n box-shadow: 0 0 0 1px var(--ring-border-hover-color);\n }\n\n.input_eb74:indeterminate + .cellWrapper_d676 .minus_f19e {\n opacity: 1;\n }\n\n.input_eb74[disabled] {\n pointer-events: none;\n }\n\n.input_eb74[disabled][disabled] + .cellWrapper_d676 .cell_e028 {\n border-color: var(--ring-border-disabled-color);\n background-color: var(--ring-disabled-background-color);\n }\n\n.input_eb74[disabled]:checked + .cellWrapper_d676 .cell_e028,\n .input_eb74[disabled]:indeterminate + .cellWrapper_d676 .cell_e028 {\n border-color: var(--ring-border-selected-disabled-color);\n background-color: var(--ring-border-selected-disabled-color);\n }\n\n.input_eb74[disabled]:checked + .cellWrapper_d676 .check_edfa,\n .input_eb74[disabled]:indeterminate + .cellWrapper_d676 .minus_f19e {\n color: var(--ring-disabled-background-color);\n }\n\n.input_eb74:indeterminate:indeterminate + .cellWrapper_d676 .check_edfa {\n transition: none;\n\n opacity: 0;\n }\n\n/* stylelint-enable */\n\n.input_eb74[disabled] ~ .label_d90f {\n color: var(--ring-disabled-color);\n }\n\n.label_d90f {\n margin-left: var(--ring-unit);\n\n line-height: normal;\n}\n","",{version:3,sources:["webpack://./src/checkbox/checkbox.css",""],names:[],mappings:"AAIA;EACE,kBAAkB;;EAElB,oBAAoB;EACpB,qBAAqB;;EAErB,gBAAgB;;EAEhB,6BAA6B;EAC7B,aAAa;AAOf;;ACpBA,wGAAA;IAAA,8CAAA;;IAAA,6CAAA;GAAA,CAAA;;ADsBA;EACE,kBAAkB;EAClB,SAAS;;EAET,qBAAqB;;EAErB,sBAAsB;EACtB,WAAmB;EACnB,YAAoB;;EAEpB,yBAAiB;;UAAjB,iBAAiB;EACjB,yGAAyG;EACzG,sBAAsB;EACtB,oBAAoB;;EAEpB,2CAA2C;EAC3C,8CAA8C;EAC9C,sDAAsD;AACxD;;AAEA;EACE,kBAAkB;;EAElB,MAAM;EACN,OAAO;;EAEP,UAAU;EACV,mCAAmC;AAOrC;;AALE;IACE,kBAAkB;IAClB,MAAM;IACN,OAAO;EACT;;AAGF;AAEA;;AAEA;AAEA;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;;EAEP,WAAW;EACX,YAAY;EACZ,SAAS;;EAET,eAAe;;EAEf,UAAU;;EAEV,+CAA+C;AAqDjD;;AApDE;;IAEE,yBAAyB;IACzB,wCAAwC;EAC1C;;AAEA;IACE,UAAU;EACZ;;AAEA;;IAEE,6CAA6C;;IAE7C,4CAA4C;IAC5C,oDAAoD;EACtD;;AAEA;IACE,UAAU;EACZ;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,+CAA+C;IAC/C,uDAAuD;EACzD;;AAEA;;IAEE,wDAAwD;IACxD,4DAA4D;EAC9D;;AAEA;;IAEE,4CAA4C;EAC9C;;AAEA;IACE,gBAAgB;;IAEhB,UAAU;EACZ;;AACA,qBAAqB;;AAErB;IACE,iCAAiC;EACnC;;AAGF;EACE,6BAA6B;;EAE7B,mBAAmB;AACrB",sourcesContent:['@import "../global/variables.css";\n\n@value checkboxSize: 14px;\n\n.checkbox {\n position: relative;\n\n display: inline-flex;\n align-items: baseline;\n\n text-align: left;\n\n color: var(--ring-text-color);\n outline: none;\n\n &:hover .cell {\n transition: background-color var(--ring-ease);\n\n border-color: var(--ring-border-hover-color);\n }\n}\n\n.cell {\n position: relative;\n top: -2px;\n\n display: inline-block;\n\n box-sizing: border-box;\n width: checkboxSize;\n height: checkboxSize;\n\n user-select: none;\n transition: border-color var(--ring-ease), background-color var(--ring-ease), box-shadow var(--ring-ease);\n vertical-align: middle;\n pointer-events: none;\n\n border: 1px solid var(--ring-borders-color);\n border-radius: var(--ring-border-radius-small);\n background-color: var(--ring-content-background-color);\n}\n\n.icon.icon {\n position: absolute;\n\n top: 0;\n left: 0;\n\n opacity: 0;\n color: var(--ring-white-text-color);\n\n & svg {\n position: absolute;\n top: 0;\n left: 0;\n }\n}\n\n.check {\n composes: icon;\n}\n\n.minus {\n composes: icon;\n}\n\n.input {\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n margin: 0;\n\n cursor: pointer;\n\n opacity: 0;\n\n /* stylelint-disable selector-max-specificity */\n &:checked + .cellWrapper .cell,\n &:indeterminate + .cellWrapper .cell {\n border-color: transparent;\n background-color: var(--ring-main-color);\n }\n\n &:checked + .cellWrapper .check {\n opacity: 1;\n }\n\n &:focus-visible + .cellWrapper .cell,\n &.focus + .cellWrapper .cell {\n transition: background-color var(--ring-ease);\n\n border-color: var(--ring-border-hover-color);\n box-shadow: 0 0 0 1px var(--ring-border-hover-color);\n }\n\n &:indeterminate + .cellWrapper .minus {\n opacity: 1;\n }\n\n &[disabled] {\n pointer-events: none;\n }\n\n &[disabled][disabled] + .cellWrapper .cell {\n border-color: var(--ring-border-disabled-color);\n background-color: var(--ring-disabled-background-color);\n }\n\n &[disabled]:checked + .cellWrapper .cell,\n &[disabled]:indeterminate + .cellWrapper .cell {\n border-color: var(--ring-border-selected-disabled-color);\n background-color: var(--ring-border-selected-disabled-color);\n }\n\n &[disabled]:checked + .cellWrapper .check,\n &[disabled]:indeterminate + .cellWrapper .minus {\n color: var(--ring-disabled-background-color);\n }\n\n &:indeterminate:indeterminate + .cellWrapper .check {\n transition: none;\n\n opacity: 0;\n }\n /* stylelint-enable */\n\n &[disabled] ~ .label {\n color: var(--ring-disabled-color);\n }\n}\n\n.label {\n margin-left: var(--ring-unit);\n\n line-height: normal;\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={checkboxSize:"14px",checkbox:"checkbox_fb44",cell:"cell_e028",icon:"icon_bb4d",check:"check_edfa icon_bb4d",minus:"minus_f19e icon_bb4d",input:"input_eb74",cellWrapper:"cellWrapper_d676",focus:"focus_fae7",label:"label_d90f"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".help_cb69 {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n","",{version:3,sources:["webpack://./src/control-help/control-help.css"],names:[],mappings:"AAEA;EACE,kCAAkC;;EAElC,wCAAwC;EACxC,2CAA2C;AAC7C",sourcesContent:['@import "../global/variables.css";\n\n.help {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={help:"help_cb69"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-label/control-label.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".label_c07a {\n display: block;\n\n margin-bottom: calc(var(--ring-unit)*0.5);\n}\n\n.formLabel_d08a {\n color: var(--ring-text-color);\n\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.secondaryLabel_d40c {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n\n.disabledLabel_fd92 {\n color: var(--ring-disabled-color);\n}\n","",{version:3,sources:["webpack://./src/control-label/control-label.css"],names:[],mappings:"AAAA;EACE,cAAc;;EAEd,yCAA2C;AAC7C;;AAEA;EACE,6BAA6B;;EAE7B,gCAAgC;EAChC,oCAAoC;AACtC;;AAEA;EACE,kCAAkC;;EAElC,wCAAwC;EACxC,2CAA2C;AAC7C;;AAEA;EACE,iCAAiC;AACnC",sourcesContent:[".label {\n display: block;\n\n margin-bottom: calc(var(--ring-unit) * 0.5);\n}\n\n.formLabel {\n color: var(--ring-text-color);\n\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.secondaryLabel {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n\n.disabledLabel {\n color: var(--ring-disabled-color);\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={label:"label_c07a",formLabel:"formLabel_d08a",secondaryLabel:"secondaryLabel_d40c",disabledLabel:"disabledLabel_fd92"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/icon/icon.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,'.icon_d5a3 {\n display: inline-block;\n\n fill: currentColor;\n}\n\n.glyph_ffd8 {\n display: inline-flex;\n\n pointer-events: none;\n}\n\n.glyph_ffd8[width="10"] {\n vertical-align: -1px;\n }\n\n.glyph_ffd8[width="12"] {\n vertical-align: -1px;\n }\n\n.glyph_ffd8[width="16"] {\n vertical-align: -3px;\n }\n\n.glyph_ffd8[width="20"] {\n vertical-align: -2px;\n }\n\n.glyph_ffd8.compatibilityMode_a8ae {\n width: calc(var(--ring-unit)*2);\n height: calc(var(--ring-unit)*2);\n margin-right: 0;\n margin-left: 0;\n }\n\n/* HACK: This media query hack makes styles applied for WebKit browsers only */\n/* stylelint-disable-next-line media-feature-name-no-vendor-prefix */\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n .glyph_ffd8 {\n width: auto; /* Safari size bug workaround, see https://youtrack.jetbrains.com/issue/RG-1983 */\n }\n}\n\n.gray_cf30 {\n color: var(--ring-icon-secondary-color);\n}\n\n.hover_ab0b {\n color: var(--ring-icon-hover-color);\n}\n\n.green_ea54 {\n color: var(--ring-icon-success-color);\n}\n\n.magenta_bbdf {\n color: var(--ring-link-hover-color);\n}\n\n.red_e064 {\n color: var(--ring-icon-error-color);\n}\n\n.blue_d783 {\n color: var(--ring-main-color);\n}\n\n.white_d5e6 {\n color: var(--ring-white-text-color);\n}\n\n.loading_f519 {\n animation-name: icon-loading_cf30;\n animation-duration: 1200ms;\n animation-iteration-count: infinite;\n}\n\n@keyframes icon-loading_cf30 {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.9);\n\n opacity: 0.5;\n }\n\n 100% {\n transform: scale(1);\n }\n}\n',"",{version:3,sources:["webpack://./src/icon/icon.css"],names:[],mappings:"AAEA;EACE,qBAAqB;;EAErB,kBAAkB;AACpB;;AAEA;EACE,oBAAoB;;EAEpB,oBAAoB;AAwBtB;;AAtBE;IACE,oBAAoB;EACtB;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,+BAAiC;IACjC,gCAAkC;IAClC,eAAe;IACf,cAAc;EAChB;;AAGF,8EAA8E;AAC9E,oEAAoE;AACpE;EACE;IACE,WAAW,EAAE,iFAAiF;EAChG;AACF;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,iCAA4B;EAC5B,0BAA0B;EAC1B,mCAAmC;AACrC;;AAEA;EACE;IACE,mBAAmB;EACrB;;EAEA;IACE,qBAAqB;;IAErB,YAAY;EACd;;EAEA;IACE,mBAAmB;EACrB;AACF",sourcesContent:['@import "../global/variables.css";\n\n.icon {\n display: inline-block;\n\n fill: currentColor;\n}\n\n.glyph {\n display: inline-flex;\n\n pointer-events: none;\n\n &[width="10"] {\n vertical-align: -1px;\n }\n\n &[width="12"] {\n vertical-align: -1px;\n }\n\n &[width="16"] {\n vertical-align: -3px;\n }\n\n &[width="20"] {\n vertical-align: -2px;\n }\n\n &.compatibilityMode {\n width: calc(var(--ring-unit) * 2);\n height: calc(var(--ring-unit) * 2);\n margin-right: 0;\n margin-left: 0;\n }\n}\n\n/* HACK: This media query hack makes styles applied for WebKit browsers only */\n/* stylelint-disable-next-line media-feature-name-no-vendor-prefix */\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n .glyph {\n width: auto; /* Safari size bug workaround, see https://youtrack.jetbrains.com/issue/RG-1983 */\n }\n}\n\n.gray {\n color: var(--ring-icon-secondary-color);\n}\n\n.hover {\n color: var(--ring-icon-hover-color);\n}\n\n.green {\n color: var(--ring-icon-success-color);\n}\n\n.magenta {\n color: var(--ring-link-hover-color);\n}\n\n.red {\n color: var(--ring-icon-error-color);\n}\n\n.blue {\n color: var(--ring-main-color);\n}\n\n.white {\n color: var(--ring-white-text-color);\n}\n\n.loading {\n animation-name: icon-loading;\n animation-duration: 1200ms;\n animation-iteration-count: infinite;\n}\n\n@keyframes icon-loading {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.9);\n\n opacity: 0.5;\n }\n\n 100% {\n transform: scale(1);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={icon:"icon_d5a3",glyph:"glyph_ffd8",compatibilityMode:"compatibilityMode_a8ae",gray:"gray_cf30",hover:"hover_ab0b",green:"green_ea54",magenta:"magenta_bbdf",red:"red_e064",blue:"blue_d783",white:"white_d5e6",loading:"loading_f519","icon-loading":"icon-loading_cf30"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/checkbox/checkbox.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/control-help/control-help.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/control-label/control-label.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-label/control-label.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/icon/icon.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/icon/icon.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/clipboard-clipboard-stories.3acba056.iframe.bundle.js b/master/clipboard-clipboard-stories.3acba056.iframe.bundle.js deleted file mode 100644 index 41110ff8977..00000000000 --- a/master/clipboard-clipboard-stories.3acba056.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[8206],{"./node_modules/@jetbrains/icons/checkmark.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/exception.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/warning.js":module=>{module.exports=''},"./src/clipboard/clipboard.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{copyToClipboard:()=>copyToClipboard,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_link_link__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.tsx"),_clipboard__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/clipboard/clipboard.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Clipboard",parameters:{notes:"Displays a link which copies test to clipboard.",screenshots:{skip:!0}}},DEMO_TEXT="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor inviduntut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetursadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet.",copyToClipboard=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:DEMO_TEXT}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_link_link__WEBPACK_IMPORTED_MODULE_2__.A,{onClick:()=>_clipboard__WEBPACK_IMPORTED_MODULE_3__.A.copyText(DEMO_TEXT,"Text copied!","Text copying error"),pseudo:!0,children:"Copy"})})]});copyToClipboard.parameters={...copyToClipboard.parameters,docs:{...copyToClipboard.parameters?.docs,source:{originalSource:"() => \n
{DEMO_TEXT}
\n
\n clipboard.copyText(DEMO_TEXT, 'Text copied!', 'Text copying error')} pseudo>\n Copy\n \n
\n ",...copyToClipboard.parameters?.docs?.source}}}},"./src/alert-service/alert-service.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_dom_client__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-dom/client.js"),_global_get_uid__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/get-uid.ts"),_alert_alert__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/alert/container.tsx"),_alert_alert__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/alert/alert.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=new class AlertService{defaultTimeout=0;showingAlerts=[];containerElement=document.createElement("div");reactRoot=(0,react_dom_client__WEBPACK_IMPORTED_MODULE_0__.createRoot)(this.containerElement);_getShowingAlerts(){return[...this.showingAlerts]}renderAlertContainer(alerts){return 0===alerts.length?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_2__.A,{children:alerts.map((alert=>{const{message,key,...rest}=alert;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay,{...rest,children:message},key)}))})}renderAlerts(){this.reactRoot.render(this.renderAlertContainer(this.showingAlerts))}findSameAlert(message,type){return this.showingAlerts.filter((it=>it.type===type&&it.message===message))[0]}startAlertClosing(alert){alert.isClosing=!0,this.renderAlerts()}remove(key){const alertToClose=this.showingAlerts.filter((alert=>alert.key===key))[0];alertToClose&&this.startAlertClosing(alertToClose)}removeWithoutAnimation(key){this.showingAlerts=this.showingAlerts.filter((alert=>alert.key!==key)),this.renderAlerts()}stopShakingWhenAnimationDone(shakingAlert){setTimeout((()=>{shakingAlert.showWithAnimation=!1,shakingAlert.isShaking=!1,this.renderAlerts()}),_alert_alert__WEBPACK_IMPORTED_MODULE_3__.hH)}addAlert(message,type,timeout=this.defaultTimeout,options={}){const{onCloseRequest,onClose,...restOptions}=options,sameAlert=this.findSameAlert(message,type);if(sameAlert)return sameAlert.isShaking=!0,this.renderAlerts(),this.stopShakingWhenAnimationDone(sameAlert),sameAlert.key;const alert={key:(0,_global_get_uid__WEBPACK_IMPORTED_MODULE_4__.A)("alert-service-"),message,type,timeout,isClosing:!1,onCloseRequest:()=>{onCloseRequest&&onCloseRequest(),this.startAlertClosing(alert)},onClose:()=>{onClose&&onClose(),this.removeWithoutAnimation(alert.key)},...restOptions};return this.showingAlerts=[alert,...this.showingAlerts],this.renderAlerts(),alert.key}setDefaultTimeout(timeout){this.defaultTimeout=timeout}error(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.ERROR,timeout)}message(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.MESSAGE,timeout)}warning(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.WARNING,timeout)}successMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.SUCCESS,timeout)}loadingMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.LOADING,timeout)}}},"./src/clipboard/clipboard.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>clipboard_clipboard});var alert_service=__webpack_require__("./src/alert-service/alert-service.tsx");function getClipboardImplementation(){return navigator.clipboard&&!window.isSecureContext?{copy:text=>navigator.clipboard.writeText(text),copyHTML:html=>navigator.clipboard.write([new ClipboardItem({"text/html":new Blob([html],{type:"text/html"})})])}:{copy:str=>Promise.resolve(function copyTextToClipboard(str){const el=document.createElement("textarea");el.value=str,el.setAttribute("readonly",""),el.style.position="absolute",el.style.left="-9999px",document.body.appendChild(el);const selection=document.getSelection(),selected=!!(selection&&selection.rangeCount>0)&&selection.getRangeAt(0);el.select(),document.execCommand("copy"),document.body.removeChild(el),selected&&selection&&(selection.removeAllRanges(),selection.addRange(selected))}(str)),copyHTML:html=>Promise.resolve(function copyHTMLToClipboard(str){const el=document.createElement("div");el.innerHTML=str,el.setAttribute("readonly",""),el.style.position="absolute",el.style.left="-9999px",document.body.appendChild(el);const selection=document.getSelection(),selected=!!(selection&&selection.rangeCount>0)&&selection.getRangeAt(0);selection?.removeAllRanges();const range=document.createRange();range.selectNode(el),selection?.addRange(range),document.execCommand("copy"),selection?.removeAllRanges(),document.execCommand("copy"),document.body.removeChild(el),selected&&selection&&selection.addRange(selected)}(html))}}async function copy(text,successMessage,errorMessage,delay=1e3,isHtml=!1){try{const clipboardImpl=getClipboardImplementation(),copyMethod=isHtml?clipboardImpl.copyHTML:clipboardImpl.copy;await copyMethod(text),successMessage&&alert_service.A.successMessage(successMessage,delay)}catch(e){errorMessage&&alert_service.A.error(errorMessage,delay),console.error(e)}}const clipboard_clipboard={copyText:async(text,successMessage,errorMessage,delay=1e3)=>await copy(text,successMessage,errorMessage,delay),copyHTML:async(html,successMessage,errorMessage,delay=1e3)=>await copy(html,successMessage,errorMessage,delay,!0)}},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/link/link.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/clipboard-clipboard-stories.c2463f88.iframe.bundle.js b/master/clipboard-clipboard-stories.c2463f88.iframe.bundle.js new file mode 100644 index 00000000000..654dac040c4 --- /dev/null +++ b/master/clipboard-clipboard-stories.c2463f88.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[8206],{"./node_modules/@jetbrains/icons/checkmark.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/exception.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/warning.js":module=>{module.exports=''},"./src/clipboard/clipboard.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{copyToClipboard:()=>copyToClipboard,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_link_link__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.tsx"),_clipboard__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/clipboard/clipboard.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Clipboard",parameters:{notes:"Displays a link which copies test to clipboard.",screenshots:{skip:!0}}},DEMO_TEXT="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor inviduntut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetursadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet.",copyToClipboard=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:DEMO_TEXT}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_link_link__WEBPACK_IMPORTED_MODULE_2__.A,{onClick:()=>_clipboard__WEBPACK_IMPORTED_MODULE_3__.A.copyText(DEMO_TEXT,"Text copied!","Text copying error"),pseudo:!0,children:"Copy"})})]});copyToClipboard.parameters={...copyToClipboard.parameters,docs:{...copyToClipboard.parameters?.docs,source:{originalSource:"() => \n
{DEMO_TEXT}
\n
\n clipboard.copyText(DEMO_TEXT, 'Text copied!', 'Text copying error')} pseudo>\n Copy\n \n
\n ",...copyToClipboard.parameters?.docs?.source}}}},"./src/alert-service/alert-service.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_dom_client__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-dom/client.js"),_global_get_uid__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/get-uid.ts"),_alert_alert__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/alert/container.tsx"),_alert_alert__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/alert/alert.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=new class AlertService{defaultTimeout=0;showingAlerts=[];containerElement=document.createElement("div");reactRoot=(0,react_dom_client__WEBPACK_IMPORTED_MODULE_0__.createRoot)(this.containerElement);_getShowingAlerts(){return[...this.showingAlerts]}renderAlertContainer(alerts){return 0===alerts.length?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_2__.A,{children:alerts.map((alert=>{const{message,key,...rest}=alert;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay,{...rest,children:message},key)}))})}renderAlerts(){this.reactRoot.render(this.renderAlertContainer(this.showingAlerts))}findSameAlert(message,type){return this.showingAlerts.filter((it=>it.type===type&&it.message===message))[0]}startAlertClosing(alert){alert.isClosing=!0,this.renderAlerts()}remove(key){const alertToClose=this.showingAlerts.filter((alert=>alert.key===key))[0];alertToClose&&this.startAlertClosing(alertToClose)}removeWithoutAnimation(key){this.showingAlerts=this.showingAlerts.filter((alert=>alert.key!==key)),this.renderAlerts()}stopShakingWhenAnimationDone(shakingAlert){setTimeout((()=>{shakingAlert.showWithAnimation=!1,shakingAlert.isShaking=!1,this.renderAlerts()}),_alert_alert__WEBPACK_IMPORTED_MODULE_3__.hH)}addAlert(message,type,timeout=this.defaultTimeout,options={}){const{onCloseRequest,onClose,...restOptions}=options,sameAlert=this.findSameAlert(message,type);if(sameAlert)return sameAlert.isShaking=!0,this.renderAlerts(),this.stopShakingWhenAnimationDone(sameAlert),sameAlert.key;const alert={key:(0,_global_get_uid__WEBPACK_IMPORTED_MODULE_4__.A)("alert-service-"),message,type,timeout,isClosing:!1,onCloseRequest:()=>{onCloseRequest?.(),this.startAlertClosing(alert)},onClose:()=>{onClose?.(),this.removeWithoutAnimation(alert.key)},...restOptions};return this.showingAlerts=[alert,...this.showingAlerts],this.renderAlerts(),alert.key}setDefaultTimeout(timeout){this.defaultTimeout=timeout}error(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.ERROR,timeout)}message(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.MESSAGE,timeout)}warning(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.WARNING,timeout)}successMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.SUCCESS,timeout)}loadingMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.LOADING,timeout)}}},"./src/clipboard/clipboard.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>clipboard_clipboard});var alert_service=__webpack_require__("./src/alert-service/alert-service.tsx");function getClipboardImplementation(){return navigator.clipboard&&!window.isSecureContext?{copy:text=>navigator.clipboard.writeText(text),copyHTML:html=>navigator.clipboard.write([new ClipboardItem({"text/html":new Blob([html],{type:"text/html"})})])}:{copy:str=>Promise.resolve(function copyTextToClipboard(str){const el=document.createElement("textarea");el.value=str,el.setAttribute("readonly",""),el.style.position="absolute",el.style.left="-9999px",document.body.appendChild(el);const selection=document.getSelection(),selected=!!(selection&&selection.rangeCount>0)&&selection.getRangeAt(0);el.select(),document.execCommand("copy"),document.body.removeChild(el),selected&&selection&&(selection.removeAllRanges(),selection.addRange(selected))}(str)),copyHTML:html=>Promise.resolve(function copyHTMLToClipboard(str){const el=document.createElement("div");el.innerHTML=str,el.setAttribute("readonly",""),el.style.position="absolute",el.style.left="-9999px",document.body.appendChild(el);const selection=document.getSelection(),selected=!!(selection&&selection.rangeCount>0)&&selection.getRangeAt(0);selection?.removeAllRanges();const range=document.createRange();range.selectNode(el),selection?.addRange(range),document.execCommand("copy"),selection?.removeAllRanges(),document.execCommand("copy"),document.body.removeChild(el),selected&&selection&&selection.addRange(selected)}(html))}}async function copy(text,successMessage,errorMessage,delay=1e3,isHtml=!1){try{const clipboardImpl=getClipboardImplementation(),copyMethod=isHtml?clipboardImpl.copyHTML:clipboardImpl.copy;await copyMethod(text),successMessage&&alert_service.A.successMessage(successMessage,delay)}catch(e){errorMessage&&alert_service.A.error(errorMessage,delay),console.error(e)}}const clipboard_clipboard={copyText:async(text,successMessage,errorMessage,delay=1e3)=>await copy(text,successMessage,errorMessage,delay),copyHTML:async(html,successMessage,errorMessage,delay=1e3)=>await copy(html,successMessage,errorMessage,delay,!0)}},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/link/link.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/custom-header.js b/master/custom-header.js index 73a3b165748..647d9821edf 100644 --- a/master/custom-header.js +++ b/master/custom-header.js @@ -150,7 +150,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom/client */ \"./node_modules/react-dom/client.js\");\n/* harmony import */ var _global_get_uid__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../global/get-uid */ \"./src/global/get-uid.ts\");\n/* harmony import */ var _alert_alert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../alert/alert */ \"./src/alert/container.tsx\");\n/* harmony import */ var _alert_alert__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../alert/alert */ \"./src/alert/alert.tsx\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\n\n\n/**\n * @name Alert Service\n */\n\nclass AlertService {\n defaultTimeout = 0;\n // This alerts are stored in inverse order (last shown is first in array)\n showingAlerts = [];\n containerElement = document.createElement('div');\n reactRoot = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_0__.createRoot)(this.containerElement);\n _getShowingAlerts() {\n return [...this.showingAlerts];\n }\n renderAlertContainer(alerts) {\n if (alerts.length === 0) {\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(\"span\", {});\n }\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n children: alerts.map(alert => {\n const {\n message,\n key,\n ...rest\n } = alert;\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n ...rest,\n children: message\n }, key);\n })\n });\n }\n\n /**\n * Renders alert container into virtual node to skip maintaining container\n */\n renderAlerts() {\n this.reactRoot.render(this.renderAlertContainer(this.showingAlerts));\n }\n findSameAlert(message, type) {\n return this.showingAlerts.filter(it => it.type === type && it.message === message)[0];\n }\n startAlertClosing(alert) {\n alert.isClosing = true;\n this.renderAlerts();\n }\n remove(key) {\n const alertToClose = this.showingAlerts.filter(alert => alert.key === key)[0];\n if (!alertToClose) {\n return;\n }\n this.startAlertClosing(alertToClose);\n }\n removeWithoutAnimation(key) {\n this.showingAlerts = this.showingAlerts.filter(alert => alert.key !== key);\n this.renderAlerts();\n }\n stopShakingWhenAnimationDone(shakingAlert) {\n setTimeout(() => {\n shakingAlert.showWithAnimation = false;\n shakingAlert.isShaking = false;\n this.renderAlerts();\n }, _alert_alert__WEBPACK_IMPORTED_MODULE_3__.ANIMATION_TIME);\n }\n addAlert(message, type, timeout = this.defaultTimeout, options = {}) {\n const {\n onCloseRequest,\n onClose,\n ...restOptions\n } = options;\n const sameAlert = this.findSameAlert(message, type);\n if (sameAlert) {\n sameAlert.isShaking = true;\n this.renderAlerts();\n this.stopShakingWhenAnimationDone(sameAlert);\n return sameAlert.key;\n }\n const alert = {\n key: (0,_global_get_uid__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('alert-service-'),\n message,\n type,\n timeout,\n isClosing: false,\n onCloseRequest: () => {\n onCloseRequest && onCloseRequest();\n this.startAlertClosing(alert);\n },\n onClose: () => {\n onClose && onClose();\n this.removeWithoutAnimation(alert.key);\n },\n ...restOptions\n };\n this.showingAlerts = [alert, ...this.showingAlerts];\n this.renderAlerts();\n return alert.key;\n }\n setDefaultTimeout(timeout) {\n this.defaultTimeout = timeout;\n }\n error(message, timeout) {\n return this.addAlert(message, _alert_alert__WEBPACK_IMPORTED_MODULE_3__[\"default\"].Type.ERROR, timeout);\n }\n message(message, timeout) {\n return this.addAlert(message, _alert_alert__WEBPACK_IMPORTED_MODULE_3__[\"default\"].Type.MESSAGE, timeout);\n }\n warning(message, timeout) {\n return this.addAlert(message, _alert_alert__WEBPACK_IMPORTED_MODULE_3__[\"default\"].Type.WARNING, timeout);\n }\n successMessage(message, timeout) {\n return this.addAlert(message, _alert_alert__WEBPACK_IMPORTED_MODULE_3__[\"default\"].Type.SUCCESS, timeout);\n }\n loadingMessage(message, timeout) {\n return this.addAlert(message, _alert_alert__WEBPACK_IMPORTED_MODULE_3__[\"default\"].Type.LOADING, timeout);\n }\n}\nconst alertService = new AlertService();\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (alertService);\n\n//# sourceURL=webpack://@jetbrains/ring-ui/./src/alert-service/alert-service.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom/client */ \"./node_modules/react-dom/client.js\");\n/* harmony import */ var _global_get_uid__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../global/get-uid */ \"./src/global/get-uid.ts\");\n/* harmony import */ var _alert_alert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../alert/alert */ \"./src/alert/container.tsx\");\n/* harmony import */ var _alert_alert__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../alert/alert */ \"./src/alert/alert.tsx\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\n\n\n/**\n * @name Alert Service\n */\n\nclass AlertService {\n defaultTimeout = 0;\n // This alerts are stored in inverse order (last shown is first in array)\n showingAlerts = [];\n containerElement = document.createElement('div');\n reactRoot = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_0__.createRoot)(this.containerElement);\n _getShowingAlerts() {\n return [...this.showingAlerts];\n }\n renderAlertContainer(alerts) {\n if (alerts.length === 0) {\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(\"span\", {});\n }\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n children: alerts.map(alert => {\n const {\n message,\n key,\n ...rest\n } = alert;\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n ...rest,\n children: message\n }, key);\n })\n });\n }\n\n /**\n * Renders alert container into virtual node to skip maintaining container\n */\n renderAlerts() {\n this.reactRoot.render(this.renderAlertContainer(this.showingAlerts));\n }\n findSameAlert(message, type) {\n return this.showingAlerts.filter(it => it.type === type && it.message === message)[0];\n }\n startAlertClosing(alert) {\n alert.isClosing = true;\n this.renderAlerts();\n }\n remove(key) {\n const alertToClose = this.showingAlerts.filter(alert => alert.key === key)[0];\n if (!alertToClose) {\n return;\n }\n this.startAlertClosing(alertToClose);\n }\n removeWithoutAnimation(key) {\n this.showingAlerts = this.showingAlerts.filter(alert => alert.key !== key);\n this.renderAlerts();\n }\n stopShakingWhenAnimationDone(shakingAlert) {\n setTimeout(() => {\n shakingAlert.showWithAnimation = false;\n shakingAlert.isShaking = false;\n this.renderAlerts();\n }, _alert_alert__WEBPACK_IMPORTED_MODULE_3__.ANIMATION_TIME);\n }\n addAlert(message, type, timeout = this.defaultTimeout, options = {}) {\n const {\n onCloseRequest,\n onClose,\n ...restOptions\n } = options;\n const sameAlert = this.findSameAlert(message, type);\n if (sameAlert) {\n sameAlert.isShaking = true;\n this.renderAlerts();\n this.stopShakingWhenAnimationDone(sameAlert);\n return sameAlert.key;\n }\n const alert = {\n key: (0,_global_get_uid__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('alert-service-'),\n message,\n type,\n timeout,\n isClosing: false,\n onCloseRequest: () => {\n onCloseRequest?.();\n this.startAlertClosing(alert);\n },\n onClose: () => {\n onClose?.();\n this.removeWithoutAnimation(alert.key);\n },\n ...restOptions\n };\n this.showingAlerts = [alert, ...this.showingAlerts];\n this.renderAlerts();\n return alert.key;\n }\n setDefaultTimeout(timeout) {\n this.defaultTimeout = timeout;\n }\n error(message, timeout) {\n return this.addAlert(message, _alert_alert__WEBPACK_IMPORTED_MODULE_3__[\"default\"].Type.ERROR, timeout);\n }\n message(message, timeout) {\n return this.addAlert(message, _alert_alert__WEBPACK_IMPORTED_MODULE_3__[\"default\"].Type.MESSAGE, timeout);\n }\n warning(message, timeout) {\n return this.addAlert(message, _alert_alert__WEBPACK_IMPORTED_MODULE_3__[\"default\"].Type.WARNING, timeout);\n }\n successMessage(message, timeout) {\n return this.addAlert(message, _alert_alert__WEBPACK_IMPORTED_MODULE_3__[\"default\"].Type.SUCCESS, timeout);\n }\n loadingMessage(message, timeout) {\n return this.addAlert(message, _alert_alert__WEBPACK_IMPORTED_MODULE_3__[\"default\"].Type.LOADING, timeout);\n }\n}\nconst alertService = new AlertService();\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (alertService);\n\n//# sourceURL=webpack://@jetbrains/ring-ui/./src/alert-service/alert-service.tsx?"); /***/ }), @@ -381,7 +381,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ Dialog)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _jetbrains_icons_close__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @jetbrains/icons/close */ \"./node_modules/@jetbrains/icons/close.js\");\n/* harmony import */ var _jetbrains_icons_close__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_jetbrains_icons_close__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _island_island__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../island/island */ \"./src/island/island.tsx\");\n/* harmony import */ var _global_get_uid__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../global/get-uid */ \"./src/global/get-uid.ts\");\n/* harmony import */ var _global_data_tests__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../global/data-tests */ \"./src/global/data-tests.ts\");\n/* harmony import */ var _shortcuts_shortcuts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../shortcuts/shortcuts */ \"./src/shortcuts/shortcuts.ts\");\n/* harmony import */ var _tab_trap_tab_trap__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../tab-trap/tab-trap */ \"./src/tab-trap/tab-trap.tsx\");\n/* harmony import */ var _button_button__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../button/button */ \"./src/button/button.tsx\");\n/* harmony import */ var _popup_popup_target__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../popup/popup.target */ \"./src/popup/popup.target.tsx\");\n/* harmony import */ var _dialog_body_scroll_preventer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./dialog__body-scroll-preventer */ \"./src/dialog/dialog__body-scroll-preventer.ts\");\n/* harmony import */ var _dialog_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dialog.css */ \"./src/dialog/dialog.css\");\n/* harmony import */ var _dialog_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dialog_css__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * @name Dialog\n */\n\nfunction noop() {}\nclass Dialog extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent {\n static propTypes = {\n label: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),\n className: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),\n contentClassName: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),\n children: prop_types__WEBPACK_IMPORTED_MODULE_6___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_6___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_6___default().node)), (prop_types__WEBPACK_IMPORTED_MODULE_6___default().node)]),\n show: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool).isRequired,\n showCloseButton: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool),\n closeButtonInside: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool),\n closeButtonTitle: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),\n onOverlayClick: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().func),\n onEscPress: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().func),\n onCloseClick: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().func),\n shortcutOptions: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().object),\n // onCloseAttempt is a common callback for ESC pressing and overlay clicking.\n // Use it if you don't need different behaviors for this cases.\n onCloseAttempt: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().func),\n // focusTrap may break popups inside dialog, so use it carefully\n trapFocus: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool),\n portalTarget: prop_types__WEBPACK_IMPORTED_MODULE_6___default().instanceOf(HTMLElement),\n autoFocusFirst: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool),\n 'data-test': (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string)\n };\n static defaultProps = {\n label: 'Dialog',\n onOverlayClick: noop,\n onEscPress: noop,\n onCloseClick: noop,\n onCloseAttempt: noop,\n showCloseButton: false,\n closeButtonInside: false,\n shortcutOptions: {\n modal: false\n },\n trapFocus: false,\n autoFocusFirst: true,\n modal: true\n };\n state = {\n shortcutsScope: (0,_global_get_uid__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('ring-dialog-')\n };\n componentDidMount() {\n const {\n show,\n native\n } = this.props;\n if (native && show) {\n this.toggleNativeDialog();\n }\n this.toggleScrollPreventer();\n }\n componentDidUpdate(prevProps) {\n const {\n show,\n native\n } = this.props;\n if (native && show !== prevProps.show) {\n this.toggleNativeDialog();\n }\n if (prevProps.show !== this.props.show) {\n this.toggleScrollPreventer();\n }\n }\n componentWillUnmount() {\n this.scrollPreventer.reset();\n }\n scrollPreventer = (0,_dialog_body_scroll_preventer__WEBPACK_IMPORTED_MODULE_8__.preventerFactory)((0,_global_get_uid__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('preventer-'));\n uid = (0,_global_get_uid__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('dialog-');\n toggleNativeDialog() {\n const {\n show,\n modal\n } = this.props;\n if (this.nativeDialog.current != null) {\n if (show) {\n this.nativeDialog.current.removeAttribute('open');\n modal ? this.nativeDialog.current.showModal() : this.nativeDialog.current.show();\n } else {\n this.nativeDialog.current.close();\n }\n }\n }\n toggleScrollPreventer() {\n if (this.props.show) {\n this.scrollPreventer.prevent();\n } else {\n this.scrollPreventer.reset();\n }\n }\n handleClick = event => {\n this.props.onOverlayClick(event);\n this.props.onCloseAttempt(event);\n };\n onCloseClick = event => {\n this.props.onCloseClick(event);\n this.props.onCloseAttempt(event);\n };\n getShortcutsMap = () => {\n const onEscape = event => {\n if (this.props.show) {\n this.props.onEscPress(event);\n this.props.onCloseAttempt(event);\n }\n };\n return {\n esc: onEscape\n };\n };\n dialog;\n dialogRef = tabTrap => {\n this.dialog = tabTrap && tabTrap.node;\n };\n nativeDialog = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createRef)();\n render() {\n const {\n show,\n showCloseButton,\n onOverlayClick,\n onCloseAttempt,\n onEscPress,\n onCloseClick,\n children,\n className,\n contentClassName,\n trapFocus,\n 'data-test': dataTest,\n closeButtonInside,\n portalTarget,\n label,\n closeButtonTitle,\n dense,\n shortcutOptions,\n native,\n modal,\n ...restProps\n } = this.props;\n const classes = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().container), className);\n const shortcutsMap = this.getShortcutsMap();\n const content = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_shortcuts_shortcuts__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n map: shortcutsMap,\n scope: this.state.shortcutsScope,\n options: this.props.shortcutOptions\n }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"div\", {\n // click handler is duplicated in close button\n role: \"presentation\",\n className: (_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().clickableOverlay),\n onClick: this.handleClick\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"div\", {\n className: (_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().innerContainer),\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_island_island__WEBPACK_IMPORTED_MODULE_10__.AdaptiveIsland, {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().content), contentClassName, {\n [(_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().dense)]: dense\n }),\n \"data-test\": \"ring-dialog\",\n role: \"dialog\",\n \"aria-label\": label,\n children: [children, showCloseButton && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n icon: (_jetbrains_icons_close__WEBPACK_IMPORTED_MODULE_3___default()),\n \"data-test\": \"ring-dialog-close-button\",\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().closeButton), {\n [(_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().closeButtonOutside)]: !closeButtonInside,\n [(_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().closeButtonInside)]: closeButtonInside\n }),\n iconClassName: (_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().closeIcon),\n onClick: this.onCloseClick,\n title: closeButtonTitle,\n \"aria-label\": closeButtonTitle || 'close dialog'\n })]\n })\n })]\n });\n if (native) {\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"dialog\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().nativeDialog), className),\n ref: this.nativeDialog,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_popup_popup_target__WEBPACK_IMPORTED_MODULE_12__.PopupTarget, {\n id: this.uid,\n className: (_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().popupTarget),\n children: target => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {\n children: [content, target]\n })\n })\n });\n }\n return show && /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)( /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_popup_popup_target__WEBPACK_IMPORTED_MODULE_12__.PopupTarget, {\n id: this.uid,\n className: (_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().popupTarget),\n children: target => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tab_trap_tab_trap__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n trapDisabled: !trapFocus,\n \"data-test\": (0,_global_data_tests__WEBPACK_IMPORTED_MODULE_14__[\"default\"])('ring-dialog-container', dataTest),\n ref: this.dialogRef,\n className: classes,\n role: \"presentation\",\n ...restProps,\n children: [content, target]\n })\n }), portalTarget instanceof HTMLElement ? portalTarget : document.body);\n }\n}\n\n//# sourceURL=webpack://@jetbrains/ring-ui/./src/dialog/dialog.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ Dialog)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _jetbrains_icons_close__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @jetbrains/icons/close */ \"./node_modules/@jetbrains/icons/close.js\");\n/* harmony import */ var _jetbrains_icons_close__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_jetbrains_icons_close__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _island_island__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../island/island */ \"./src/island/island.tsx\");\n/* harmony import */ var _global_get_uid__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../global/get-uid */ \"./src/global/get-uid.ts\");\n/* harmony import */ var _global_data_tests__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../global/data-tests */ \"./src/global/data-tests.ts\");\n/* harmony import */ var _shortcuts_shortcuts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../shortcuts/shortcuts */ \"./src/shortcuts/shortcuts.ts\");\n/* harmony import */ var _tab_trap_tab_trap__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../tab-trap/tab-trap */ \"./src/tab-trap/tab-trap.tsx\");\n/* harmony import */ var _button_button__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../button/button */ \"./src/button/button.tsx\");\n/* harmony import */ var _popup_popup_target__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../popup/popup.target */ \"./src/popup/popup.target.tsx\");\n/* harmony import */ var _dialog_body_scroll_preventer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./dialog__body-scroll-preventer */ \"./src/dialog/dialog__body-scroll-preventer.ts\");\n/* harmony import */ var _dialog_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dialog.css */ \"./src/dialog/dialog.css\");\n/* harmony import */ var _dialog_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dialog_css__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * @name Dialog\n */\n\nfunction noop() {}\nclass Dialog extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent {\n static propTypes = {\n label: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),\n className: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),\n contentClassName: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),\n children: prop_types__WEBPACK_IMPORTED_MODULE_6___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_6___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_6___default().node)), (prop_types__WEBPACK_IMPORTED_MODULE_6___default().node)]),\n show: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool).isRequired,\n showCloseButton: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool),\n closeButtonInside: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool),\n closeButtonTitle: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),\n onOverlayClick: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().func),\n onEscPress: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().func),\n onCloseClick: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().func),\n shortcutOptions: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().object),\n // onCloseAttempt is a common callback for ESC pressing and overlay clicking.\n // Use it if you don't need different behaviors for this cases.\n onCloseAttempt: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().func),\n // focusTrap may break popups inside dialog, so use it carefully\n trapFocus: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool),\n portalTarget: prop_types__WEBPACK_IMPORTED_MODULE_6___default().instanceOf(HTMLElement),\n autoFocusFirst: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool),\n 'data-test': (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string)\n };\n static defaultProps = {\n label: 'Dialog',\n onOverlayClick: noop,\n onEscPress: noop,\n onCloseClick: noop,\n onCloseAttempt: noop,\n showCloseButton: false,\n closeButtonInside: false,\n shortcutOptions: {\n modal: false\n },\n trapFocus: false,\n autoFocusFirst: true,\n modal: true\n };\n state = {\n shortcutsScope: (0,_global_get_uid__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('ring-dialog-')\n };\n componentDidMount() {\n const {\n show,\n native\n } = this.props;\n if (native && show) {\n this.toggleNativeDialog();\n }\n this.toggleScrollPreventer();\n }\n componentDidUpdate(prevProps) {\n const {\n show,\n native\n } = this.props;\n if (native && show !== prevProps.show) {\n this.toggleNativeDialog();\n }\n if (prevProps.show !== this.props.show) {\n this.toggleScrollPreventer();\n }\n }\n componentWillUnmount() {\n this.scrollPreventer.reset();\n }\n scrollPreventer = (0,_dialog_body_scroll_preventer__WEBPACK_IMPORTED_MODULE_8__.preventerFactory)((0,_global_get_uid__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('preventer-'));\n uid = (0,_global_get_uid__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('dialog-');\n toggleNativeDialog() {\n const {\n show,\n modal\n } = this.props;\n if (this.nativeDialog.current != null) {\n if (show) {\n this.nativeDialog.current.removeAttribute('open');\n if (modal) {\n this.nativeDialog.current.showModal();\n } else {\n this.nativeDialog.current.show();\n }\n } else {\n this.nativeDialog.current.close();\n }\n }\n }\n toggleScrollPreventer() {\n if (this.props.show) {\n this.scrollPreventer.prevent();\n } else {\n this.scrollPreventer.reset();\n }\n }\n handleClick = event => {\n this.props.onOverlayClick(event);\n this.props.onCloseAttempt(event);\n };\n onCloseClick = event => {\n this.props.onCloseClick(event);\n this.props.onCloseAttempt(event);\n };\n getShortcutsMap = () => {\n const onEscape = event => {\n if (this.props.show) {\n this.props.onEscPress(event);\n this.props.onCloseAttempt(event);\n }\n };\n return {\n esc: onEscape\n };\n };\n dialog;\n dialogRef = tabTrap => {\n this.dialog = tabTrap && tabTrap.node;\n };\n nativeDialog = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createRef)();\n render() {\n const {\n show,\n showCloseButton,\n onOverlayClick,\n onCloseAttempt,\n onEscPress,\n onCloseClick,\n children,\n className,\n contentClassName,\n trapFocus,\n 'data-test': dataTest,\n closeButtonInside,\n portalTarget,\n label,\n closeButtonTitle,\n dense,\n shortcutOptions,\n native,\n modal,\n ...restProps\n } = this.props;\n const classes = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().container), className);\n const shortcutsMap = this.getShortcutsMap();\n const content = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_shortcuts_shortcuts__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n map: shortcutsMap,\n scope: this.state.shortcutsScope,\n options: this.props.shortcutOptions\n }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"div\", {\n // click handler is duplicated in close button\n role: \"presentation\",\n className: (_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().clickableOverlay),\n onClick: this.handleClick\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"div\", {\n className: (_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().innerContainer),\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_island_island__WEBPACK_IMPORTED_MODULE_10__.AdaptiveIsland, {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().content), contentClassName, {\n [(_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().dense)]: dense\n }),\n \"data-test\": \"ring-dialog\",\n role: \"dialog\",\n \"aria-label\": label,\n children: [children, showCloseButton && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n icon: (_jetbrains_icons_close__WEBPACK_IMPORTED_MODULE_3___default()),\n \"data-test\": \"ring-dialog-close-button\",\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().closeButton), {\n [(_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().closeButtonOutside)]: !closeButtonInside,\n [(_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().closeButtonInside)]: closeButtonInside\n }),\n iconClassName: (_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().closeIcon),\n onClick: this.onCloseClick,\n title: closeButtonTitle,\n \"aria-label\": closeButtonTitle || 'close dialog'\n })]\n })\n })]\n });\n if (native) {\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"dialog\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().nativeDialog), className),\n ref: this.nativeDialog,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_popup_popup_target__WEBPACK_IMPORTED_MODULE_12__.PopupTarget, {\n id: this.uid,\n className: (_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().popupTarget),\n children: target => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {\n children: [content, target]\n })\n })\n });\n }\n return show && /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)( /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_popup_popup_target__WEBPACK_IMPORTED_MODULE_12__.PopupTarget, {\n id: this.uid,\n className: (_dialog_css__WEBPACK_IMPORTED_MODULE_4___default().popupTarget),\n children: target => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tab_trap_tab_trap__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n trapDisabled: !trapFocus,\n \"data-test\": (0,_global_data_tests__WEBPACK_IMPORTED_MODULE_14__[\"default\"])('ring-dialog-container', dataTest),\n ref: this.dialogRef,\n className: classes,\n role: \"presentation\",\n ...restProps,\n children: [content, target]\n })\n }), portalTarget instanceof HTMLElement ? portalTarget : document.body);\n }\n}\n\n//# sourceURL=webpack://@jetbrains/ring-ui/./src/dialog/dialog.tsx?"); /***/ }), @@ -436,7 +436,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ createComposedRef: () => (/* binding */ createComposedRef),\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var memoize_one__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! memoize-one */ \"./node_modules/memoize-one/dist/memoize-one.esm.js\");\n/* harmony import */ var util_deprecate__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! util-deprecate */ \"./node_modules/util-deprecate/browser.js\");\n/* harmony import */ var util_deprecate__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_0__);\n\n\n\n\nfunction composeRefs(...refs) {\n return value => refs.forEach(ref => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref != null) {\n ref.current = value;\n }\n });\n}\n\n// TODO remove export in 7.0, composeRefs should be used only in createComposedRef and in useComposedRefs in the future\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (util_deprecate__WEBPACK_IMPORTED_MODULE_0___default()(composeRefs, 'composeRefs is deprecated and will be removed in 7.0. Use createComposedRef instead.'));\nfunction createComposedRef() {\n return (0,memoize_one__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(composeRefs);\n}\n\n//# sourceURL=webpack://@jetbrains/ring-ui/./src/global/composeRefs.ts?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ createComposedRef: () => (/* binding */ createComposedRef)\n/* harmony export */ });\n/* harmony import */ var memoize_one__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! memoize-one */ \"./node_modules/memoize-one/dist/memoize-one.esm.js\");\n\n\n\nfunction composeRefs(...refs) {\n return value => refs.forEach(ref => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref != null) {\n ref.current = value;\n }\n });\n}\nfunction createComposedRef() {\n return (0,memoize_one__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(composeRefs);\n}\n\n//# sourceURL=webpack://@jetbrains/ring-ui/./src/global/composeRefs.ts?"); /***/ }), @@ -645,7 +645,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ HeaderIcon: () => (/* reexport safe */ _header_icon__WEBPACK_IMPORTED_MODULE_8__[\"default\"]),\n/* harmony export */ Logo: () => (/* reexport safe */ _logo__WEBPACK_IMPORTED_MODULE_6__[\"default\"]),\n/* harmony export */ Profile: () => (/* reexport safe */ _profile__WEBPACK_IMPORTED_MODULE_9__[\"default\"]),\n/* harmony export */ Services: () => (/* reexport safe */ _services__WEBPACK_IMPORTED_MODULE_11__[\"default\"]),\n/* harmony export */ SmartProfile: () => (/* reexport safe */ _smart_profile__WEBPACK_IMPORTED_MODULE_10__[\"default\"]),\n/* harmony export */ SmartServices: () => (/* reexport safe */ _smart_services__WEBPACK_IMPORTED_MODULE_12__[\"default\"]),\n/* harmony export */ Tray: () => (/* reexport safe */ _tray__WEBPACK_IMPORTED_MODULE_7__[\"default\"]),\n/* harmony export */ TrayIcon: () => (/* reexport safe */ _header_icon__WEBPACK_IMPORTED_MODULE_8__[\"default\"]),\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _global_theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../global/theme */ \"./src/global/theme.tsx\");\n/* harmony import */ var _header_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./header.css */ \"./src/header/header.css\");\n/* harmony import */ var _header_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_header_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _logo__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./logo */ \"./src/header/logo.tsx\");\n/* harmony import */ var _tray__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./tray */ \"./src/header/tray.tsx\");\n/* harmony import */ var _header_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tray-icon */ \"./src/header/header-icon.tsx\");\n/* harmony import */ var _profile__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./profile */ \"./src/header/profile.tsx\");\n/* harmony import */ var _smart_profile__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./smart-profile */ \"./src/header/smart-profile.tsx\");\n/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./services */ \"./src/header/services.tsx\");\n/* harmony import */ var _smart_services__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./smart-services */ \"./src/header/smart-services.tsx\");\n\n\n\n\n\n\n\n\n/**\n * @name Header\n */\n/**\n * Displays a configurable page header. See available presentation options in the knobs panel.\n */\nclass Header extends react__WEBPACK_IMPORTED_MODULE_0__.Component {\n static propTypes = {\n className: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),\n children: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().node),\n spaced: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool)\n };\n static defaultProps = {\n spaced: true,\n theme: _global_theme__WEBPACK_IMPORTED_MODULE_5__[\"default\"].DARK,\n vertical: false\n };\n render() {\n const {\n children,\n className,\n spaced,\n theme,\n vertical,\n ...restProps\n } = this.props;\n const classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()(vertical ? (_header_css__WEBPACK_IMPORTED_MODULE_2___default().headerVertical) : (_header_css__WEBPACK_IMPORTED_MODULE_2___default().header), className, {\n [(_header_css__WEBPACK_IMPORTED_MODULE_2___default().headerSpaced)]: spaced && !vertical\n });\n const overrideOuterTheme = theme !== _global_theme__WEBPACK_IMPORTED_MODULE_5__[\"default\"].LIGHT;\n const header = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"header\", {\n ...restProps,\n className: classes,\n children: children\n });\n if (overrideOuterTheme) {\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_global_theme__WEBPACK_IMPORTED_MODULE_5__.ThemeProvider, {\n theme: theme,\n children: header\n });\n }\n return header;\n }\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Header);\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@jetbrains/ring-ui/./src/header/header.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ HeaderIcon: () => (/* reexport safe */ _header_icon__WEBPACK_IMPORTED_MODULE_8__[\"default\"]),\n/* harmony export */ Logo: () => (/* reexport safe */ _logo__WEBPACK_IMPORTED_MODULE_6__[\"default\"]),\n/* harmony export */ Profile: () => (/* reexport safe */ _profile__WEBPACK_IMPORTED_MODULE_9__[\"default\"]),\n/* harmony export */ Services: () => (/* reexport safe */ _services__WEBPACK_IMPORTED_MODULE_11__[\"default\"]),\n/* harmony export */ SmartProfile: () => (/* reexport safe */ _smart_profile__WEBPACK_IMPORTED_MODULE_10__[\"default\"]),\n/* harmony export */ SmartServices: () => (/* reexport safe */ _smart_services__WEBPACK_IMPORTED_MODULE_12__[\"default\"]),\n/* harmony export */ Tray: () => (/* reexport safe */ _tray__WEBPACK_IMPORTED_MODULE_7__[\"default\"]),\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _global_theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../global/theme */ \"./src/global/theme.tsx\");\n/* harmony import */ var _header_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./header.css */ \"./src/header/header.css\");\n/* harmony import */ var _header_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_header_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _logo__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./logo */ \"./src/header/logo.tsx\");\n/* harmony import */ var _tray__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./tray */ \"./src/header/tray.tsx\");\n/* harmony import */ var _header_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./header-icon */ \"./src/header/header-icon.tsx\");\n/* harmony import */ var _profile__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./profile */ \"./src/header/profile.tsx\");\n/* harmony import */ var _smart_profile__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./smart-profile */ \"./src/header/smart-profile.tsx\");\n/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./services */ \"./src/header/services.tsx\");\n/* harmony import */ var _smart_services__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./smart-services */ \"./src/header/smart-services.tsx\");\n\n\n\n\n\n\n\n\n/**\n * @name Header\n */\n/**\n * Displays a configurable page header. See available presentation options in the knobs panel.\n */\nclass Header extends react__WEBPACK_IMPORTED_MODULE_0__.Component {\n static propTypes = {\n className: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),\n children: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().node),\n spaced: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool)\n };\n static defaultProps = {\n spaced: true,\n theme: _global_theme__WEBPACK_IMPORTED_MODULE_5__[\"default\"].DARK,\n vertical: false\n };\n render() {\n const {\n children,\n className,\n spaced,\n theme,\n vertical,\n ...restProps\n } = this.props;\n const classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()(vertical ? (_header_css__WEBPACK_IMPORTED_MODULE_2___default().headerVertical) : (_header_css__WEBPACK_IMPORTED_MODULE_2___default().header), className, {\n [(_header_css__WEBPACK_IMPORTED_MODULE_2___default().headerSpaced)]: spaced && !vertical\n });\n const overrideOuterTheme = theme !== _global_theme__WEBPACK_IMPORTED_MODULE_5__[\"default\"].LIGHT;\n const header = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"header\", {\n ...restProps,\n className: classes,\n children: children\n });\n if (overrideOuterTheme) {\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_global_theme__WEBPACK_IMPORTED_MODULE_5__.ThemeProvider, {\n theme: theme,\n children: header\n });\n }\n return header;\n }\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Header);\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@jetbrains/ring-ui/./src/header/header.tsx?"); /***/ }), @@ -799,7 +799,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _global_memoize__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../global/memoize */ \"./src/global/memoize.ts\");\n/* harmony import */ var _icon_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./icon.css */ \"./src/icon/icon.css\");\n/* harmony import */ var _icon_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_icon_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n// Inspired by https://github.com/sairion/svg-inline-react\n\n\n\n\n\n\nfunction convertReactSVGDOMProperty(str) {\n return str.replace(/[-|:]([a-z])/g, g => g[1].toUpperCase());\n}\nfunction serializeAttrs(map) {\n const res = {};\n for (let i = 0; i < map.length; i++) {\n const key = map[i].name;\n let prop = key;\n if (key === 'class') {\n prop = 'className';\n } else if (!key.startsWith('data-')) {\n prop = convertReactSVGDOMProperty(key);\n }\n res[prop] = map[i].value;\n }\n return res;\n}\nfunction extractSVGProps(svgNode) {\n const map = svgNode.attributes;\n return map.length > 0 ? serializeAttrs(map) : null;\n}\nconst getSVGFromSource = (0,_global_memoize__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(src => {\n const svgContainer = document.createElement('div');\n svgContainer.innerHTML = src;\n const svg = svgContainer.firstElementChild;\n svg.remove ? svg.remove() : svgContainer.removeChild(svg);\n return {\n props: extractSVGProps(svg),\n html: svg.innerHTML\n };\n});\nfunction isCompatibilityMode(iconSrc) {\n const hasWidth = /width=\"[\\d\\.]+\"/ig.test(iconSrc);\n const hasHeight = /height=\"[\\d\\.]+\"/ig.test(iconSrc);\n return !hasWidth || !hasHeight;\n}\nfunction IconSVG({\n src,\n className,\n ...rest\n}) {\n const glyphClasses = classnames__WEBPACK_IMPORTED_MODULE_1___default()((_icon_css__WEBPACK_IMPORTED_MODULE_2___default().glyph), {\n [(_icon_css__WEBPACK_IMPORTED_MODULE_2___default().compatibilityMode)]: isCompatibilityMode(src)\n }, className);\n const {\n props,\n html\n } = getSVGFromSource(src);\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"svg\", {\n ...props,\n ...rest,\n className: glyphClasses,\n dangerouslySetInnerHTML: {\n __html: html\n }\n });\n}\nIconSVG.propTypes = {\n className: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().string),\n src: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().string).isRequired,\n style: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().object)\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(IconSVG));\n\n//# sourceURL=webpack://@jetbrains/ring-ui/./src/icon/icon__svg.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _global_memoize__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../global/memoize */ \"./src/global/memoize.ts\");\n/* harmony import */ var _icon_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./icon.css */ \"./src/icon/icon.css\");\n/* harmony import */ var _icon_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_icon_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n// Inspired by https://github.com/sairion/svg-inline-react\n\n\n\n\n\n\nfunction convertReactSVGDOMProperty(str) {\n return str.replace(/[-|:]([a-z])/g, g => g[1].toUpperCase());\n}\nfunction serializeAttrs(map) {\n const res = {};\n for (let i = 0; i < map.length; i++) {\n const key = map[i].name;\n let prop = key;\n if (key === 'class') {\n prop = 'className';\n } else if (!key.startsWith('data-')) {\n prop = convertReactSVGDOMProperty(key);\n }\n res[prop] = map[i].value;\n }\n return res;\n}\nfunction extractSVGProps(svgNode) {\n const map = svgNode.attributes;\n return map.length > 0 ? serializeAttrs(map) : null;\n}\nconst getSVGFromSource = (0,_global_memoize__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(src => {\n const svgContainer = document.createElement('div');\n svgContainer.innerHTML = src;\n const svg = svgContainer.firstElementChild;\n if (svg.remove) {\n svg.remove();\n } else {\n svgContainer.removeChild(svg);\n }\n return {\n props: extractSVGProps(svg),\n html: svg.innerHTML\n };\n});\nfunction isCompatibilityMode(iconSrc) {\n const hasWidth = /width=\"[\\d\\.]+\"/ig.test(iconSrc);\n const hasHeight = /height=\"[\\d\\.]+\"/ig.test(iconSrc);\n return !hasWidth || !hasHeight;\n}\nfunction IconSVG({\n src,\n className,\n ...rest\n}) {\n const glyphClasses = classnames__WEBPACK_IMPORTED_MODULE_1___default()((_icon_css__WEBPACK_IMPORTED_MODULE_2___default().glyph), {\n [(_icon_css__WEBPACK_IMPORTED_MODULE_2___default().compatibilityMode)]: isCompatibilityMode(src)\n }, className);\n const {\n props,\n html\n } = getSVGFromSource(src);\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"svg\", {\n ...props,\n ...rest,\n className: glyphClasses,\n dangerouslySetInnerHTML: {\n __html: html\n }\n });\n}\nIconSVG.propTypes = {\n className: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().string),\n src: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().string).isRequired,\n style: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().object)\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(IconSVG));\n\n//# sourceURL=webpack://@jetbrains/ring-ui/./src/icon/icon__svg.tsx?"); /***/ }), @@ -887,7 +887,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ActiveItemContext: () => (/* binding */ ActiveItemContext),\n/* harmony export */ \"default\": () => (/* binding */ List)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_virtualized_dist_es_List__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-virtualized/dist/es/List */ \"./node_modules/react-virtualized/dist/es/List/index.js\");\n/* harmony import */ var react_virtualized_dist_es_AutoSizer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-virtualized/dist/es/AutoSizer */ \"./node_modules/react-virtualized/dist/es/AutoSizer/index.js\");\n/* harmony import */ var react_virtualized_dist_es_WindowScroller__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-virtualized/dist/es/WindowScroller */ \"./node_modules/react-virtualized/dist/es/WindowScroller/index.js\");\n/* harmony import */ var react_virtualized_dist_es_CellMeasurer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-virtualized/dist/es/CellMeasurer */ \"./node_modules/react-virtualized/dist/es/CellMeasurer/index.js\");\n/* harmony import */ var util_deprecate__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! util-deprecate */ \"./node_modules/util-deprecate/browser.js\");\n/* harmony import */ var util_deprecate__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var memoize_one__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! memoize-one */ \"./node_modules/memoize-one/dist/memoize-one.esm.js\");\n/* harmony import */ var _global_data_tests__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../global/data-tests */ \"./src/global/data-tests.ts\");\n/* harmony import */ var _global_get_uid__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../global/get-uid */ \"./src/global/get-uid.ts\");\n/* harmony import */ var _global_schedule_raf__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../global/schedule-raf */ \"./src/global/schedule-raf.ts\");\n/* harmony import */ var _global_memoize__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../global/memoize */ \"./src/global/memoize.ts\");\n/* harmony import */ var _global_dom__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../global/dom */ \"./src/global/dom.ts\");\n/* harmony import */ var _shortcuts_shortcuts__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../shortcuts/shortcuts */ \"./src/shortcuts/shortcuts.ts\");\n/* harmony import */ var _global_create_stateful_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../global/create-stateful-context */ \"./src/global/create-stateful-context.tsx\");\n/* harmony import */ var _list_link__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./list__link */ \"./src/list/list__link.tsx\");\n/* harmony import */ var _list_item__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./list__item */ \"./src/list/list__item.tsx\");\n/* harmony import */ var _list_custom__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./list__custom */ \"./src/list/list__custom.tsx\");\n/* harmony import */ var _list_title__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./list__title */ \"./src/list/list__title.tsx\");\n/* harmony import */ var _list_separator__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./list__separator */ \"./src/list/list__separator.tsx\");\n/* harmony import */ var _list_hint__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./list__hint */ \"./src/list/list__hint.tsx\");\n/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./consts */ \"./src/list/consts.ts\");\n/* harmony import */ var _list_css__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./list.css */ \"./src/list/list.css\");\n/* harmony import */ var _list_css__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_list_css__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n/**\n * @name List\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction noop() {}\nconst warnEmptyKey = util_deprecate__WEBPACK_IMPORTED_MODULE_6___default()(() => {}, 'No key passed for list item with non-string label. It is considered as a bad practice and has been deprecated, please provide a key.');\n\n/**\n * @param {Type} listItemType\n * @param {Object} item list item\n */\nfunction isItemType(listItemType, item) {\n let type = item.rgItemType;\n if (type == null) {\n type = _consts__WEBPACK_IMPORTED_MODULE_9__.DEFAULT_ITEM_TYPE;\n }\n return type === listItemType;\n}\nconst nonActivatableTypes = [_consts__WEBPACK_IMPORTED_MODULE_9__.Type.SEPARATOR, _consts__WEBPACK_IMPORTED_MODULE_9__.Type.TITLE, _consts__WEBPACK_IMPORTED_MODULE_9__.Type.MARGIN];\nfunction isActivatable(item) {\n return item != null && !nonActivatableTypes.includes(item.rgItemType) && !item.disabled;\n}\nfunction getDataHash(data) {\n return data.map(it => `${it.key}-${it.disabled}`).join('-');\n}\nconst shouldActivateFirstItem = props => props.activateFirstItem || props.activateSingleItem && props.data.length === 1;\nconst ActiveItemContext = (0,_global_create_stateful_context__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(undefined, 'ActiveItem');\n/**\n * @name List\n * @constructor\n * @extends {ReactComponent}\n */\n/**\n * Displays a list of items.\n */\nclass List extends react__WEBPACK_IMPORTED_MODULE_0__.Component {\n static propTypes = {\n id: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().string),\n className: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().string),\n hint: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().node),\n hintOnSelection: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().string),\n data: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().array),\n maxHeight: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().number),\n activeIndex: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().number),\n restoreActiveIndex: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n activateSingleItem: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n activateFirstItem: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n shortcuts: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n shortcutsMap: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().object),\n onMouseOut: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n onSelect: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n onScrollToBottom: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n onResize: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n useMouseUp: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n visible: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n renderOptimization: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n disableMoveOverflow: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n disableMoveDownOverflow: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n compact: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n disableScrollToActive: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n hidden: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n ariaLabel: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().string),\n preventListOverscroll: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool)\n };\n static defaultProps = {\n data: [],\n restoreActiveIndex: false,\n // restore active item using its \"key\" property\n activateSingleItem: false,\n // if there is only one item, activate it\n activateFirstItem: false,\n // if there no active items, activate the first one\n onMouseOut: noop,\n onSelect: noop,\n onScrollToBottom: noop,\n onResize: noop,\n shortcuts: false,\n renderOptimization: true,\n disableMoveDownOverflow: false,\n ariaLabel: 'List'\n };\n state = {\n activeIndex: null,\n prevActiveIndex: null,\n prevData: [],\n activeItem: null,\n needScrollToActive: false,\n scrolling: false,\n hasOverflow: false,\n disabledHover: false,\n scrolledToBottom: false\n };\n static getDerivedStateFromProps(nextProps, prevState) {\n const {\n prevActiveIndex,\n prevData,\n activeItem\n } = prevState;\n const {\n data,\n activeIndex,\n restoreActiveIndex\n } = nextProps;\n const nextState = {\n prevActiveIndex: activeIndex,\n prevData: data\n };\n if (data !== prevData) {\n Object.assign(nextState, {\n activeIndex: null,\n activeItem: null\n });\n }\n if (activeIndex != null && activeIndex !== prevActiveIndex && data[activeIndex] != null) {\n Object.assign(nextState, {\n activeIndex,\n activeItem: data[activeIndex],\n needScrollToActive: true\n });\n } else if (data !== prevData && restoreActiveIndex && activeItem != null && activeItem.key != null) {\n // Restore active index if there is an item with the same \"key\" property\n const index = data.findIndex(item => item.key === activeItem.key);\n if (index >= 0) {\n Object.assign(nextState, {\n activeIndex: index,\n activeItem: data[index]\n });\n }\n }\n return nextState;\n }\n componentDidMount() {\n document.addEventListener('mousemove', this.onDocumentMouseMove);\n document.addEventListener('keydown', this.onDocumentKeyDown, true);\n if (this.props.activeIndex == null && shouldActivateFirstItem(this.props)) {\n this.activateFirst();\n }\n }\n shouldComponentUpdate(nextProps, nextState) {\n return nextProps !== this.props || Object.keys(nextState).some(key => nextState[key] !== this.state[key]);\n }\n componentDidUpdate(prevProps) {\n if (this.virtualizedList && prevProps.data !== this.props.data) {\n this.virtualizedList.recomputeRowHeights();\n }\n if (this.props.activeIndex == null && getDataHash(this.props.data) !== getDataHash(prevProps.data) && shouldActivateFirstItem(this.props)) {\n this.activateFirst();\n }\n this.checkOverflow();\n }\n componentWillUnmount() {\n this.unmounted = true;\n document.removeEventListener('mousemove', this.onDocumentMouseMove);\n document.removeEventListener('keydown', this.onDocumentKeyDown, true);\n }\n scheduleScrollListener = (0,_global_schedule_raf__WEBPACK_IMPORTED_MODULE_12__[\"default\"])();\n scheduleHoverListener = (0,_global_schedule_raf__WEBPACK_IMPORTED_MODULE_12__[\"default\"])();\n static isItemType = isItemType;\n static ListHint = _list_hint__WEBPACK_IMPORTED_MODULE_13__[\"default\"];\n static ListProps = {\n Type: _consts__WEBPACK_IMPORTED_MODULE_9__.Type,\n Dimension: _consts__WEBPACK_IMPORTED_MODULE_9__.Dimension\n };\n virtualizedList;\n unmounted;\n container;\n hoverHandler = (0,_global_memoize__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(index => () => this.scheduleHoverListener(() => {\n if (this.state.disabledHover) {\n return;\n }\n if (this.container) {\n this.setState({\n activeIndex: index,\n activeItem: this.props.data[index],\n needScrollToActive: false\n });\n }\n }));\n\n // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n _bufferSize = 10; // keep X items above and below of the visible area\n // reuse size cache for similar items\n sizeCacheKey = index => {\n if (index === 0 || index === this.props.data.length + 1) {\n return _consts__WEBPACK_IMPORTED_MODULE_9__.Type.MARGIN;\n }\n const item = this.props.data[index - 1];\n const isFirst = index === 1;\n switch (item.rgItemType) {\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.SEPARATOR:\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.TITLE:\n return `${item.rgItemType}${isFirst ? '_first' : ''}${item.description ? '_desc' : ''}`;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.MARGIN:\n return _consts__WEBPACK_IMPORTED_MODULE_9__.Type.MARGIN;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.CUSTOM:\n return `${_consts__WEBPACK_IMPORTED_MODULE_9__.Type.CUSTOM}_${item.key}`;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.ITEM:\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.LINK:\n default:\n if (item.details) {\n return `${_consts__WEBPACK_IMPORTED_MODULE_9__.Type.ITEM}_${item.details}`;\n }\n return _consts__WEBPACK_IMPORTED_MODULE_9__.Type.ITEM;\n }\n };\n _cache = new react_virtualized_dist_es_CellMeasurer__WEBPACK_IMPORTED_MODULE_5__.CellMeasurerCache({\n defaultHeight: this.defaultItemHeight(),\n fixedWidth: true,\n keyMapper: this.sizeCacheKey\n });\n _hasActivatableItems = (0,memoize_one__WEBPACK_IMPORTED_MODULE_15__[\"default\"])(items => items.some(isActivatable));\n hasActivatableItems() {\n return this._hasActivatableItems(this.props.data);\n }\n activateFirst = () => {\n const firstActivatableIndex = this.props.data.findIndex(isActivatable);\n if (firstActivatableIndex >= 0) {\n this.setState({\n activeIndex: firstActivatableIndex,\n activeItem: this.props.data[firstActivatableIndex],\n needScrollToActive: true\n });\n }\n };\n selectHandler = (0,_global_memoize__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(index => (event, tryKeepOpen = false) => {\n const item = this.props.data[index];\n if (!this.props.useMouseUp && item.onClick) {\n item.onClick(item, event);\n } else if (this.props.useMouseUp && item.onMouseUp) {\n item.onMouseUp(item, event);\n }\n if (this.props.onSelect) {\n this.props.onSelect(item, event, {\n tryKeepOpen\n });\n }\n });\n checkboxHandler = (0,_global_memoize__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(index => event => this.selectHandler(index)(event, true));\n upHandler = e => {\n const {\n data,\n disableMoveOverflow\n } = this.props;\n const index = this.state.activeIndex;\n let newIndex;\n if (index === null || index === 0) {\n if (!disableMoveOverflow) {\n newIndex = data.length - 1;\n } else {\n return;\n }\n } else {\n newIndex = index - 1;\n }\n this.moveHandler(newIndex, this.upHandler, e);\n };\n downHandler = e => {\n const {\n data,\n disableMoveOverflow,\n disableMoveDownOverflow\n } = this.props;\n const index = this.state.activeIndex;\n let newIndex;\n if (index === null) {\n newIndex = 0;\n } else if (index + 1 === data.length) {\n if (!disableMoveOverflow && !disableMoveDownOverflow) {\n newIndex = 0;\n } else {\n return;\n }\n } else {\n newIndex = index + 1;\n }\n this.moveHandler(newIndex, this.downHandler, e);\n };\n homeHandler = e => {\n this.moveHandler(0, this.downHandler, e);\n };\n endHandler = e => {\n this.moveHandler(this.props.data.length - 1, this.upHandler, e);\n };\n onDocumentMouseMove = () => {\n if (this.state.disabledHover) {\n this.setState({\n disabledHover: false\n });\n }\n };\n onDocumentKeyDown = e => {\n const metaKeys = [16, 17, 18, 19, 20, 91]; // eslint-disable-line @typescript-eslint/no-magic-numbers\n if (!this.state.disabledHover && !metaKeys.includes(e.keyCode)) {\n this.setState({\n disabledHover: true\n });\n }\n };\n moveHandler(index, retryCallback, e) {\n let correctedIndex;\n if (this.props.data.length === 0 || !this.hasActivatableItems()) {\n return;\n } else if (this.props.data.length < index) {\n correctedIndex = 0;\n } else {\n correctedIndex = index;\n }\n const item = this.props.data[correctedIndex];\n this.setState({\n activeIndex: correctedIndex,\n activeItem: item,\n needScrollToActive: true\n }, function onSet() {\n if (!isActivatable(item)) {\n retryCallback(e);\n return;\n }\n if (e.key !== 'Home' && e.key !== 'End') {\n (0,_global_dom__WEBPACK_IMPORTED_MODULE_16__.preventDefault)(e);\n }\n });\n }\n mouseHandler = () => {\n this.setState({\n scrolling: false\n });\n };\n scrollHandler = () => {\n this.setState({\n scrolling: true\n }, this.scrollEndHandler);\n };\n enterHandler = (event, shortcut) => {\n if (this.state.activeIndex !== null) {\n const item = this.props.data[this.state.activeIndex];\n this.selectHandler(this.state.activeIndex)(event);\n if (item.href && !event.defaultPrevented) {\n if (shortcut != null && ['command+enter', 'ctrl+enter'].includes(shortcut)) {\n window.open(item.href, '_blank');\n } else if (shortcut === 'shift+enter') {\n window.open(item.href);\n } else {\n window.location.href = item.href;\n }\n }\n return false; // do not propagate event\n } else {\n return true; // propagate event to the parent component (e.g., QueryAssist)\n }\n };\n getFirst() {\n return this.props.data.find(item => item.rgItemType === _consts__WEBPACK_IMPORTED_MODULE_9__.Type.ITEM || item.rgItemType === _consts__WEBPACK_IMPORTED_MODULE_9__.Type.CUSTOM);\n }\n getSelected() {\n return this.state.activeIndex != null ? this.props.data[this.state.activeIndex] : null;\n }\n clearSelected = () => {\n this.setState({\n activeIndex: null,\n needScrollToActive: false\n });\n };\n defaultItemHeight() {\n return this.props.compact ? _consts__WEBPACK_IMPORTED_MODULE_9__.Dimension.COMPACT_ITEM_HEIGHT : _consts__WEBPACK_IMPORTED_MODULE_9__.Dimension.ITEM_HEIGHT;\n }\n scrollEndHandler = () => this.scheduleScrollListener(() => {\n const innerContainer = this.inner;\n if (innerContainer) {\n const maxScrollingPosition = innerContainer.scrollHeight;\n const sensitivity = this.defaultItemHeight() / 2;\n const currentScrollingPosition = innerContainer.scrollTop + innerContainer.clientHeight + sensitivity;\n const scrolledToBottom = maxScrollingPosition > 0 && currentScrollingPosition >= maxScrollingPosition;\n if (!this.unmounted) {\n this.setState({\n scrolledToBottom\n });\n }\n if (scrolledToBottom) {\n this.props.onScrollToBottom();\n }\n }\n });\n checkOverflow = () => {\n if (this.inner) {\n this.setState({\n hasOverflow: this.inner.scrollHeight - this.inner.clientHeight > 1\n });\n }\n };\n getVisibleListHeight(maxHeight) {\n return maxHeight - this.defaultItemHeight() - _consts__WEBPACK_IMPORTED_MODULE_9__.Dimension.INNER_PADDING;\n }\n _deprecatedGenerateKeyFromContent(itemProps) {\n const identificator = itemProps.label || itemProps.description;\n const isString = typeof identificator === 'string' || identificator instanceof String;\n if (identificator && !isString) {\n warnEmptyKey();\n `${itemProps.rgItemType}_${JSON.stringify(identificator)}`;\n }\n return `${itemProps.rgItemType}_${identificator}`;\n }\n getId(item) {\n return item != null ? `${this.id}:${item.key || this._deprecatedGenerateKeyFromContent(item)}` : undefined;\n }\n renderItem = ({\n index = 1,\n style,\n isScrolling = false,\n parent,\n key\n }) => {\n let itemKey;\n let el;\n const realIndex = index - 1;\n const item = this.props.data[realIndex];\n const itemId = this.getId(item);\n // top and bottom margins\n if (index === 0 || index === this.props.data.length + 1 || item.rgItemType === _consts__WEBPACK_IMPORTED_MODULE_9__.Type.MARGIN) {\n itemKey = key || `${_consts__WEBPACK_IMPORTED_MODULE_9__.Type.MARGIN}_${index}`;\n el = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n style: {\n height: _consts__WEBPACK_IMPORTED_MODULE_9__.Dimension.MARGIN\n }\n });\n } else {\n // Hack around SelectNG implementation\n const {\n selectedLabel,\n originalModel,\n ...restProps\n } = item;\n const cleanedProps = restProps;\n if (cleanedProps.url) {\n cleanedProps.href = cleanedProps.url;\n }\n if (cleanedProps.href) {\n cleanedProps.rgItemType = _consts__WEBPACK_IMPORTED_MODULE_9__.Type.LINK;\n }\n const itemProps = Object.assign({\n rgItemType: _consts__WEBPACK_IMPORTED_MODULE_9__.DEFAULT_ITEM_TYPE\n }, restProps);\n itemKey = key || itemId;\n itemProps.hover = realIndex === this.state.activeIndex;\n if (itemProps.hoverClassName != null && itemProps.hover) {\n itemProps.className = classnames__WEBPACK_IMPORTED_MODULE_1___default()(itemProps.className, itemProps.hoverClassName);\n }\n itemProps.onMouseOver = this.hoverHandler(realIndex);\n itemProps.tabIndex = -1;\n itemProps.scrolling = isScrolling;\n const selectHandler = this.selectHandler(realIndex);\n if (this.props.useMouseUp) {\n itemProps.onMouseUp = selectHandler;\n } else {\n itemProps.onClick = selectHandler;\n }\n itemProps.onCheckboxChange = this.checkboxHandler(realIndex);\n if (itemProps.compact == null) {\n itemProps.compact = this.props.compact;\n }\n let ItemComponent;\n const isFirst = index === 1;\n switch (itemProps.rgItemType) {\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.SEPARATOR:\n ItemComponent = _list_separator__WEBPACK_IMPORTED_MODULE_17__[\"default\"];\n itemProps.isFirst = isFirst;\n break;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.LINK:\n ItemComponent = _list_link__WEBPACK_IMPORTED_MODULE_18__[\"default\"];\n this.addItemDataTestToProp(itemProps);\n break;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.ITEM:\n ItemComponent = _list_item__WEBPACK_IMPORTED_MODULE_19__[\"default\"];\n this.addItemDataTestToProp(itemProps);\n break;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.CUSTOM:\n ItemComponent = _list_custom__WEBPACK_IMPORTED_MODULE_20__[\"default\"];\n this.addItemDataTestToProp(itemProps);\n break;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.TITLE:\n itemProps.isFirst = isFirst;\n ItemComponent = _list_title__WEBPACK_IMPORTED_MODULE_21__[\"default\"];\n break;\n default:\n throw new Error(`Unknown menu element type: ${itemProps.rgItemType}`);\n }\n el = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(ItemComponent, {\n ...itemProps,\n key: itemProps.key\n });\n }\n return parent ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(react_virtualized_dist_es_CellMeasurer__WEBPACK_IMPORTED_MODULE_5__.CellMeasurer, {\n cache: this._cache,\n parent: parent,\n rowIndex: index,\n columnIndex: 0,\n children: ({\n registerChild\n }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n ref: registerChild,\n style: style,\n role: \"row\",\n id: itemId,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n role: \"cell\",\n children: el\n })\n })\n }, itemKey) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n role: \"row\",\n id: itemId,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n role: \"cell\",\n children: el\n })\n }, itemKey);\n };\n addItemDataTestToProp = props => {\n props['data-test'] = (0,_global_data_tests__WEBPACK_IMPORTED_MODULE_22__[\"default\"])('ring-list-item', props['data-test']);\n return props;\n };\n virtualizedListRef = el => {\n this.virtualizedList = el;\n };\n containerRef = el => {\n this.container = el;\n };\n _inner;\n get inner() {\n if (!this._inner) {\n this._inner = this.container && this.container.querySelector('.ring-list__i');\n }\n return this._inner;\n }\n renderVirtualizedInner({\n height,\n maxHeight,\n autoHeight = false,\n rowCount,\n isScrolling,\n onChildScroll = noop,\n scrollTop,\n registerChild\n }) {\n const dirOverride = {\n direction: 'inherit'\n }; // Virtualized sets \"direction: ltr\" by default https://github.com/bvaughn/react-virtualized/issues/457\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(react_virtualized_dist_es_AutoSizer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n disableHeight: true,\n onResize: this.props.onResize,\n children: ({\n width\n }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n ref: registerChild,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(react_virtualized_dist_es_List__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n \"aria-label\": this.props.ariaLabel,\n ref: this.virtualizedListRef,\n className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('ring-list__i', {\n [(_list_css__WEBPACK_IMPORTED_MODULE_7___default().overscrollNone)]: this.props.preventListOverscroll\n }),\n autoHeight: autoHeight,\n style: maxHeight ? {\n maxHeight,\n height: 'auto',\n ...dirOverride\n } : dirOverride,\n autoContainerWidth: true,\n height: height,\n width: width,\n isScrolling: isScrolling,\n onScroll: e => {\n onChildScroll(e);\n this.scrollEndHandler();\n },\n scrollTop: scrollTop,\n rowCount: rowCount,\n estimatedRowSize: this.defaultItemHeight(),\n rowHeight: this._cache.rowHeight,\n rowRenderer: this.renderItem,\n overscanRowCount: this._bufferSize\n\n // ensure rerendering\n ,\n noop: () => {},\n scrollToIndex: !this.props.disableScrollToActive && this.state.needScrollToActive && this.state.activeIndex != null ? this.state.activeIndex + 1 : undefined,\n scrollToAlignment: \"center\",\n deferredMeasurementCache: this._cache,\n onRowsRendered: this.checkOverflow\n })\n })\n });\n }\n renderVirtualized(maxHeight, rowCount) {\n if (maxHeight) {\n return this.renderVirtualizedInner({\n height: maxHeight,\n maxHeight,\n rowCount\n });\n }\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(react_virtualized_dist_es_WindowScroller__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n children: props => this.renderVirtualizedInner({\n ...props,\n rowCount,\n autoHeight: true\n })\n });\n }\n renderSimple(maxHeight, rowCount) {\n const items = [];\n for (let index = 0; index < rowCount; index++) {\n items.push(this.renderItem({\n index,\n isScrolling: this.state.scrolling\n }));\n }\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('ring-list__i', (_list_css__WEBPACK_IMPORTED_MODULE_7___default().simpleInner)),\n onScroll: this.scrollHandler,\n onMouseMove: this.mouseHandler,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n \"aria-label\": this.props.ariaLabel,\n role: \"grid\",\n style: maxHeight ? {\n maxHeight: this.getVisibleListHeight(maxHeight)\n } : undefined,\n children: items\n })\n });\n }\n id = (0,_global_get_uid__WEBPACK_IMPORTED_MODULE_23__[\"default\"])('list-');\n shortcutsScope = this.id;\n shortcutsMap = {\n up: this.upHandler,\n down: this.downHandler,\n home: this.homeHandler,\n end: this.endHandler,\n enter: this.enterHandler,\n 'meta+enter': this.enterHandler,\n 'ctrl+enter': this.enterHandler,\n 'command+enter': this.enterHandler,\n 'shift+enter': this.enterHandler\n };\n\n /** @override */\n render() {\n const hint = this.getSelected() && this.props.hintOnSelection || this.props.hint;\n const fadeStyles = hint ? {\n bottom: _consts__WEBPACK_IMPORTED_MODULE_9__.Dimension.ITEM_HEIGHT\n } : undefined;\n const rowCount = this.props.data.length + 2;\n const maxHeight = this.props.maxHeight && this.getVisibleListHeight(this.props.maxHeight);\n const classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()((_list_css__WEBPACK_IMPORTED_MODULE_7___default().list), this.props.className);\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.Fragment, {\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(ActiveItemContext.Updater, {\n value: this.getId(this.state.activeItem),\n skipUpdate: this.props.hidden || !isActivatable(this.state.activeItem)\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(\"div\", {\n id: this.props.id,\n ref: this.containerRef,\n className: classes,\n onMouseOut: this.props.onMouseOut,\n onBlur: this.props.onMouseOut,\n onMouseLeave: this.clearSelected,\n \"data-test\": \"ring-list\",\n children: [this.props.shortcuts && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_shortcuts_shortcuts__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n map: this.props.shortcutsMap ? {\n ...this.shortcutsMap,\n ...this.props.shortcutsMap\n } : this.shortcutsMap,\n scope: this.shortcutsScope\n }), this.props.renderOptimization ? this.renderVirtualized(maxHeight, rowCount) : this.renderSimple(maxHeight, rowCount), this.state.hasOverflow && !this.state.scrolledToBottom && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n className: (_list_css__WEBPACK_IMPORTED_MODULE_7___default().fade),\n style: fadeStyles\n }), hint && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_list_hint__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n label: hint\n })]\n })]\n });\n }\n}\n\n//# sourceURL=webpack://@jetbrains/ring-ui/./src/list/list.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ActiveItemContext: () => (/* binding */ ActiveItemContext),\n/* harmony export */ \"default\": () => (/* binding */ List)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_virtualized_dist_es_List__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-virtualized/dist/es/List */ \"./node_modules/react-virtualized/dist/es/List/index.js\");\n/* harmony import */ var react_virtualized_dist_es_AutoSizer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-virtualized/dist/es/AutoSizer */ \"./node_modules/react-virtualized/dist/es/AutoSizer/index.js\");\n/* harmony import */ var react_virtualized_dist_es_WindowScroller__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-virtualized/dist/es/WindowScroller */ \"./node_modules/react-virtualized/dist/es/WindowScroller/index.js\");\n/* harmony import */ var react_virtualized_dist_es_CellMeasurer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-virtualized/dist/es/CellMeasurer */ \"./node_modules/react-virtualized/dist/es/CellMeasurer/index.js\");\n/* harmony import */ var util_deprecate__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! util-deprecate */ \"./node_modules/util-deprecate/browser.js\");\n/* harmony import */ var util_deprecate__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var memoize_one__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! memoize-one */ \"./node_modules/memoize-one/dist/memoize-one.esm.js\");\n/* harmony import */ var _global_data_tests__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../global/data-tests */ \"./src/global/data-tests.ts\");\n/* harmony import */ var _global_get_uid__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../global/get-uid */ \"./src/global/get-uid.ts\");\n/* harmony import */ var _global_schedule_raf__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../global/schedule-raf */ \"./src/global/schedule-raf.ts\");\n/* harmony import */ var _global_memoize__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../global/memoize */ \"./src/global/memoize.ts\");\n/* harmony import */ var _global_dom__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../global/dom */ \"./src/global/dom.ts\");\n/* harmony import */ var _shortcuts_shortcuts__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../shortcuts/shortcuts */ \"./src/shortcuts/shortcuts.ts\");\n/* harmony import */ var _global_create_stateful_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../global/create-stateful-context */ \"./src/global/create-stateful-context.tsx\");\n/* harmony import */ var _list_link__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./list__link */ \"./src/list/list__link.tsx\");\n/* harmony import */ var _list_item__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./list__item */ \"./src/list/list__item.tsx\");\n/* harmony import */ var _list_custom__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./list__custom */ \"./src/list/list__custom.tsx\");\n/* harmony import */ var _list_title__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./list__title */ \"./src/list/list__title.tsx\");\n/* harmony import */ var _list_separator__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./list__separator */ \"./src/list/list__separator.tsx\");\n/* harmony import */ var _list_hint__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./list__hint */ \"./src/list/list__hint.tsx\");\n/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./consts */ \"./src/list/consts.ts\");\n/* harmony import */ var _list_css__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./list.css */ \"./src/list/list.css\");\n/* harmony import */ var _list_css__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_list_css__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n/**\n * @name List\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction noop() {}\nconst warnEmptyKey = util_deprecate__WEBPACK_IMPORTED_MODULE_6___default()(() => {}, 'No key passed for list item with non-string label. It is considered as a bad practice and has been deprecated, please provide a key.');\n\n/**\n * @param {Type} listItemType\n * @param {Object} item list item\n */\nfunction isItemType(listItemType, item) {\n let type = item.rgItemType;\n if (type == null) {\n type = _consts__WEBPACK_IMPORTED_MODULE_9__.DEFAULT_ITEM_TYPE;\n }\n return type === listItemType;\n}\nconst nonActivatableTypes = [_consts__WEBPACK_IMPORTED_MODULE_9__.Type.SEPARATOR, _consts__WEBPACK_IMPORTED_MODULE_9__.Type.TITLE, _consts__WEBPACK_IMPORTED_MODULE_9__.Type.MARGIN];\nfunction isActivatable(item) {\n return item != null && !nonActivatableTypes.includes(item.rgItemType) && !item.disabled;\n}\nfunction getDataHash(data) {\n return data.map(it => `${it.key}-${it.disabled}`).join('-');\n}\nconst shouldActivateFirstItem = props => props.activateFirstItem || props.activateSingleItem && props.data.length === 1;\nconst ActiveItemContext = (0,_global_create_stateful_context__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(undefined, 'ActiveItem');\n/**\n * @name List\n * @constructor\n * @extends {ReactComponent}\n */\n/**\n * Displays a list of items.\n */\nclass List extends react__WEBPACK_IMPORTED_MODULE_0__.Component {\n static propTypes = {\n id: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().string),\n className: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().string),\n hint: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().node),\n hintOnSelection: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().string),\n data: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().array),\n maxHeight: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().number),\n activeIndex: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().number),\n restoreActiveIndex: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n activateSingleItem: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n activateFirstItem: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n shortcuts: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n shortcutsMap: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().object),\n onMouseOut: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n onSelect: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n onScrollToBottom: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n onResize: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n useMouseUp: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n visible: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n renderOptimization: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n disableMoveOverflow: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n disableMoveDownOverflow: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n compact: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n disableScrollToActive: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n hidden: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n ariaLabel: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().string),\n preventListOverscroll: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool)\n };\n static defaultProps = {\n data: [],\n restoreActiveIndex: false,\n // restore active item using its \"key\" property\n activateSingleItem: false,\n // if there is only one item, activate it\n activateFirstItem: false,\n // if there no active items, activate the first one\n onMouseOut: noop,\n onSelect: noop,\n onScrollToBottom: noop,\n onResize: noop,\n shortcuts: false,\n renderOptimization: true,\n disableMoveDownOverflow: false,\n ariaLabel: 'List'\n };\n state = {\n activeIndex: null,\n prevActiveIndex: null,\n prevData: [],\n activeItem: null,\n needScrollToActive: false,\n scrolling: false,\n hasOverflow: false,\n disabledHover: false,\n scrolledToBottom: false\n };\n static getDerivedStateFromProps(nextProps, prevState) {\n const {\n prevActiveIndex,\n prevData,\n activeItem\n } = prevState;\n const {\n data,\n activeIndex,\n restoreActiveIndex\n } = nextProps;\n const nextState = {\n prevActiveIndex: activeIndex,\n prevData: data\n };\n if (data !== prevData) {\n Object.assign(nextState, {\n activeIndex: null,\n activeItem: null\n });\n }\n if (activeIndex != null && activeIndex !== prevActiveIndex && data[activeIndex] != null) {\n Object.assign(nextState, {\n activeIndex,\n activeItem: data[activeIndex],\n needScrollToActive: true\n });\n } else if (data !== prevData && restoreActiveIndex && activeItem != null && activeItem.key != null) {\n // Restore active index if there is an item with the same \"key\" property\n const index = data.findIndex(item => item.key === activeItem.key);\n if (index >= 0) {\n Object.assign(nextState, {\n activeIndex: index,\n activeItem: data[index]\n });\n }\n }\n return nextState;\n }\n componentDidMount() {\n document.addEventListener('mousemove', this.onDocumentMouseMove);\n document.addEventListener('keydown', this.onDocumentKeyDown, true);\n if (this.props.activeIndex == null && shouldActivateFirstItem(this.props)) {\n this.activateFirst();\n }\n }\n shouldComponentUpdate(nextProps, nextState) {\n return nextProps !== this.props || Object.keys(nextState).some(key => nextState[key] !== this.state[key]);\n }\n componentDidUpdate(prevProps) {\n if (this.virtualizedList && prevProps.data !== this.props.data) {\n this.virtualizedList.recomputeRowHeights();\n }\n if (this.props.activeIndex == null && getDataHash(this.props.data) !== getDataHash(prevProps.data) && shouldActivateFirstItem(this.props)) {\n this.activateFirst();\n }\n this.checkOverflow();\n }\n componentWillUnmount() {\n this.unmounted = true;\n document.removeEventListener('mousemove', this.onDocumentMouseMove);\n document.removeEventListener('keydown', this.onDocumentKeyDown, true);\n }\n scheduleScrollListener = (0,_global_schedule_raf__WEBPACK_IMPORTED_MODULE_12__[\"default\"])();\n scheduleHoverListener = (0,_global_schedule_raf__WEBPACK_IMPORTED_MODULE_12__[\"default\"])();\n static isItemType = isItemType;\n static ListHint = _list_hint__WEBPACK_IMPORTED_MODULE_13__[\"default\"];\n static ListProps = {\n Type: _consts__WEBPACK_IMPORTED_MODULE_9__.Type,\n Dimension: _consts__WEBPACK_IMPORTED_MODULE_9__.Dimension\n };\n virtualizedList;\n unmounted;\n container;\n hoverHandler = (0,_global_memoize__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(index => () => this.scheduleHoverListener(() => {\n if (this.state.disabledHover) {\n return;\n }\n if (this.container) {\n this.setState({\n activeIndex: index,\n activeItem: this.props.data[index],\n needScrollToActive: false\n });\n }\n }));\n\n // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n _bufferSize = 10; // keep X items above and below of the visible area\n // reuse size cache for similar items\n sizeCacheKey = index => {\n if (index === 0 || index === this.props.data.length + 1) {\n return _consts__WEBPACK_IMPORTED_MODULE_9__.Type.MARGIN;\n }\n const item = this.props.data[index - 1];\n const isFirst = index === 1;\n switch (item.rgItemType) {\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.SEPARATOR:\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.TITLE:\n return `${item.rgItemType}${isFirst ? '_first' : ''}${item.description ? '_desc' : ''}`;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.MARGIN:\n return _consts__WEBPACK_IMPORTED_MODULE_9__.Type.MARGIN;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.CUSTOM:\n return `${_consts__WEBPACK_IMPORTED_MODULE_9__.Type.CUSTOM}_${item.key}`;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.ITEM:\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.LINK:\n default:\n if (item.details) {\n return `${_consts__WEBPACK_IMPORTED_MODULE_9__.Type.ITEM}_${item.details}`;\n }\n return _consts__WEBPACK_IMPORTED_MODULE_9__.Type.ITEM;\n }\n };\n _cache = new react_virtualized_dist_es_CellMeasurer__WEBPACK_IMPORTED_MODULE_5__.CellMeasurerCache({\n defaultHeight: this.defaultItemHeight(),\n fixedWidth: true,\n keyMapper: this.sizeCacheKey\n });\n _hasActivatableItems = (0,memoize_one__WEBPACK_IMPORTED_MODULE_15__[\"default\"])(items => items.some(isActivatable));\n hasActivatableItems() {\n return this._hasActivatableItems(this.props.data);\n }\n activateFirst = () => {\n const firstActivatableIndex = this.props.data.findIndex(isActivatable);\n if (firstActivatableIndex >= 0) {\n this.setState({\n activeIndex: firstActivatableIndex,\n activeItem: this.props.data[firstActivatableIndex],\n needScrollToActive: true\n });\n }\n };\n selectHandler = (0,_global_memoize__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(index => (event, tryKeepOpen = false) => {\n const item = this.props.data[index];\n if (!this.props.useMouseUp && item.onClick) {\n item.onClick(item, event);\n } else if (this.props.useMouseUp && item.onMouseUp) {\n item.onMouseUp(item, event);\n }\n if (this.props.onSelect) {\n this.props.onSelect(item, event, {\n tryKeepOpen\n });\n }\n });\n checkboxHandler = (0,_global_memoize__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(index => event => this.selectHandler(index)(event, true));\n upHandler = e => {\n const {\n data,\n disableMoveOverflow\n } = this.props;\n const index = this.state.activeIndex;\n let newIndex;\n if (index === null || index === 0) {\n if (!disableMoveOverflow) {\n newIndex = data.length - 1;\n } else {\n return;\n }\n } else {\n newIndex = index - 1;\n }\n this.moveHandler(newIndex, this.upHandler, e);\n };\n downHandler = e => {\n const {\n data,\n disableMoveOverflow,\n disableMoveDownOverflow\n } = this.props;\n const index = this.state.activeIndex;\n let newIndex;\n if (index === null) {\n newIndex = 0;\n } else if (index + 1 === data.length) {\n if (!disableMoveOverflow && !disableMoveDownOverflow) {\n newIndex = 0;\n } else {\n return;\n }\n } else {\n newIndex = index + 1;\n }\n this.moveHandler(newIndex, this.downHandler, e);\n };\n homeHandler = e => {\n this.moveHandler(0, this.downHandler, e);\n };\n endHandler = e => {\n this.moveHandler(this.props.data.length - 1, this.upHandler, e);\n };\n onDocumentMouseMove = () => {\n if (this.state.disabledHover) {\n this.setState({\n disabledHover: false\n });\n }\n };\n onDocumentKeyDown = e => {\n const metaKeys = [16, 17, 18, 19, 20, 91]; // eslint-disable-line @typescript-eslint/no-magic-numbers\n if (!this.state.disabledHover && !metaKeys.includes(e.keyCode)) {\n this.setState({\n disabledHover: true\n });\n }\n };\n moveHandler(index, retryCallback, e) {\n let correctedIndex;\n if (this.props.data.length === 0 || !this.hasActivatableItems()) {\n return;\n } else if (this.props.data.length < index) {\n correctedIndex = 0;\n } else {\n correctedIndex = index;\n }\n const item = this.props.data[correctedIndex];\n this.setState({\n activeIndex: correctedIndex,\n activeItem: item,\n needScrollToActive: true\n }, function onSet() {\n if (!isActivatable(item)) {\n retryCallback(e);\n return;\n }\n if (e.key !== 'Home' && e.key !== 'End') {\n (0,_global_dom__WEBPACK_IMPORTED_MODULE_16__.preventDefault)(e);\n }\n });\n }\n mouseHandler = () => {\n this.setState({\n scrolling: false\n });\n };\n scrollHandler = () => {\n this.setState({\n scrolling: true\n }, this.scrollEndHandler);\n };\n enterHandler = (event, shortcut) => {\n if (this.state.activeIndex !== null) {\n const item = this.props.data[this.state.activeIndex];\n this.selectHandler(this.state.activeIndex)(event);\n if (item.href && !event.defaultPrevented) {\n if (shortcut != null && ['command+enter', 'ctrl+enter'].includes(shortcut)) {\n window.open(item.href, '_blank');\n } else if (shortcut === 'shift+enter') {\n window.open(item.href);\n } else {\n window.location.href = item.href;\n }\n }\n return false; // do not propagate event\n } else {\n return true; // propagate event to the parent component (e.g., QueryAssist)\n }\n };\n getFirst() {\n return this.props.data.find(item => item.rgItemType === _consts__WEBPACK_IMPORTED_MODULE_9__.Type.ITEM || item.rgItemType === _consts__WEBPACK_IMPORTED_MODULE_9__.Type.CUSTOM);\n }\n getSelected() {\n return this.state.activeIndex != null ? this.props.data[this.state.activeIndex] : null;\n }\n clearSelected = () => {\n this.setState({\n activeIndex: null,\n needScrollToActive: false\n });\n };\n defaultItemHeight() {\n return this.props.compact ? _consts__WEBPACK_IMPORTED_MODULE_9__.Dimension.COMPACT_ITEM_HEIGHT : _consts__WEBPACK_IMPORTED_MODULE_9__.Dimension.ITEM_HEIGHT;\n }\n scrollEndHandler = () => this.scheduleScrollListener(() => {\n const innerContainer = this.inner;\n if (innerContainer) {\n const maxScrollingPosition = innerContainer.scrollHeight;\n const sensitivity = this.defaultItemHeight() / 2;\n const currentScrollingPosition = innerContainer.scrollTop + innerContainer.clientHeight + sensitivity;\n const scrolledToBottom = maxScrollingPosition > 0 && currentScrollingPosition >= maxScrollingPosition;\n if (!this.unmounted) {\n this.setState({\n scrolledToBottom\n });\n }\n if (scrolledToBottom) {\n this.props.onScrollToBottom();\n }\n }\n });\n checkOverflow = () => {\n if (this.inner) {\n this.setState({\n hasOverflow: this.inner.scrollHeight - this.inner.clientHeight > 1\n });\n }\n };\n getVisibleListHeight(maxHeight) {\n return maxHeight - this.defaultItemHeight() - _consts__WEBPACK_IMPORTED_MODULE_9__.Dimension.INNER_PADDING;\n }\n _deprecatedGenerateKeyFromContent(itemProps) {\n const identificator = itemProps.label || itemProps.description;\n const isString = typeof identificator === 'string' || identificator instanceof String;\n if (identificator && !isString) {\n warnEmptyKey();\n return `${itemProps.rgItemType}_${JSON.stringify(identificator)}`;\n }\n return `${itemProps.rgItemType}_${identificator}`;\n }\n getId(item) {\n return item != null ? `${this.id}:${item.key || this._deprecatedGenerateKeyFromContent(item)}` : undefined;\n }\n renderItem = ({\n index = 1,\n style,\n isScrolling = false,\n parent,\n key\n }) => {\n let itemKey;\n let el;\n const realIndex = index - 1;\n const item = this.props.data[realIndex];\n const itemId = this.getId(item);\n // top and bottom margins\n if (index === 0 || index === this.props.data.length + 1 || item.rgItemType === _consts__WEBPACK_IMPORTED_MODULE_9__.Type.MARGIN) {\n itemKey = key || `${_consts__WEBPACK_IMPORTED_MODULE_9__.Type.MARGIN}_${index}`;\n el = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n style: {\n height: _consts__WEBPACK_IMPORTED_MODULE_9__.Dimension.MARGIN\n }\n });\n } else {\n // Hack around SelectNG implementation\n const {\n selectedLabel,\n originalModel,\n ...restProps\n } = item;\n const cleanedProps = restProps;\n if (cleanedProps.url) {\n cleanedProps.href = cleanedProps.url;\n }\n if (cleanedProps.href) {\n cleanedProps.rgItemType = _consts__WEBPACK_IMPORTED_MODULE_9__.Type.LINK;\n }\n const itemProps = Object.assign({\n rgItemType: _consts__WEBPACK_IMPORTED_MODULE_9__.DEFAULT_ITEM_TYPE\n }, restProps);\n itemKey = key || itemId;\n itemProps.hover = realIndex === this.state.activeIndex;\n if (itemProps.hoverClassName != null && itemProps.hover) {\n itemProps.className = classnames__WEBPACK_IMPORTED_MODULE_1___default()(itemProps.className, itemProps.hoverClassName);\n }\n itemProps.onMouseOver = this.hoverHandler(realIndex);\n itemProps.tabIndex = -1;\n itemProps.scrolling = isScrolling;\n const selectHandler = this.selectHandler(realIndex);\n if (this.props.useMouseUp) {\n itemProps.onMouseUp = selectHandler;\n } else {\n itemProps.onClick = selectHandler;\n }\n itemProps.onCheckboxChange = this.checkboxHandler(realIndex);\n if (itemProps.compact == null) {\n itemProps.compact = this.props.compact;\n }\n let ItemComponent;\n const isFirst = index === 1;\n switch (itemProps.rgItemType) {\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.SEPARATOR:\n ItemComponent = _list_separator__WEBPACK_IMPORTED_MODULE_17__[\"default\"];\n itemProps.isFirst = isFirst;\n break;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.LINK:\n ItemComponent = _list_link__WEBPACK_IMPORTED_MODULE_18__[\"default\"];\n this.addItemDataTestToProp(itemProps);\n break;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.ITEM:\n ItemComponent = _list_item__WEBPACK_IMPORTED_MODULE_19__[\"default\"];\n this.addItemDataTestToProp(itemProps);\n break;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.CUSTOM:\n ItemComponent = _list_custom__WEBPACK_IMPORTED_MODULE_20__[\"default\"];\n this.addItemDataTestToProp(itemProps);\n break;\n case _consts__WEBPACK_IMPORTED_MODULE_9__.Type.TITLE:\n itemProps.isFirst = isFirst;\n ItemComponent = _list_title__WEBPACK_IMPORTED_MODULE_21__[\"default\"];\n break;\n default:\n throw new Error(`Unknown menu element type: ${itemProps.rgItemType}`);\n }\n el = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(ItemComponent, {\n ...itemProps,\n key: itemProps.key\n });\n }\n return parent ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(react_virtualized_dist_es_CellMeasurer__WEBPACK_IMPORTED_MODULE_5__.CellMeasurer, {\n cache: this._cache,\n parent: parent,\n rowIndex: index,\n columnIndex: 0,\n children: ({\n registerChild\n }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n ref: registerChild,\n style: style,\n role: \"row\",\n id: itemId,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n role: \"cell\",\n children: el\n })\n })\n }, itemKey) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n role: \"row\",\n id: itemId,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n role: \"cell\",\n children: el\n })\n }, itemKey);\n };\n addItemDataTestToProp = props => {\n props['data-test'] = (0,_global_data_tests__WEBPACK_IMPORTED_MODULE_22__[\"default\"])('ring-list-item', props['data-test']);\n return props;\n };\n virtualizedListRef = el => {\n this.virtualizedList = el;\n };\n containerRef = el => {\n this.container = el;\n };\n _inner;\n get inner() {\n if (!this._inner) {\n this._inner = this.container && this.container.querySelector('.ring-list__i');\n }\n return this._inner;\n }\n renderVirtualizedInner({\n height,\n maxHeight,\n autoHeight = false,\n rowCount,\n isScrolling,\n onChildScroll = noop,\n scrollTop,\n registerChild\n }) {\n const dirOverride = {\n direction: 'inherit'\n }; // Virtualized sets \"direction: ltr\" by default https://github.com/bvaughn/react-virtualized/issues/457\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(react_virtualized_dist_es_AutoSizer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n disableHeight: true,\n onResize: this.props.onResize,\n children: ({\n width\n }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n ref: registerChild,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(react_virtualized_dist_es_List__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n \"aria-label\": this.props.ariaLabel,\n ref: this.virtualizedListRef,\n className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('ring-list__i', {\n [(_list_css__WEBPACK_IMPORTED_MODULE_7___default().overscrollNone)]: this.props.preventListOverscroll\n }),\n autoHeight: autoHeight,\n style: maxHeight ? {\n maxHeight,\n height: 'auto',\n ...dirOverride\n } : dirOverride,\n autoContainerWidth: true,\n height: height,\n width: width,\n isScrolling: isScrolling,\n onScroll: e => {\n onChildScroll(e);\n this.scrollEndHandler();\n },\n scrollTop: scrollTop,\n rowCount: rowCount,\n estimatedRowSize: this.defaultItemHeight(),\n rowHeight: this._cache.rowHeight,\n rowRenderer: this.renderItem,\n overscanRowCount: this._bufferSize\n\n // ensure rerendering\n ,\n noop: () => {},\n scrollToIndex: !this.props.disableScrollToActive && this.state.needScrollToActive && this.state.activeIndex != null ? this.state.activeIndex + 1 : undefined,\n scrollToAlignment: \"center\",\n deferredMeasurementCache: this._cache,\n onRowsRendered: this.checkOverflow\n })\n })\n });\n }\n renderVirtualized(maxHeight, rowCount) {\n if (maxHeight) {\n return this.renderVirtualizedInner({\n height: maxHeight,\n maxHeight,\n rowCount\n });\n }\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(react_virtualized_dist_es_WindowScroller__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n children: props => this.renderVirtualizedInner({\n ...props,\n rowCount,\n autoHeight: true\n })\n });\n }\n renderSimple(maxHeight, rowCount) {\n const items = [];\n for (let index = 0; index < rowCount; index++) {\n items.push(this.renderItem({\n index,\n isScrolling: this.state.scrolling\n }));\n }\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('ring-list__i', (_list_css__WEBPACK_IMPORTED_MODULE_7___default().simpleInner)),\n onScroll: this.scrollHandler,\n onMouseMove: this.mouseHandler,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n \"aria-label\": this.props.ariaLabel,\n role: \"grid\",\n style: maxHeight ? {\n maxHeight: this.getVisibleListHeight(maxHeight)\n } : undefined,\n children: items\n })\n });\n }\n id = (0,_global_get_uid__WEBPACK_IMPORTED_MODULE_23__[\"default\"])('list-');\n shortcutsScope = this.id;\n shortcutsMap = {\n up: this.upHandler,\n down: this.downHandler,\n home: this.homeHandler,\n end: this.endHandler,\n enter: this.enterHandler,\n 'meta+enter': this.enterHandler,\n 'ctrl+enter': this.enterHandler,\n 'command+enter': this.enterHandler,\n 'shift+enter': this.enterHandler\n };\n\n /** @override */\n render() {\n const hint = this.getSelected() && this.props.hintOnSelection || this.props.hint;\n const fadeStyles = hint ? {\n bottom: _consts__WEBPACK_IMPORTED_MODULE_9__.Dimension.ITEM_HEIGHT\n } : undefined;\n const rowCount = this.props.data.length + 2;\n const maxHeight = this.props.maxHeight && this.getVisibleListHeight(this.props.maxHeight);\n const classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()((_list_css__WEBPACK_IMPORTED_MODULE_7___default().list), this.props.className);\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.Fragment, {\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(ActiveItemContext.Updater, {\n value: this.getId(this.state.activeItem),\n skipUpdate: this.props.hidden || !isActivatable(this.state.activeItem)\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(\"div\", {\n id: this.props.id,\n ref: this.containerRef,\n className: classes,\n onMouseOut: this.props.onMouseOut,\n onBlur: this.props.onMouseOut,\n onMouseLeave: this.clearSelected,\n \"data-test\": \"ring-list\",\n children: [this.props.shortcuts && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_shortcuts_shortcuts__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n map: this.props.shortcutsMap ? {\n ...this.shortcutsMap,\n ...this.props.shortcutsMap\n } : this.shortcutsMap,\n scope: this.shortcutsScope\n }), this.props.renderOptimization ? this.renderVirtualized(maxHeight, rowCount) : this.renderSimple(maxHeight, rowCount), this.state.hasOverflow && !this.state.scrolledToBottom && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n className: (_list_css__WEBPACK_IMPORTED_MODULE_7___default().fade),\n style: fadeStyles\n }), hint && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_list_hint__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n label: hint\n })]\n })]\n });\n }\n}\n\n//# sourceURL=webpack://@jetbrains/ring-ui/./src/list/list.tsx?"); /***/ }), diff --git a/master/data-list-data-list-stories.5b7efafe.iframe.bundle.js b/master/data-list-data-list-stories.5b7efafe.iframe.bundle.js deleted file mode 100644 index 34e7c931684..00000000000 --- a/master/data-list-data-list-stories.5b7efafe.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[7854],{"./node_modules/@jetbrains/icons/checkmark-12px.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/chevron-right.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/remove-12px.js":module=>{module.exports=''},"./src/data-list/data-list.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{basic:()=>basic,default:()=>data_list_stories});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),focus_sensor_hoc=__webpack_require__("./src/global/focus-sensor-hoc.tsx"),selection_shortcuts_hoc=__webpack_require__("./src/table/selection-shortcuts-hoc.tsx"),disable_hover_hoc=__webpack_require__("./src/table/disable-hover-hoc.tsx"),get_uid=__webpack_require__("./src/global/get-uid.ts"),shortcuts=__webpack_require__("./src/shortcuts/shortcuts.ts"),loader=__webpack_require__("./src/loader/loader.tsx"),global_prop_types=__webpack_require__("./src/global/prop-types.ts"),chevron_right=__webpack_require__("./node_modules/@jetbrains/icons/chevron-right.js"),chevron_right_default=__webpack_require__.n(chevron_right),chevron_down=__webpack_require__("./node_modules/@jetbrains/icons/chevron-down.js"),chevron_down_default=__webpack_require__.n(chevron_down),link_link=__webpack_require__("./src/link/link.tsx"),text_text=__webpack_require__("./src/text/text.tsx"),loader_inline=__webpack_require__("./src/loader-inline/loader-inline.tsx"),button_button=__webpack_require__("./src/button/button.tsx"),selection=__webpack_require__("./src/table/selection.ts"),checkbox_checkbox=__webpack_require__("./src/checkbox/checkbox.tsx"),data_list=__webpack_require__("./src/data-list/data-list.css"),data_list_default=__webpack_require__.n(data_list),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");class Title extends react.PureComponent{static defaultProps={selectable:!1,selected:!1,showFocus:!1};id=(0,get_uid.A)("data-list-title");onCheckboxFocus=()=>{this.props.onFocusRestore()};onCheckboxChange=()=>{this.toggleSelection()};toggleSelection(){const{selectable,selected,onSelect}=this.props;selectable&&onSelect(!selected)}render(){const{className,title,offset,showFocus,innerRef,selectable,selected,collapserExpander}=this.props,classes=classnames_default()(className,{[data_list_default().title]:!0,[data_list_default().titleFocused]:showFocus,[data_list_default().titleSelected]:selected});return(0,jsx_runtime.jsxs)("div",{id:this.id,className:classes,style:{paddingLeft:offset},ref:innerRef,children:[(0,jsx_runtime.jsxs)("div",{className:data_list_default().boxes,children:[selectable&&(0,jsx_runtime.jsx)("div",{className:data_list_default().checkboxBox,children:(0,jsx_runtime.jsx)(checkbox_checkbox.A,{"aria-labelledby":this.id,className:showFocus?"ring-checkbox_focus":"",checked:selected,onFocus:this.onCheckboxFocus,onChange:this.onCheckboxChange,tabIndex:-1})}),collapserExpander]}),title]})}}Title.propTypes={className:prop_types_default().string,title:prop_types_default().node,offset:prop_types_default().number,selectable:prop_types_default().bool,selected:prop_types_default().bool,onSelect:prop_types_default().func.isRequired,showFocus:prop_types_default().bool,collapserExpander:prop_types_default().node,innerRef:prop_types_default().oneOfType([(0,global_prop_types.Z)(prop_types_default().instanceOf(HTMLDivElement)),prop_types_default().func]),onFocusRestore:prop_types_default().func.isRequired};const data_list_title=(0,focus_sensor_hoc.A)(Title);Title.__docgenInfo={description:"",methods:[{name:"onCheckboxFocus",docblock:null,modifiers:[],params:[],returns:null},{name:"onCheckboxChange",docblock:null,modifiers:[],params:[],returns:null},{name:"toggleSelection",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Title",props:{innerRef:{required:!0,tsType:{name:"Ref",elements:[{name:"HTMLDivElement"}],raw:"Ref"},description:""},focused:{required:!0,tsType:{name:"boolean"},description:""},onFocusReset:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onFocusRestore:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(selected: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"selected"}],return:{name:"void"}}},description:""},selectable:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1}},selected:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1}},showFocus:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1}},offset:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:""},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},title:{required:!1,tsType:{name:"ReactNode"},description:""},collapserExpander:{required:!1,tsType:{name:"ReactNode"},description:""}}};let moreLessButtonStates=function(moreLessButtonStates){return moreLessButtonStates[moreLessButtonStates.UNUSED=0]="UNUSED",moreLessButtonStates[moreLessButtonStates.MORE=1]="MORE",moreLessButtonStates[moreLessButtonStates.MORE_LOADING=2]="MORE_LOADING",moreLessButtonStates[moreLessButtonStates.LESS=3]="LESS",moreLessButtonStates}({});class Item extends react.PureComponent{static defaultProps={items:[],level:0,parentShift:0,showMoreLessButton:moreLessButtonStates.UNUSED,onItemMoreLess:()=>{}};onShowMore=()=>{const{onItemMoreLess,item}=this.props;onItemMoreLess(item,!0)};onShowLess=()=>{const{onItemMoreLess,item}=this.props;onItemMoreLess(item,!1)};onFocus=()=>{const{onFocus,item}=this.props;onFocus(item)};onSelect=selected=>{const{onSelect,item}=this.props;onSelect(item,selected)};renderItem=(model,parentShift)=>{const{onFocus,onSelect,selection,level,itemFormatter}=this.props,item=itemFormatter(model);return(0,jsx_runtime.jsx)(Item,{item:model,title:item.title,items:item.items,level:level+1,parentShift,itemFormatter,collapsible:item.collapsible,collapsed:item.collapsed,onCollapse:item.onCollapse,onExpand:item.onExpand,showFocus:selection.isFocused(model),onFocus,selection,selectable:item.selectable,selected:selection.isSelected(model),onSelect},item.key||item.id)};render(){const{title,items,showMoreLessButton,level,parentShift,showFocus,selectable,selected,collapsible,collapsed,onCollapse,onExpand}=this.props;let moreLessButton;showMoreLessButton===moreLessButtonStates.MORE||showMoreLessButton===moreLessButtonStates.MORE_LOADING?moreLessButton=(0,jsx_runtime.jsxs)(text_text.A,{info:!0,children:[(0,jsx_runtime.jsx)(link_link.A,{inherit:!0,pseudo:!0,onClick:this.onShowMore,children:"Show more"}),showMoreLessButton===moreLessButtonStates.MORE_LOADING&&(0,jsx_runtime.jsx)(loader_inline.A,{className:data_list_default().showMoreLoader})]}):showMoreLessButton===moreLessButtonStates.LESS&&(moreLessButton=(0,jsx_runtime.jsx)(text_text.A,{info:!0,children:(0,jsx_runtime.jsx)(link_link.A,{inherit:!0,pseudo:!0,onClick:this.onShowLess,children:"Show less"})}));let collapserExpander=null;collapsible&&(collapserExpander=collapsed?(0,jsx_runtime.jsx)(button_button.Ay,{title:"Expand",onClick:onExpand,icon:chevron_right_default(),className:data_list_default().collapseButton,iconClassName:data_list_default().collapseIcon,"data-test":"ring-data-list-expand"}):(0,jsx_runtime.jsx)(button_button.Ay,{title:"Collapse",onClick:onCollapse,icon:chevron_down_default(),className:data_list_default().collapseButton,iconClassName:data_list_default().collapseIcon,"data-test":"ring-data-list-collapse"}));const itemIsEmpty=!items?.length||collapsible&&collapsed,offset=24*level+32+parentShift;return(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsx)(data_list_title,{title,focused:showFocus,showFocus,selectable,selected,collapserExpander,onFocus:this.onFocus,onSelect:this.onSelect,offset}),itemIsEmpty?null:(0,jsx_runtime.jsxs)("ul",{className:data_list_default().itemContent,children:[items.map((model=>this.renderItem(model,parentShift))),showMoreLessButton!==moreLessButtonStates.UNUSED?(0,jsx_runtime.jsx)("li",{className:data_list_default().showMore,children:moreLessButton}):null]})]})}}Item.propTypes={item:prop_types_default().shape({id:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number]).isRequired}).isRequired,title:prop_types_default().node,items:prop_types_default().array,className:prop_types_default().string,level:prop_types_default().number,parentShift:prop_types_default().number,itemFormatter:prop_types_default().func.isRequired,collapsible:prop_types_default().bool,collapsed:prop_types_default().bool,onCollapse:prop_types_default().func,onExpand:prop_types_default().func,showFocus:prop_types_default().bool,onFocus:prop_types_default().func.isRequired,selection:prop_types_default().instanceOf(selection.A).isRequired,selectable:prop_types_default().bool,selected:prop_types_default().bool,onSelect:prop_types_default().func.isRequired,showMoreLessButton:prop_types_default().number,onItemMoreLess:prop_types_default().func},Item.__docgenInfo={description:"",methods:[{name:"onShowMore",docblock:null,modifiers:[],params:[],returns:null},{name:"onShowLess",docblock:null,modifiers:[],params:[],returns:null},{name:"onFocus",docblock:null,modifiers:[],params:[],returns:null},{name:"onSelect",docblock:null,modifiers:[],params:[{name:"selected",optional:!1,type:{name:"boolean"}}],returns:null},{name:"renderItem",docblock:null,modifiers:[],params:[{name:"model",optional:!1,type:{name:"T",alias:"T"}},{name:"parentShift",optional:!1,type:{name:"number"}}],returns:null}],displayName:"Item",props:{items:{required:!1,tsType:{name:"unknown"},description:"",defaultValue:{value:"[]",computed:!1}},title:{required:!1,tsType:{name:"ReactNode"},description:""},collapsible:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},collapsed:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},onCollapse:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onExpand:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},selectable:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},item:{required:!0,tsType:{name:"T"},description:""},onFocus:{required:!0,tsType:{name:"signature",type:"function",raw:"(item: T) => void",signature:{arguments:[{type:{name:"T"},name:"item"}],return:{name:"void"}}},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(item: T, selected: boolean) => void",signature:{arguments:[{type:{name:"T"},name:"item"},{type:{name:"boolean"},name:"selected"}],return:{name:"void"}}},description:""},itemFormatter:{required:!0,tsType:{name:"signature",type:"function",raw:"(item: T) => FormattedItem",signature:{arguments:[{type:{name:"T"},name:"item"}],return:{name:"FormattedItem",elements:[{name:"T"}],raw:"FormattedItem"}}},description:""},level:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},parentShift:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},showMoreLessButton:{required:!1,tsType:{name:"moreLessButtonStates"},description:"",defaultValue:{value:"moreLessButtonStates.UNUSED",computed:!0}},onItemMoreLess:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: T, more: boolean) => void",signature:{arguments:[{type:{name:"T"},name:"item"},{type:{name:"boolean"},name:"more"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},showFocus:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},selection:{required:!0,tsType:{name:"Selection",elements:[{name:"T"}],raw:"Selection"},description:""},selected:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""}}};class Selection extends selection.A{_buildData(data){return new Set(this._getDescendants(data))}_buildSelected(data,selected){const _selected=new Set(selected);return[...data].forEach((item=>{_selected.has(item)&&this._selectDescendants(item,_selected)})),_selected}_getDescendants(items){let result=[];return items.forEach((item=>{result.push(item),result=[...result,...this._getDescendants(this._getChildren(item))]})),result}_getAncestors(item){let result=[];const parent=[...this._data].find((it=>this._getChildren(it).includes(item)));return parent&&(result=[parent,...this._getAncestors(parent)]),result}_selectDescendants(item,selected){this._getDescendants(this._getChildren(item)).forEach((it=>selected.add(it)))}_deselectDescendants(item,selected){this._getDescendants(this._getChildren(item)).forEach((it=>selected.delete(it)))}_selectAncestors(item,selected){this._getAncestors(item).forEach((ancestor=>{this._getChildren(ancestor).filter((it=>this._isItemSelectable(it))).every((it=>selected.has(it)))&&selected.add(ancestor)}))}_deselectAncestors(item,selected){this._getAncestors(item).forEach((it=>selected.delete(it)))}select(value=this._focused){if(!value||!this._isItemSelectable(value))return this;const selected=new Set(this._selected);return selected.add(value),this._selectDescendants(value,selected),this._selectAncestors(value,selected),this.cloneWith({selected})}focus(value){return super.focus(value)}resetSelection(){return super.resetSelection()}cloneWith(config){return super.cloneWith(config)}deselect(value=this._focused){if(!value||!this._isItemSelectable(value))return this;const selected=new Set(this._selected);return selected.delete(value),this._deselectDescendants(value,selected),this._deselectAncestors(value,selected),this.cloneWith({selected})}}class DataList extends react.PureComponent{static defaultProps={loading:!1,onItemMoreLess:()=>{},itemMoreLessState:()=>moreLessButtonStates.UNUSED,remoteSelection:!1};componentDidUpdate(prevProps){const{data,selection,onSelect,selectable}=this.props;data===prevProps.data||prevProps.remoteSelection||onSelect(selection.cloneWith({data})),!selectable&&prevProps.selectable&&onSelect(selection.resetSelection())}shortcutsScope=(0,get_uid.A)("ring-data-list-");onItemFocus=item=>{const{selection,onSelect}=this.props;onSelect(selection.focus(item))};onItemSelect=(item,selected)=>{const{selection,onSelect}=this.props;onSelect(selected?selection.select(item):selection.deselect(item))};onEqualPress=()=>{const{selection,itemFormatter}=this.props,focused=selection.getFocused();if(null==focused)throw new Error("No focused item");const item=itemFormatter(focused);item.collapsed?item.onExpand?.():item.onCollapse?.()};shortcutsMap={"=":this.onEqualPress};render(){const{data,className,loading,selection,disabledHover,itemFormatter,focused,innerRef}=this.props,shortcutsMap={...this.shortcutsMap,...this.props.shortcutsMap},classes=classnames_default()(className,{[data_list_default().dataList]:!0,[data_list_default().disabledHover]:disabledHover,[data_list_default().multiSelection]:selection.getSelected().size>0});return(0,jsx_runtime.jsxs)("div",{className:data_list_default().dataListWrapper,"data-test":"ring-data-list",ref:innerRef,children:[focused&&(0,jsx_runtime.jsx)(shortcuts.A,{map:shortcutsMap,scope:this.shortcutsScope}),(0,jsx_runtime.jsx)("ul",{className:classes,children:data.map((model=>{const item=itemFormatter(model),{id,key,title,items}=item,showMoreLessButton=this.props.itemMoreLessState?.(item);return(0,jsx_runtime.jsx)(Item,{item:model,title,items,itemFormatter,collapsible:item.collapsible,collapsed:item.collapsed,onCollapse:item.onCollapse,onExpand:item.onExpand,showFocus:selection.isFocused(model),onFocus:this.onItemFocus,selection,selectable:item.selectable,selected:selection.isSelected(model),onSelect:this.onItemSelect,showMoreLessButton,onItemMoreLess:this.props.onItemMoreLess},key||id)}))}),loading&&(0,jsx_runtime.jsx)("div",{className:data.length>0?data_list_default().loadingOverlay:void 0,children:(0,jsx_runtime.jsx)(loader.A,{})})]})}}DataList.propTypes={className:prop_types_default().string,data:prop_types_default().array.isRequired,loading:prop_types_default().bool,focused:prop_types_default().bool.isRequired,disabledHover:prop_types_default().bool,selection:prop_types_default().instanceOf(Selection).isRequired,selectable:prop_types_default().bool.isRequired,shortcutsMap:prop_types_default().shape({}).isRequired,innerRef:prop_types_default().oneOfType([(0,global_prop_types.Z)(prop_types_default().instanceOf(HTMLDivElement)),prop_types_default().func]),itemFormatter:prop_types_default().func.isRequired,onItemMoreLess:prop_types_default().func,itemMoreLessState:prop_types_default().func,onSelect:prop_types_default().func.isRequired,remoteSelection:prop_types_default().bool};const getContainer=()=>(0,disable_hover_hoc.A)((0,selection_shortcuts_hoc.A)((0,focus_sensor_hoc.A)(DataList)));class DataListContainer extends react.Component{static propTypes=getContainer().propTypes;DataList=getContainer();render(){return(0,jsx_runtime.jsx)(this.DataList,{...this.props})}}DataListContainer.__docgenInfo={description:"",methods:[],displayName:"DataListContainer",props:{data:{required:!0,tsType:{name:"unknown"},description:""},itemFormatter:{required:!0,tsType:{name:"signature",type:"function",raw:"(item: T) => FormattedItem",signature:{arguments:[{type:{name:"T"},name:"item"}],return:{name:"FormattedItem",elements:[{name:"T"}],raw:"FormattedItem"}}},description:""},loading:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},onItemMoreLess:{required:!1,tsType:{name:"union",raw:"((item: T, more: boolean) => void) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:""},itemMoreLessState:{required:!1,tsType:{name:"union",raw:"((item: FormattedItem) => moreLessButtonStates) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:""},remoteSelection:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},disabledHover:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},focused:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},autofocus:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},scrollOnTableFocus:{required:!1,tsType:{name:"boolean"},description:""},onFocus:{required:!1,tsType:{name:"union",raw:"(() => void) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:""},onBlur:{required:!1,tsType:{name:"union",raw:"(() => void) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:""},innerRef:{required:!1,tsType:{name:"union",raw:"Ref | null | undefined",elements:[{name:"Ref",elements:[{name:"T"}],raw:"Ref"},{name:"null"},{name:"undefined"}]},description:""},selection:{required:!0,tsType:{name:"Selection",elements:[{name:"T"}],raw:"Selection"},description:""},selectable:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},onSelect:{required:!1,tsType:{name:"union",raw:"((selection: Selection) => void) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:""},shortcuts:{required:!1,tsType:{name:"union",raw:"ShortcutsMap | undefined",elements:[{name:"Record",elements:[{name:"string"},{name:"signature",type:"function",raw:"(e: KeyboardEvent, key: string, scopeId: string) => boolean | null | void",signature:{arguments:[{type:{name:"KeyboardEvent"},name:"e"},{type:{name:"string"},name:"key"},{type:{name:"string"},name:"scopeId"}],return:{name:"union",raw:"boolean | null | void",elements:[{name:"boolean"},{name:"null"},{name:"void"}]}}}],raw:"Record"},{name:"undefined"}]},description:""}}};var badge=__webpack_require__("./src/badge/badge.tsx");const items=[{id:1,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Assigner"})," in 60 projects"]}),collapsible:!0,selectable:!0,items:[{id:11,title:"6 projects: as a member of jetbrains-team",collapsible:!0,selectable:!0,items:[{id:111,selectable:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"TeamCity"})},{id:112,selectable:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"YouTrack"})},{id:113,selectable:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Sandbox"})},{id:114,selectable:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Exception Analyzer"})},{id:115,selectable:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"MPS"})}]}]},{id:2,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Code Reviewer"})," in 5 projects"]}),selectable:!0,collapsible:!0,items:[{id:21,selectable:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"JetProfile"}),(0,jsx_runtime.jsx)("span",{children:" "}),(0,jsx_runtime.jsx)(badge.A,{gray:!0,children:"duplicate"})]})},{id:22,title:"6 projects: as a member of jetbrains-team",collapsible:!0,items:[{id:221,collapsible:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"TeamCity"})},{id:222,collapsible:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"YouTrack"})},{id:223,collapsible:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Sandbox"})},{id:224,collapsible:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Exception Analyzer"})},{id:225,collapsible:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"MPS"})}]},{id:23,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"CustomJDK"}),(0,jsx_runtime.jsx)("span",{children:": as a member of ide-developers"})]})}]},{id:3,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Code Viewer"})," in 5 projects"]}),selectable:!0,collapsible:!0,items:[{id:31,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"ide-frontend"}),(0,jsx_runtime.jsx)("span",{children:": as a member of ide-developers"})]})},{id:32,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"ide-frontend"}),(0,jsx_runtime.jsx)("span",{children:": as a member of ide-frontend Code Viewers"})]})}]},{id:4,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Commenter"})," in 12 projects"]}),collapsible:!0,items:[{id:41,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Intellij IDEA"}),(0,jsx_runtime.jsx)("span",{children:": as a member of Registered Users"})]})},{id:42,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"YouTrack Backlog"}),(0,jsx_runtime.jsx)("span",{children:": as a member of jetbrains-team"})]})}]},{id:5,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Developer"}),(0,jsx_runtime.jsx)("span",{children:" in 57 projects "}),(0,jsx_runtime.jsx)(badge.A,{children:"team role"})]}),items:[{id:51,selectable:!0,collapsible:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Wasabi"})}]},{id:6,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Git Hosting Admin"}),(0,jsx_runtime.jsx)("span",{children:" in project "}),(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Hackathon 2016"}),(0,jsx_runtime.jsx)("span",{children:": as a member of jetbrains-team"})]})},{id:7,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Git Hosting Checkout"})," in 7 projects"]}),selectable:!0,collapsible:!0}],moreItems=[{id:91,selectable:!0,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"More item 1"}),(0,jsx_runtime.jsx)("span",{children:" "}),(0,jsx_runtime.jsx)(badge.A,{gray:!0,children:"duplicate"})]})},{id:92,selectable:!0,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"More item 2"}),(0,jsx_runtime.jsx)("span",{children:" "}),(0,jsx_runtime.jsx)(badge.A,{gray:!0,children:"duplicate"})]})}],data_list_mock=items,data_list_stories={title:"Components/DataList",parameters:{notes:"A component for rendering interactive hierarchical tables."}},basic=()=>{class DataListDemo extends react.PureComponent{expandedItems=new Set;isItemCollapsible=item=>item.collapsible&&item.items&&Number(item.id)>10;isItemCollapsed=item=>!this.expandedItems.has(item.id);getChildren=item=>{const collapsible=this.isItemCollapsible(item),collapsed=this.isItemCollapsed(item);return collapsible&&collapsed||!item.items?[]:item.items};state={data:data_list_mock,selection:new Selection({data:data_list_mock,isItemSelectable:item=>item.selectable,getChildren:this.getChildren})};moreExpandableItems=new Set([data_list_mock[0].id]);moreExpandedItems=new Set;itemMoreLessState=item=>null!=item.id&&this.moreExpandableItems.has(item.id)?this.moreExpandedItems.has(item.id)?moreLessButtonStates.LESS:moreLessButtonStates.MORE:moreLessButtonStates.UNUSED;onItemMoreLess=(item,more)=>{var _item$items,_item$items2;more?(this.moreExpandedItems.add(item.id),item.items=null!==(_item$items=item.items)&&void 0!==_item$items?_item$items:[],item.items=item.items.concat([...moreItems])):(this.moreExpandedItems.delete(item.id),item.items=null!==(_item$items2=item.items)&&void 0!==_item$items2?_item$items2:[],item.items=item.items.slice(0,item.items.length-moreItems.length));const data=this.state.data;this.setState({data:[...data]})};onSelect=selection=>{this.setState({selection})};itemFormatter=item=>{const items=this.getChildren(item),collapsible=this.isItemCollapsible(item),collapsed=this.isItemCollapsed(item);return{...item,items,collapsible,collapsed,onCollapse:()=>{this.expandedItems.delete(item.id);const data=this.state.data;this.setState({data:[...data]})},onExpand:()=>{this.expandedItems.add(item.id);const data=this.state.data;this.setState({data:[...data]})}}};render(){return(0,jsx_runtime.jsx)(DataListContainer,{data:this.state.data,selection:this.state.selection,onSelect:this.onSelect,itemFormatter:this.itemFormatter,onItemMoreLess:this.onItemMoreLess,itemMoreLessState:this.itemMoreLessState})}}return(0,jsx_runtime.jsx)(DataListDemo,{})};basic.storyName="DataList",basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:"() => {\n class DataListDemo extends PureComponent {\n // state uses getChildren\n // eslint-disable-next-line react/sort-comp\n expandedItems = new Set();\n isItemCollapsible = (item: Item) => item.collapsible && item.items && Number(item.id) > 10;\n isItemCollapsed = (item: Item) => !this.expandedItems.has(item.id);\n getChildren = (item: Item) => {\n const collapsible = this.isItemCollapsible(item);\n const collapsed = this.isItemCollapsed(item);\n return collapsible && collapsed || !item.items ? [] : item.items;\n };\n state = {\n data: mock,\n selection: new Selection({\n data: mock,\n isItemSelectable: item => item.selectable,\n getChildren: this.getChildren\n })\n };\n moreExpandableItems = new Set([mock[0].id]);\n moreExpandedItems = new Set();\n itemMoreLessState = (item: FormattedItem) => {\n if (item.id != null && this.moreExpandableItems.has(item.id)) {\n return this.moreExpandedItems.has(item.id) ? moreLessButtonStates.LESS : moreLessButtonStates.MORE;\n } else {\n return moreLessButtonStates.UNUSED;\n }\n };\n onItemMoreLess = (item: Item, more: boolean) => {\n if (more) {\n this.moreExpandedItems.add(item.id);\n item.items = item.items ?? [];\n item.items = item.items.concat([...moreItems]);\n } else {\n this.moreExpandedItems.delete(item.id);\n item.items = item.items ?? [];\n item.items = item.items.slice(0, item.items.length - moreItems.length);\n }\n const data = this.state.data;\n this.setState({\n data: [...data]\n });\n };\n onSelect = (selection: TableSelection) => {\n this.setState({\n selection\n });\n };\n itemFormatter = (item: Item): FormattedItem => {\n const items = this.getChildren(item);\n const collapsible = this.isItemCollapsible(item);\n const collapsed = this.isItemCollapsed(item);\n const onCollapse = () => {\n this.expandedItems.delete(item.id);\n const data = this.state.data;\n this.setState({\n data: [...data]\n });\n };\n const onExpand = () => {\n this.expandedItems.add(item.id);\n const data = this.state.data;\n this.setState({\n data: [...data]\n });\n };\n return {\n ...item,\n items,\n collapsible,\n collapsed,\n onCollapse,\n onExpand\n };\n };\n render() {\n return ;\n }\n }\n return ;\n}",...basic.parameters?.docs?.source}}}},"./src/badge/badge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Badge});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),util_deprecate__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/util-deprecate/browser.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_2__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_badge_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/badge/badge.css"),_badge_css__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_badge_css__WEBPACK_IMPORTED_MODULE_3__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const warn=util_deprecate__WEBPACK_IMPORTED_MODULE_2___default()((()=>{}),"Badge is deprecated and will be removed in RingUI 7.0. Use Tag instead.");class Badge extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={gray:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,valid:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,invalid:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,disabled:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string};render(){warn();const{gray,valid,invalid,disabled,className,children,"data-test":dataTest,...props}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_badge_css__WEBPACK_IMPORTED_MODULE_3___default().badge,className,{[_badge_css__WEBPACK_IMPORTED_MODULE_3___default().gray]:gray,[_badge_css__WEBPACK_IMPORTED_MODULE_3___default().valid]:valid,[_badge_css__WEBPACK_IMPORTED_MODULE_3___default().invalid]:invalid,[_badge_css__WEBPACK_IMPORTED_MODULE_3___default().disabled]:disabled});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span",{...props,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-badge",dataTest),className:classes,children})}}Badge.__docgenInfo={description:"@name Badge",methods:[],displayName:"Badge",props:{gray:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},valid:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},invalid:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},disabled:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},className:{description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!1}},composes:["HTMLAttributes"]}},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./src/loader-inline/loader-inline.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),_global_data_tests__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/global/data-tests.ts"),_loader_inline_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/loader-inline/loader-inline.css"),_loader_inline_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_loader_inline_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class LoaderInline extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node};render(){const{className,"data-test":dataTest,children,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_loader_inline_css__WEBPACK_IMPORTED_MODULE_2___default().loader,className),loader=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{...restProps,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_5__.A)("ring-loader-inline",dataTest),className:classes});return children?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[loader,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{className:_loader_inline_css__WEBPACK_IMPORTED_MODULE_2___default().children,children})]}):loader}}const __WEBPACK_DEFAULT_EXPORT__=LoaderInline;LoaderInline.__docgenInfo={description:"@name Loader Inline",methods:[],displayName:"LoaderInline",props:{"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},className:{description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!1}},composes:["HTMLAttributes"]}},"./src/text/text.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Text});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_text_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/text/text.css"),_text_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_text_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const TextSize={S:"s",M:"m",L:"l"};class Text extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,info:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,size:prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOf(Object.keys(TextSize).map((it=>TextSize[it]))),className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};static Size=TextSize;render(){const{children,className,info,size,bold,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_text_css__WEBPACK_IMPORTED_MODULE_2___default().text,className,{[_text_css__WEBPACK_IMPORTED_MODULE_2___default().info]:info,[_text_css__WEBPACK_IMPORTED_MODULE_2___default().bold]:bold,[_text_css__WEBPACK_IMPORTED_MODULE_2___default().sizeS]:size===Text.Size.S,[_text_css__WEBPACK_IMPORTED_MODULE_2___default().sizeM]:size===Text.Size.M,[_text_css__WEBPACK_IMPORTED_MODULE_2___default().sizeL]:size===Text.Size.L});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{className:classes,...restProps,children})}}Text.__docgenInfo={description:"@name Text",methods:[],displayName:"Text",props:{info:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},size:{required:!1,tsType:{name:"TextSize"},description:"",type:{name:"enum",computed:!0,value:"Object.keys(TextSize).map(it => TextSize[it])"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},bold:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}},composes:["HTMLAttributes"]}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/badge/badge.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".badge_f068 {\n display: inline-block;\n\n box-sizing: border-box;\n height: 20px;\n padding: 0 var(--ring-unit);\n\n cursor: default;\n\n vertical-align: baseline;\n\n color: var(--ring-secondary-color);\n border: 1px var(--ring-line-color) solid;\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-content-background-color);\n\n font-size: var(--ring-font-size-smaller);\n font-weight: normal;\n font-style: normal;\n line-height: 17px;\n}\n\n.badge_f068.gray_b28f {\n color: var(--ring-text-color);\n background-color: var(--ring-tag-background-color);\n }\n\n.badge_f068.valid_d412 {\n color: var(--ring-success-color);\n }\n\n.badge_f068.invalid_bfa3 {\n color: var(--ring-error-color);\n }\n\n.badge_f068.disabled_a43e {\n /* Deprecated: duplicates invalid */\n\n color: var(--ring-error-color);\n }\n","",{version:3,sources:["webpack://./src/badge/badge.css"],names:[],mappings:"AAEA;EACE,qBAAqB;;EAErB,sBAAsB;EACtB,YAAY;EACZ,2BAA2B;;EAE3B,eAAe;;EAEf,wBAAwB;;EAExB,kCAAkC;EAClC,wCAAwC;EACxC,wCAAwC;EACxC,sDAAsD;;EAEtD,wCAAwC;EACxC,mBAAmB;EACnB,kBAAkB;EAClB,iBAAiB;AAoBnB;;AAlBE;IACE,6BAA6B;IAC7B,kDAAkD;EACpD;;AAEA;IACE,gCAAgC;EAClC;;AAEA;IACE,8BAA8B;EAChC;;AAEA;IACE,mCAAmC;;IAEnC,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.badge {\n display: inline-block;\n\n box-sizing: border-box;\n height: 20px;\n padding: 0 var(--ring-unit);\n\n cursor: default;\n\n vertical-align: baseline;\n\n color: var(--ring-secondary-color);\n border: 1px var(--ring-line-color) solid;\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-content-background-color);\n\n font-size: var(--ring-font-size-smaller);\n font-weight: normal;\n font-style: normal;\n line-height: 17px;\n\n &.gray {\n color: var(--ring-text-color);\n background-color: var(--ring-tag-background-color);\n }\n\n &.valid {\n color: var(--ring-success-color);\n }\n\n &.invalid {\n color: var(--ring-error-color);\n }\n\n &.disabled {\n /* Deprecated: duplicates invalid */\n\n color: var(--ring-error-color);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={badge:"badge_f068",gray:"gray_b28f",valid:"valid_d412",invalid:"invalid_bfa3",disabled:"disabled_a43e"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/data-list/data-list.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_table_table_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/table/table.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_table_table_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,".dataListWrapper_d5bf {\n position: relative;\n}\n\n.dataList_f7be {\n margin: 0;\n padding: 0;\n\n list-style: none;\n}\n\n.itemContent_bc89 {\n padding: 0;\n\n list-style: none;\n}\n\n.title_cec5 {\n display: flex;\n align-items: center;\n\n box-sizing: content-box;\n height: calc(var(--ring-unit)*4);\n padding: 0 calc(var(--ring-unit)*5) 2px 0;\n\n outline: none;\n\n /* stylelint-disable-next-line selector-max-specificity */\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.dataList_f7be:not(.disabledHover_d942) .title_cec5:hover {\n background-color: var(--ring-hover-background-color);\n }}\n\n.title_cec5.titleSelected_c066 {\n background-color: var(--ring-selected-background-color);\n }\n\n.title_cec5.titleFocused_f398 {\n background-color: var(--ring-hover-background-color);\n box-shadow: inset 2px 0 var(--ring-main-color);\n }\n\n.showMore_d842 {\n padding: 4px 60px;\n\n color: var(--ring-secondary-color);\n outline: none;\n\n font-size: 12px;\n}\n\n.boxes_af0d {\n display: flex;\n\n min-width: calc(var(--ring-unit)*3);\n}\n\n.checkboxBox_af53 {\n width: calc(var(--ring-unit)*3);\n}\n\n.collapseButton_ae96 {\n top: 1px;\n left: -5px;\n\n height: auto;\n padding: 0 5px;\n\n line-height: inherit;\n}\n\n.collapseIcon_d64b.collapseIcon_d64b {\n color: var(--ring-icon-secondary-color);\n}\n\n.loadingOverlay_e5f5 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.showMoreLoader_e994 {\n top: 1px;\n left: 8px;\n}\n","",{version:3,sources:["webpack://./src/data-list/data-list.css",""],names:[],mappings:"AAIA;EACE,kBAAkB;AACpB;;AAEA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;AAClB;;AAEA;EACE,UAAU;;EAEV,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,mBAAmB;;EAEnB,uBAAuB;EACvB,gCAAkC;EAClC,yCAAkD;;EAElD,aAAa;;EAEb,yDAAyD;AAa3D;;AC5CA,wGAAA;IAAA,qDAAA;GAAA,CAAA;;ADoCE;IACE,uDAAuD;EACzD;;AAEA;IACE,oDAAoD;IACpD,8CAA8C;EAChD;;AAGF;EACE,iBAAiB;;EAEjB,kCAAkC;EAClC,aAAa;;EAEb,eAAe;AACjB;;AAEA;EACE,aAAa;;EAEb,mCAAqC;AACvC;;AAEA;EACE,+BAAiC;AACnC;;AAEA;EACE,QAAQ;EACR,UAAU;;EAEV,YAAY;EACZ,cAAc;;EAEd,oBAAoB;AACtB;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;;EAEP,aAAa;EACb,mBAAmB;EACnB,uBAAuB;;EAEvB,0CAA0C;AAC5C;;AAEA;EACE,QAAQ;EACR,SAAS;AACX",sourcesContent:['@import "../global/variables.css";\n\n@value height, compensate from "../table/table.css";\n\n.dataListWrapper {\n position: relative;\n}\n\n.dataList {\n margin: 0;\n padding: 0;\n\n list-style: none;\n}\n\n.itemContent {\n padding: 0;\n\n list-style: none;\n}\n\n.title {\n display: flex;\n align-items: center;\n\n box-sizing: content-box;\n height: calc(4 * var(--ring-unit));\n padding: 0 calc(var(--ring-unit) * 5) compensate 0;\n\n outline: none;\n\n /* stylelint-disable-next-line selector-max-specificity */\n .dataList:not(.disabledHover) &:hover {\n background-color: var(--ring-hover-background-color);\n }\n\n &.titleSelected {\n background-color: var(--ring-selected-background-color);\n }\n\n &.titleFocused {\n background-color: var(--ring-hover-background-color);\n box-shadow: inset 2px 0 var(--ring-main-color);\n }\n}\n\n.showMore {\n padding: 4px 60px;\n\n color: var(--ring-secondary-color);\n outline: none;\n\n font-size: 12px;\n}\n\n.boxes {\n display: flex;\n\n min-width: calc(var(--ring-unit) * 3);\n}\n\n.checkboxBox {\n width: calc(var(--ring-unit) * 3);\n}\n\n.collapseButton {\n top: 1px;\n left: -5px;\n\n height: auto;\n padding: 0 5px;\n\n line-height: inherit;\n}\n\n.collapseIcon.collapseIcon {\n color: var(--ring-icon-secondary-color);\n}\n\n.loadingOverlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.showMoreLoader {\n top: 1px;\n left: 8px;\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={height:`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_table_table_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.height}`,compensate:`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_table_table_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.compensate}`,dataListWrapper:"dataListWrapper_d5bf",dataList:"dataList_f7be",itemContent:"itemContent_bc89",title:"title_cec5",disabledHover:"disabledHover_d942",titleSelected:"titleSelected_c066",titleFocused:"titleFocused_f398",showMore:"showMore_d842",boxes:"boxes_af0d",checkboxBox:"checkboxBox_af53",collapseButton:"collapseButton_ae96",collapseIcon:"collapseIcon_d64b",loadingOverlay:"loadingOverlay_e5f5",showMoreLoader:"showMoreLoader_e994"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/loader-inline/loader-inline.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables_dark.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,`:root {\n /* stylelint-disable-next-line color-no-hex */\n --ring-loader-inline-stops: #ff00eb, #bd3bff, #008eff, #58ba00, #f48700, #ff00eb;\n}\n\n.${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.dark},\n.ring-ui-theme-dark {\n /* stylelint-disable-next-line color-no-hex */\n --ring-loader-inline-stops: #ff2eef, #d178ff, #289fff, #88d444, #ffe000, #ff2eef;\n}\n\n@keyframes spin_c5fc {\n 0% {\n transform: rotate(0);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes pulse_d8f9 {\n 0% {\n transform: scale(1);\n }\n\n 100% {\n transform: scale(1.41667);\n }\n}\n\n.loader_f65a,\n.ring-loader-inline {\n /* needed for better backward-compatibility */\n\n position: relative;\n\n display: inline-block;\n\n overflow: hidden;\n\n transform: rotate(0);\n animation: spin_c5fc 1s linear infinite;\n vertical-align: -3px;\n\n border-radius: var(--ring-unit);\n}\n\n.loader_f65a,\n .ring-loader-inline,\n .loader_f65a::after,\n .ring-loader-inline::after {\n transform-origin: 50% 50%;\n }\n\n.loader_f65a::after, .ring-loader-inline::after {\n display: block;\n\n width: calc(var(--ring-unit)*2);\n height: calc(var(--ring-unit)*2);\n\n content: "";\n animation: pulse_d8f9 0.85s cubic-bezier(0.68, 0, 0.74, 0.74) infinite alternate;\n\n background-image: conic-gradient(var(--ring-loader-inline-stops));\n -webkit-mask-image: radial-gradient(var(--ring-unit), transparent 71.875%, var(--ring-content-background-color) 71.875%);\n mask-image: radial-gradient(var(--ring-unit), transparent 71.875%, var(--ring-content-background-color) 71.875%);\n }\n\n.children_d816 {\n margin-left: calc(var(--ring-unit)/2);\n}\n`,"",{version:3,sources:["webpack://./src/loader-inline/loader-inline.css"],names:[],mappings:"AAIA;EACE,6CAA6C;EAC7C,gFAAgF;AAClF;;AAEA;;EAEE,6CAA6C;EAC7C,gFAAgF;AAClF;;AAEA;EACE;IACE,oBAAoB;EACtB;;EAEA;IACE,yBAAyB;EAC3B;AACF;;AAEA;EACE;IACE,mBAAmB;EACrB;;EAEA;IACE,yBAA+B;EACjC;AACF;;AAEA;;EAEE,6CAA6C;;EAE7C,kBAAkB;;EAElB,qBAAqB;;EAErB,gBAAgB;;EAEhB,oBAAoB;EACpB,uCAAkC;EAClC,oBAAoB;;EAEpB,+BAA+B;AAmBjC;;AAjBE;;;;IAEE,yBAAyB;EAC3B;;AAEA;IACE,cAAc;;IAEd,+BAAiC;IACjC,gCAAkC;;IAElC,WAAW;IACX,gFAA2E;;IAE3E,iEAAiE;IACjE,wHAAgH;YAAhH,gHAAgH;EAClH;;AAGF;EACE,qCAAuC;AACzC",sourcesContent:['@import "../global/variables.css";\n\n@value dark from "../global/variables_dark.css";\n\n:root {\n /* stylelint-disable-next-line color-no-hex */\n --ring-loader-inline-stops: #ff00eb, #bd3bff, #008eff, #58ba00, #f48700, #ff00eb;\n}\n\n.dark,\n:global(.ring-ui-theme-dark) {\n /* stylelint-disable-next-line color-no-hex */\n --ring-loader-inline-stops: #ff2eef, #d178ff, #289fff, #88d444, #ffe000, #ff2eef;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 100% {\n transform: scale(calc(17 / 12));\n }\n}\n\n.loader,\n:global(.ring-loader-inline) {\n /* needed for better backward-compatibility */\n\n position: relative;\n\n display: inline-block;\n\n overflow: hidden;\n\n transform: rotate(0);\n animation: spin 1s linear infinite;\n vertical-align: -3px;\n\n border-radius: var(--ring-unit);\n\n &,\n &::after {\n transform-origin: 50% 50%;\n }\n\n &::after {\n display: block;\n\n width: calc(var(--ring-unit) * 2);\n height: calc(var(--ring-unit) * 2);\n\n content: "";\n animation: pulse 0.85s cubic-bezier(0.68, 0, 0.74, 0.74) infinite alternate;\n\n background-image: conic-gradient(var(--ring-loader-inline-stops));\n mask-image: radial-gradient(var(--ring-unit), transparent 71.875%, var(--ring-content-background-color) 71.875%);\n }\n}\n\n.children {\n margin-left: calc(var(--ring-unit) / 2);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={dark:`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.dark}`,loader:"loader_f65a",spin:"spin_c5fc",pulse:"pulse_d8f9",children:"children_d816"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/text/text.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".text_c5aa {\n color: var(--ring-text-color);\n}\n\n.sizeS_b796 {\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n\n.sizeM_a594 {\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.sizeL_a596 {\n font-size: var(--ring-font-size-larger);\n line-height: var(--ring-line-height-taller);\n}\n\n.info_ff22 {\n color: var(--ring-secondary-color);\n}\n\n.bold_ba51 {\n font-weight: var(--ring-font-weight-bold);\n}\n","",{version:3,sources:["webpack://./src/text/text.css"],names:[],mappings:"AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,wCAAwC;EACxC,2CAA2C;AAC7C;;AAEA;EACE,gCAAgC;EAChC,oCAAoC;AACtC;;AAEA;EACE,uCAAuC;EACvC,2CAA2C;AAC7C;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,yCAAyC;AAC3C",sourcesContent:['@import "../global/variables.css";\n\n.text {\n color: var(--ring-text-color);\n}\n\n.sizeS {\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n\n.sizeM {\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.sizeL {\n font-size: var(--ring-font-size-larger);\n line-height: var(--ring-line-height-taller);\n}\n\n.info {\n color: var(--ring-secondary-color);\n}\n\n.bold {\n font-weight: var(--ring-font-weight-bold);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={text:"text_c5aa",sizeS:"sizeS_b796",sizeM:"sizeM_a594",sizeL:"sizeL_a596",info:"info_ff22",bold:"bold_ba51"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/badge/badge.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/data-list/data-list.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/data-list/data-list.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/link/link.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/loader-inline/loader-inline.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/loader-inline/loader-inline.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/text/text.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/text/text.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/data-list-data-list-stories.fc763729.iframe.bundle.js b/master/data-list-data-list-stories.fc763729.iframe.bundle.js new file mode 100644 index 00000000000..15a2cac6443 --- /dev/null +++ b/master/data-list-data-list-stories.fc763729.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[7854],{"./node_modules/@jetbrains/icons/checkmark-12px.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/chevron-right.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/remove-12px.js":module=>{module.exports=''},"./src/data-list/data-list.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{basic:()=>basic,default:()=>data_list_stories});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),focus_sensor_hoc=__webpack_require__("./src/global/focus-sensor-hoc.tsx"),selection_shortcuts_hoc=__webpack_require__("./src/table/selection-shortcuts-hoc.tsx"),disable_hover_hoc=__webpack_require__("./src/table/disable-hover-hoc.tsx"),get_uid=__webpack_require__("./src/global/get-uid.ts"),shortcuts=__webpack_require__("./src/shortcuts/shortcuts.ts"),loader=__webpack_require__("./src/loader/loader.tsx"),global_prop_types=__webpack_require__("./src/global/prop-types.ts"),chevron_right=__webpack_require__("./node_modules/@jetbrains/icons/chevron-right.js"),chevron_right_default=__webpack_require__.n(chevron_right),chevron_down=__webpack_require__("./node_modules/@jetbrains/icons/chevron-down.js"),chevron_down_default=__webpack_require__.n(chevron_down),link_link=__webpack_require__("./src/link/link.tsx"),text_text=__webpack_require__("./src/text/text.tsx"),loader_inline=__webpack_require__("./src/loader-inline/loader-inline.tsx"),button_button=__webpack_require__("./src/button/button.tsx"),selection=__webpack_require__("./src/table/selection.ts"),checkbox_checkbox=__webpack_require__("./src/checkbox/checkbox.tsx"),data_list=__webpack_require__("./src/data-list/data-list.css"),data_list_default=__webpack_require__.n(data_list),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");class Title extends react.PureComponent{static defaultProps={selectable:!1,selected:!1,showFocus:!1};id=(0,get_uid.A)("data-list-title");onCheckboxFocus=()=>{this.props.onFocusRestore()};onCheckboxChange=()=>{this.toggleSelection()};toggleSelection(){const{selectable,selected,onSelect}=this.props;selectable&&onSelect(!selected)}render(){const{className,title,offset,showFocus,innerRef,selectable,selected,collapserExpander}=this.props,classes=classnames_default()(className,{[data_list_default().title]:!0,[data_list_default().titleFocused]:showFocus,[data_list_default().titleSelected]:selected});return(0,jsx_runtime.jsxs)("div",{id:this.id,className:classes,style:{paddingLeft:offset},ref:innerRef,children:[(0,jsx_runtime.jsxs)("div",{className:data_list_default().boxes,children:[selectable&&(0,jsx_runtime.jsx)("div",{className:data_list_default().checkboxBox,children:(0,jsx_runtime.jsx)(checkbox_checkbox.A,{"aria-labelledby":this.id,className:showFocus?"ring-checkbox_focus":"",checked:selected,onFocus:this.onCheckboxFocus,onChange:this.onCheckboxChange,tabIndex:-1})}),collapserExpander]}),title]})}}Title.propTypes={className:prop_types_default().string,title:prop_types_default().node,offset:prop_types_default().number,selectable:prop_types_default().bool,selected:prop_types_default().bool,onSelect:prop_types_default().func.isRequired,showFocus:prop_types_default().bool,collapserExpander:prop_types_default().node,innerRef:prop_types_default().oneOfType([(0,global_prop_types.Z)(prop_types_default().instanceOf(HTMLDivElement)),prop_types_default().func]),onFocusRestore:prop_types_default().func.isRequired};const data_list_title=(0,focus_sensor_hoc.A)(Title);Title.__docgenInfo={description:"",methods:[{name:"onCheckboxFocus",docblock:null,modifiers:[],params:[],returns:null},{name:"onCheckboxChange",docblock:null,modifiers:[],params:[],returns:null},{name:"toggleSelection",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Title",props:{innerRef:{required:!0,tsType:{name:"Ref",elements:[{name:"HTMLDivElement"}],raw:"Ref"},description:""},focused:{required:!0,tsType:{name:"boolean"},description:""},onFocusReset:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onFocusRestore:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(selected: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"selected"}],return:{name:"void"}}},description:""},selectable:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1}},selected:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1}},showFocus:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1}},offset:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:""},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},title:{required:!1,tsType:{name:"ReactNode"},description:""},collapserExpander:{required:!1,tsType:{name:"ReactNode"},description:""}}};let moreLessButtonStates=function(moreLessButtonStates){return moreLessButtonStates[moreLessButtonStates.UNUSED=0]="UNUSED",moreLessButtonStates[moreLessButtonStates.MORE=1]="MORE",moreLessButtonStates[moreLessButtonStates.MORE_LOADING=2]="MORE_LOADING",moreLessButtonStates[moreLessButtonStates.LESS=3]="LESS",moreLessButtonStates}({});class Item extends react.PureComponent{static defaultProps={items:[],level:0,parentShift:0,showMoreLessButton:moreLessButtonStates.UNUSED,onItemMoreLess:()=>{}};onShowMore=()=>{const{onItemMoreLess,item}=this.props;onItemMoreLess(item,!0)};onShowLess=()=>{const{onItemMoreLess,item}=this.props;onItemMoreLess(item,!1)};onFocus=()=>{const{onFocus,item}=this.props;onFocus(item)};onSelect=selected=>{const{onSelect,item}=this.props;onSelect(item,selected)};renderItem=(model,parentShift)=>{const{onFocus,onSelect,selection,level,itemFormatter}=this.props,item=itemFormatter(model);return(0,jsx_runtime.jsx)(Item,{item:model,title:item.title,items:item.items,level:level+1,parentShift,itemFormatter,collapsible:item.collapsible,collapsed:item.collapsed,onCollapse:item.onCollapse,onExpand:item.onExpand,showFocus:selection.isFocused(model),onFocus,selection,selectable:item.selectable,selected:selection.isSelected(model),onSelect},item.key||item.id)};render(){const{title,items,showMoreLessButton,level,parentShift,showFocus,selectable,selected,collapsible,collapsed,onCollapse,onExpand}=this.props;let moreLessButton;showMoreLessButton===moreLessButtonStates.MORE||showMoreLessButton===moreLessButtonStates.MORE_LOADING?moreLessButton=(0,jsx_runtime.jsxs)(text_text.A,{info:!0,children:[(0,jsx_runtime.jsx)(link_link.A,{inherit:!0,pseudo:!0,onClick:this.onShowMore,children:"Show more"}),showMoreLessButton===moreLessButtonStates.MORE_LOADING&&(0,jsx_runtime.jsx)(loader_inline.A,{className:data_list_default().showMoreLoader})]}):showMoreLessButton===moreLessButtonStates.LESS&&(moreLessButton=(0,jsx_runtime.jsx)(text_text.A,{info:!0,children:(0,jsx_runtime.jsx)(link_link.A,{inherit:!0,pseudo:!0,onClick:this.onShowLess,children:"Show less"})}));let collapserExpander=null;collapsible&&(collapserExpander=collapsed?(0,jsx_runtime.jsx)(button_button.Ay,{title:"Expand",onClick:onExpand,icon:chevron_right_default(),className:data_list_default().collapseButton,iconClassName:data_list_default().collapseIcon,"data-test":"ring-data-list-expand"}):(0,jsx_runtime.jsx)(button_button.Ay,{title:"Collapse",onClick:onCollapse,icon:chevron_down_default(),className:data_list_default().collapseButton,iconClassName:data_list_default().collapseIcon,"data-test":"ring-data-list-collapse"}));const itemIsEmpty=!items?.length||collapsible&&collapsed,offset=24*level+32+parentShift;return(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsx)(data_list_title,{title,focused:showFocus,showFocus,selectable,selected,collapserExpander,onFocus:this.onFocus,onSelect:this.onSelect,offset}),itemIsEmpty?null:(0,jsx_runtime.jsxs)("ul",{className:data_list_default().itemContent,children:[items.map((model=>this.renderItem(model,parentShift))),showMoreLessButton!==moreLessButtonStates.UNUSED?(0,jsx_runtime.jsx)("li",{className:data_list_default().showMore,children:moreLessButton}):null]})]})}}Item.propTypes={item:prop_types_default().shape({id:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number]).isRequired}).isRequired,title:prop_types_default().node,items:prop_types_default().array,className:prop_types_default().string,level:prop_types_default().number,parentShift:prop_types_default().number,itemFormatter:prop_types_default().func.isRequired,collapsible:prop_types_default().bool,collapsed:prop_types_default().bool,onCollapse:prop_types_default().func,onExpand:prop_types_default().func,showFocus:prop_types_default().bool,onFocus:prop_types_default().func.isRequired,selection:prop_types_default().instanceOf(selection.A).isRequired,selectable:prop_types_default().bool,selected:prop_types_default().bool,onSelect:prop_types_default().func.isRequired,showMoreLessButton:prop_types_default().number,onItemMoreLess:prop_types_default().func},Item.__docgenInfo={description:"",methods:[{name:"onShowMore",docblock:null,modifiers:[],params:[],returns:null},{name:"onShowLess",docblock:null,modifiers:[],params:[],returns:null},{name:"onFocus",docblock:null,modifiers:[],params:[],returns:null},{name:"onSelect",docblock:null,modifiers:[],params:[{name:"selected",optional:!1,type:{name:"boolean"}}],returns:null},{name:"renderItem",docblock:null,modifiers:[],params:[{name:"model",optional:!1,type:{name:"T",alias:"T"}},{name:"parentShift",optional:!1,type:{name:"number"}}],returns:null}],displayName:"Item",props:{items:{required:!1,tsType:{name:"unknown"},description:"",defaultValue:{value:"[]",computed:!1}},title:{required:!1,tsType:{name:"ReactNode"},description:""},collapsible:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},collapsed:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},onCollapse:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onExpand:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},selectable:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},item:{required:!0,tsType:{name:"T"},description:""},onFocus:{required:!0,tsType:{name:"signature",type:"function",raw:"(item: T) => void",signature:{arguments:[{type:{name:"T"},name:"item"}],return:{name:"void"}}},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(item: T, selected: boolean) => void",signature:{arguments:[{type:{name:"T"},name:"item"},{type:{name:"boolean"},name:"selected"}],return:{name:"void"}}},description:""},itemFormatter:{required:!0,tsType:{name:"signature",type:"function",raw:"(item: T) => FormattedItem",signature:{arguments:[{type:{name:"T"},name:"item"}],return:{name:"FormattedItem",elements:[{name:"T"}],raw:"FormattedItem"}}},description:""},level:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},parentShift:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},showMoreLessButton:{required:!1,tsType:{name:"moreLessButtonStates"},description:"",defaultValue:{value:"moreLessButtonStates.UNUSED",computed:!0}},onItemMoreLess:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: T, more: boolean) => void",signature:{arguments:[{type:{name:"T"},name:"item"},{type:{name:"boolean"},name:"more"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},showFocus:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},selection:{required:!0,tsType:{name:"Selection",elements:[{name:"T"}],raw:"Selection"},description:""},selected:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""}}};class Selection extends selection.A{_buildData(data){return new Set(this._getDescendants(data))}_buildSelected(data,selected){const _selected=new Set(selected);return[...data].forEach((item=>{_selected.has(item)&&this._selectDescendants(item,_selected)})),_selected}_getDescendants(items){let result=[];return items.forEach((item=>{result.push(item),result=[...result,...this._getDescendants(this._getChildren(item))]})),result}_getAncestors(item){let result=[];const parent=[...this._data].find((it=>this._getChildren(it).includes(item)));return parent&&(result=[parent,...this._getAncestors(parent)]),result}_selectDescendants(item,selected){this._getDescendants(this._getChildren(item)).forEach((it=>selected.add(it)))}_deselectDescendants(item,selected){this._getDescendants(this._getChildren(item)).forEach((it=>selected.delete(it)))}_selectAncestors(item,selected){this._getAncestors(item).forEach((ancestor=>{this._getChildren(ancestor).filter((it=>this._isItemSelectable(it))).every((it=>selected.has(it)))&&selected.add(ancestor)}))}_deselectAncestors(item,selected){this._getAncestors(item).forEach((it=>selected.delete(it)))}select(value=this._focused){if(!value||!this._isItemSelectable(value))return this;const selected=new Set(this._selected);return selected.add(value),this._selectDescendants(value,selected),this._selectAncestors(value,selected),this.cloneWith({selected})}focus(value){return super.focus(value)}resetSelection(){return super.resetSelection()}cloneWith(config){return super.cloneWith(config)}deselect(value=this._focused){if(!value||!this._isItemSelectable(value))return this;const selected=new Set(this._selected);return selected.delete(value),this._deselectDescendants(value,selected),this._deselectAncestors(value,selected),this.cloneWith({selected})}}class DataList extends react.PureComponent{static defaultProps={loading:!1,onItemMoreLess:()=>{},itemMoreLessState:()=>moreLessButtonStates.UNUSED,remoteSelection:!1};componentDidUpdate(prevProps){const{data,selection,onSelect,selectable}=this.props;data===prevProps.data||prevProps.remoteSelection||onSelect(selection.cloneWith({data})),!selectable&&prevProps.selectable&&onSelect(selection.resetSelection())}shortcutsScope=(0,get_uid.A)("ring-data-list-");onItemFocus=item=>{const{selection,onSelect}=this.props;onSelect(selection.focus(item))};onItemSelect=(item,selected)=>{const{selection,onSelect}=this.props;onSelect(selected?selection.select(item):selection.deselect(item))};onEqualPress=()=>{const{selection,itemFormatter}=this.props,focused=selection.getFocused();if(null==focused)throw new Error("No focused item");const item=itemFormatter(focused);item.collapsed?item.onExpand?.():item.onCollapse?.()};shortcutsMap={"=":this.onEqualPress};render(){const{data,className,loading,selection,disabledHover,itemFormatter,focused,innerRef}=this.props,shortcutsMap={...this.shortcutsMap,...this.props.shortcutsMap},classes=classnames_default()(className,{[data_list_default().dataList]:!0,[data_list_default().disabledHover]:disabledHover,[data_list_default().multiSelection]:selection.getSelected().size>0});return(0,jsx_runtime.jsxs)("div",{className:data_list_default().dataListWrapper,"data-test":"ring-data-list",ref:innerRef,children:[focused&&(0,jsx_runtime.jsx)(shortcuts.A,{map:shortcutsMap,scope:this.shortcutsScope}),(0,jsx_runtime.jsx)("ul",{className:classes,children:data.map((model=>{const item=itemFormatter(model),{id,key,title,items}=item,showMoreLessButton=this.props.itemMoreLessState?.(item);return(0,jsx_runtime.jsx)(Item,{item:model,title,items,itemFormatter,collapsible:item.collapsible,collapsed:item.collapsed,onCollapse:item.onCollapse,onExpand:item.onExpand,showFocus:selection.isFocused(model),onFocus:this.onItemFocus,selection,selectable:item.selectable,selected:selection.isSelected(model),onSelect:this.onItemSelect,showMoreLessButton,onItemMoreLess:this.props.onItemMoreLess},key||id)}))}),loading&&(0,jsx_runtime.jsx)("div",{className:data.length>0?data_list_default().loadingOverlay:void 0,children:(0,jsx_runtime.jsx)(loader.A,{})})]})}}DataList.propTypes={className:prop_types_default().string,data:prop_types_default().array.isRequired,loading:prop_types_default().bool,focused:prop_types_default().bool.isRequired,disabledHover:prop_types_default().bool,selection:prop_types_default().instanceOf(Selection).isRequired,selectable:prop_types_default().bool.isRequired,shortcutsMap:prop_types_default().shape({}).isRequired,innerRef:prop_types_default().oneOfType([(0,global_prop_types.Z)(prop_types_default().instanceOf(HTMLDivElement)),prop_types_default().func]),itemFormatter:prop_types_default().func.isRequired,onItemMoreLess:prop_types_default().func,itemMoreLessState:prop_types_default().func,onSelect:prop_types_default().func.isRequired,remoteSelection:prop_types_default().bool};const getContainer=()=>(0,disable_hover_hoc.A)((0,selection_shortcuts_hoc.A)((0,focus_sensor_hoc.A)(DataList)));class DataListContainer extends react.Component{static propTypes=getContainer().propTypes;DataList=getContainer();render(){return(0,jsx_runtime.jsx)(this.DataList,{...this.props})}}DataListContainer.__docgenInfo={description:"",methods:[],displayName:"DataListContainer",props:{data:{required:!0,tsType:{name:"unknown"},description:""},itemFormatter:{required:!0,tsType:{name:"signature",type:"function",raw:"(item: T) => FormattedItem",signature:{arguments:[{type:{name:"T"},name:"item"}],return:{name:"FormattedItem",elements:[{name:"T"}],raw:"FormattedItem"}}},description:""},loading:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},onItemMoreLess:{required:!1,tsType:{name:"union",raw:"((item: T, more: boolean) => void) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:""},itemMoreLessState:{required:!1,tsType:{name:"union",raw:"((item: FormattedItem) => moreLessButtonStates) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:""},remoteSelection:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},disabledHover:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},focused:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},autofocus:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},scrollOnTableFocus:{required:!1,tsType:{name:"boolean"},description:""},onFocus:{required:!1,tsType:{name:"union",raw:"(() => void) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:""},onBlur:{required:!1,tsType:{name:"union",raw:"(() => void) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:""},innerRef:{required:!1,tsType:{name:"union",raw:"Ref | null | undefined",elements:[{name:"Ref",elements:[{name:"T"}],raw:"Ref"},{name:"null"},{name:"undefined"}]},description:""},selection:{required:!0,tsType:{name:"Selection",elements:[{name:"T"}],raw:"Selection"},description:""},selectable:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},onSelect:{required:!1,tsType:{name:"union",raw:"((selection: Selection) => void) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:""},shortcuts:{required:!1,tsType:{name:"union",raw:"ShortcutsMap | undefined",elements:[{name:"Record",elements:[{name:"string"},{name:"signature",type:"function",raw:"(e: KeyboardEvent, key: string, scopeId: string) => boolean | null | void",signature:{arguments:[{type:{name:"KeyboardEvent"},name:"e"},{type:{name:"string"},name:"key"},{type:{name:"string"},name:"scopeId"}],return:{name:"union",raw:"boolean | null | void",elements:[{name:"boolean"},{name:"null"},{name:"void"}]}}}],raw:"Record"},{name:"undefined"}]},description:""}}};var badge=__webpack_require__("./src/badge/badge.tsx");const items=[{id:1,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Assigner"})," in 60 projects"]}),collapsible:!0,selectable:!0,items:[{id:11,title:"6 projects: as a member of jetbrains-team",collapsible:!0,selectable:!0,items:[{id:111,selectable:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"TeamCity"})},{id:112,selectable:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"YouTrack"})},{id:113,selectable:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Sandbox"})},{id:114,selectable:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Exception Analyzer"})},{id:115,selectable:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"MPS"})}]}]},{id:2,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Code Reviewer"})," in 5 projects"]}),selectable:!0,collapsible:!0,items:[{id:21,selectable:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"JetProfile"}),(0,jsx_runtime.jsx)("span",{children:" "}),(0,jsx_runtime.jsx)(badge.A,{gray:!0,children:"duplicate"})]})},{id:22,title:"6 projects: as a member of jetbrains-team",collapsible:!0,items:[{id:221,collapsible:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"TeamCity"})},{id:222,collapsible:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"YouTrack"})},{id:223,collapsible:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Sandbox"})},{id:224,collapsible:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Exception Analyzer"})},{id:225,collapsible:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"MPS"})}]},{id:23,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"CustomJDK"}),(0,jsx_runtime.jsx)("span",{children:": as a member of ide-developers"})]})}]},{id:3,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Code Viewer"})," in 5 projects"]}),selectable:!0,collapsible:!0,items:[{id:31,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"ide-frontend"}),(0,jsx_runtime.jsx)("span",{children:": as a member of ide-developers"})]})},{id:32,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"ide-frontend"}),(0,jsx_runtime.jsx)("span",{children:": as a member of ide-frontend Code Viewers"})]})}]},{id:4,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Commenter"})," in 12 projects"]}),collapsible:!0,items:[{id:41,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Intellij IDEA"}),(0,jsx_runtime.jsx)("span",{children:": as a member of Registered Users"})]})},{id:42,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"YouTrack Backlog"}),(0,jsx_runtime.jsx)("span",{children:": as a member of jetbrains-team"})]})}]},{id:5,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Developer"}),(0,jsx_runtime.jsx)("span",{children:" in 57 projects "}),(0,jsx_runtime.jsx)(badge.A,{children:"team role"})]}),items:[{id:51,selectable:!0,collapsible:!0,title:(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Wasabi"})}]},{id:6,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Git Hosting Admin"}),(0,jsx_runtime.jsx)("span",{children:" in project "}),(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"Hackathon 2016"}),(0,jsx_runtime.jsx)("span",{children:": as a member of jetbrains-team"})]})},{id:7,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("strong",{children:"Git Hosting Checkout"})," in 7 projects"]}),selectable:!0,collapsible:!0}],moreItems=[{id:91,selectable:!0,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"More item 1"}),(0,jsx_runtime.jsx)("span",{children:" "}),(0,jsx_runtime.jsx)(badge.A,{gray:!0,children:"duplicate"})]})},{id:92,selectable:!0,collapsible:!0,title:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)(link_link.A,{href:"#",children:"More item 2"}),(0,jsx_runtime.jsx)("span",{children:" "}),(0,jsx_runtime.jsx)(badge.A,{gray:!0,children:"duplicate"})]})}],data_list_mock=items,data_list_stories={title:"Components/DataList",parameters:{notes:"A component for rendering interactive hierarchical tables."}},basic=()=>{class DataListDemo extends react.PureComponent{expandedItems=new Set;isItemCollapsible=item=>item.collapsible&&item.items&&Number(item.id)>10;isItemCollapsed=item=>!this.expandedItems.has(item.id);getChildren=item=>{const collapsible=this.isItemCollapsible(item),collapsed=this.isItemCollapsed(item);return collapsible&&collapsed||!item.items?[]:item.items};state={data:data_list_mock,selection:new Selection({data:data_list_mock,isItemSelectable:item=>item.selectable,getChildren:this.getChildren})};moreExpandableItems=new Set([data_list_mock[0].id]);moreExpandedItems=new Set;itemMoreLessState=item=>null!=item.id&&this.moreExpandableItems.has(item.id)?this.moreExpandedItems.has(item.id)?moreLessButtonStates.LESS:moreLessButtonStates.MORE:moreLessButtonStates.UNUSED;onItemMoreLess=(item,more)=>{var _item$items,_item$items2;more?(this.moreExpandedItems.add(item.id),item.items=null!==(_item$items=item.items)&&void 0!==_item$items?_item$items:[],item.items=item.items.concat([...moreItems])):(this.moreExpandedItems.delete(item.id),item.items=null!==(_item$items2=item.items)&&void 0!==_item$items2?_item$items2:[],item.items=item.items.slice(0,item.items.length-moreItems.length));const data=this.state.data;this.setState({data:[...data]})};onSelect=selection=>{this.setState({selection})};itemFormatter=item=>{const items=this.getChildren(item),collapsible=this.isItemCollapsible(item),collapsed=this.isItemCollapsed(item);return{...item,items,collapsible,collapsed,onCollapse:()=>{this.expandedItems.delete(item.id);const data=this.state.data;this.setState({data:[...data]})},onExpand:()=>{this.expandedItems.add(item.id);const data=this.state.data;this.setState({data:[...data]})}}};render(){return(0,jsx_runtime.jsx)(DataListContainer,{data:this.state.data,selection:this.state.selection,onSelect:this.onSelect,itemFormatter:this.itemFormatter,onItemMoreLess:this.onItemMoreLess,itemMoreLessState:this.itemMoreLessState})}}return(0,jsx_runtime.jsx)(DataListDemo,{})};basic.storyName="DataList",basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:"() => {\n class DataListDemo extends PureComponent {\n // state uses getChildren\n // eslint-disable-next-line react/sort-comp\n expandedItems = new Set();\n isItemCollapsible = (item: Item) => item.collapsible && item.items && Number(item.id) > 10;\n isItemCollapsed = (item: Item) => !this.expandedItems.has(item.id);\n getChildren = (item: Item) => {\n const collapsible = this.isItemCollapsible(item);\n const collapsed = this.isItemCollapsed(item);\n return collapsible && collapsed || !item.items ? [] : item.items;\n };\n state = {\n data: mock,\n selection: new Selection({\n data: mock,\n isItemSelectable: item => item.selectable,\n getChildren: this.getChildren\n })\n };\n moreExpandableItems = new Set([mock[0].id]);\n moreExpandedItems = new Set();\n itemMoreLessState = (item: FormattedItem) => {\n if (item.id != null && this.moreExpandableItems.has(item.id)) {\n return this.moreExpandedItems.has(item.id) ? moreLessButtonStates.LESS : moreLessButtonStates.MORE;\n } else {\n return moreLessButtonStates.UNUSED;\n }\n };\n onItemMoreLess = (item: Item, more: boolean) => {\n if (more) {\n this.moreExpandedItems.add(item.id);\n item.items = item.items ?? [];\n item.items = item.items.concat([...moreItems]);\n } else {\n this.moreExpandedItems.delete(item.id);\n item.items = item.items ?? [];\n item.items = item.items.slice(0, item.items.length - moreItems.length);\n }\n const data = this.state.data;\n this.setState({\n data: [...data]\n });\n };\n onSelect = (selection: TableSelection) => {\n this.setState({\n selection\n });\n };\n itemFormatter = (item: Item): FormattedItem => {\n const items = this.getChildren(item);\n const collapsible = this.isItemCollapsible(item);\n const collapsed = this.isItemCollapsed(item);\n const onCollapse = () => {\n this.expandedItems.delete(item.id);\n const data = this.state.data;\n this.setState({\n data: [...data]\n });\n };\n const onExpand = () => {\n this.expandedItems.add(item.id);\n const data = this.state.data;\n this.setState({\n data: [...data]\n });\n };\n return {\n ...item,\n items,\n collapsible,\n collapsed,\n onCollapse,\n onExpand\n };\n };\n render() {\n return ;\n }\n }\n return ;\n}",...basic.parameters?.docs?.source}}}},"./src/badge/badge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Badge});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),util_deprecate__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/util-deprecate/browser.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_2__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_badge_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/badge/badge.css"),_badge_css__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_badge_css__WEBPACK_IMPORTED_MODULE_3__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const warn=util_deprecate__WEBPACK_IMPORTED_MODULE_2___default()((()=>{}),"Badge is deprecated and will be removed in RingUI 7.0. Use Tag instead.");class Badge extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={gray:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,valid:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,invalid:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,disabled:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string};render(){warn();const{gray,valid,invalid,disabled,className,children,"data-test":dataTest,...props}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_badge_css__WEBPACK_IMPORTED_MODULE_3___default().badge,className,{[_badge_css__WEBPACK_IMPORTED_MODULE_3___default().gray]:gray,[_badge_css__WEBPACK_IMPORTED_MODULE_3___default().valid]:valid,[_badge_css__WEBPACK_IMPORTED_MODULE_3___default().invalid]:invalid,[_badge_css__WEBPACK_IMPORTED_MODULE_3___default().disabled]:disabled});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span",{...props,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-badge",dataTest),className:classes,children})}}Badge.__docgenInfo={description:"@name Badge",methods:[],displayName:"Badge",props:{gray:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},valid:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},invalid:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},disabled:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},className:{description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!1}},composes:["HTMLAttributes"]}},"./src/checkbox/checkbox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Checkbox});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_jetbrains_icons_checkmark_12px__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@jetbrains/icons/checkmark-12px.js"),_jetbrains_icons_checkmark_12px__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_jetbrains_icons_checkmark_12px__WEBPACK_IMPORTED_MODULE_2__),_jetbrains_icons_remove_12px__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@jetbrains/icons/remove-12px.js"),_jetbrains_icons_remove_12px__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_jetbrains_icons_remove_12px__WEBPACK_IMPORTED_MODULE_3__),_icon_icon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/icon/icon.tsx"),_global_prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/global/prop-types.ts"),_global_composeRefs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/global/composeRefs.ts"),_control_help_control_help__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/control-help/control-help.tsx"),_checkbox_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/checkbox/checkbox.css"),_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_checkbox_css__WEBPACK_IMPORTED_MODULE_4__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Checkbox extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={name:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,label:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,className:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,containerClassName:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,containerStyle:prop_types__WEBPACK_IMPORTED_MODULE_6___default().object,cellClassName:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,labelClassName:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,defaultChecked:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,checked:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,indeterminate:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,disabled:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,onChange:prop_types__WEBPACK_IMPORTED_MODULE_6___default().func,children:prop_types__WEBPACK_IMPORTED_MODULE_6___default().node,inputRef:prop_types__WEBPACK_IMPORTED_MODULE_6___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_6___default().func,(0,_global_prop_types__WEBPACK_IMPORTED_MODULE_7__.Z)(prop_types__WEBPACK_IMPORTED_MODULE_6___default().instanceOf(HTMLInputElement))])};static defaultProps={indeterminate:!1};componentDidMount(){null!=this.input&&(this.input.indeterminate=this.props.indeterminate)}componentDidUpdate(prevProps){const{indeterminate}=this.props;null!=this.input&&indeterminate!==prevProps.indeterminate&&(this.input.indeterminate=this.props.indeterminate)}input;inputRef=el=>{null!=el&&(el.indeterminate=this.props.indeterminate),this.input=el};composedInputRef=(0,_global_composeRefs__WEBPACK_IMPORTED_MODULE_8__.C)();render(){const{children,label,className,containerClassName,containerStyle,cellClassName,labelClassName,indeterminate,inputRef,help,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().input,className),containerClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().checkbox,containerClassName),cellClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().cell,cellClassName),labelClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().label,labelClassName);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("label",{className:containerClasses,style:containerStyle,"data-test":"ring-checkbox",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("input",{...restProps,"data-checked":restProps.checked,ref:this.composedInputRef(this.inputRef,inputRef),type:"checkbox",className:classes}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{className:_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().cellWrapper,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span",{className:cellClasses,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_icon_icon__WEBPACK_IMPORTED_MODULE_9__.Ay,{glyph:_jetbrains_icons_checkmark_12px__WEBPACK_IMPORTED_MODULE_2___default(),className:_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().check}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_icon_icon__WEBPACK_IMPORTED_MODULE_9__.Ay,{glyph:_jetbrains_icons_remove_12px__WEBPACK_IMPORTED_MODULE_3___default(),className:_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().minus})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span",{className:labelClasses,children:[label||children,help&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_control_help_control_help__WEBPACK_IMPORTED_MODULE_10__.A,{children:help})]})]})}}Checkbox.__docgenInfo={description:"Displays a checkbox.",methods:[{name:"inputRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLInputElement | null",elements:[{name:"HTMLInputElement"},{name:"null"}]}}],returns:null}],displayName:"Checkbox",props:{label:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},containerClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},containerStyle:{required:!1,tsType:{name:"union",raw:"CSSProperties | undefined",elements:[{name:"CSSProperties"},{name:"undefined"}]},description:"",type:{name:"object"}},cellClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},labelClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},indeterminate:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},inputRef:{required:!1,tsType:{name:"Ref",elements:[{name:"HTMLInputElement"}],raw:"Ref"},description:"",type:{name:"union",value:[{name:"func"},{name:"custom",raw:"refObject(PropTypes.instanceOf(HTMLInputElement))"}]}},help:{required:!1,tsType:{name:"ReactNode"},description:""},name:{description:"",type:{name:"string"},required:!1},className:{description:"",type:{name:"string"},required:!1},defaultChecked:{description:"",type:{name:"bool"},required:!1},checked:{description:"",type:{name:"bool"},required:!1},disabled:{description:"",type:{name:"bool"},required:!1},onChange:{description:"",type:{name:"func"},required:!1},children:{description:"",type:{name:"node"},required:!1}},composes:["InputHTMLAttributes"]}},"./src/control-help/control-help.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ControlHelp});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),_control_help_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/control-help/control-help.css"),_control_help_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_control_help_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ControlHelp({className,...restProps}){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()(className,_control_help_css__WEBPACK_IMPORTED_MODULE_1___default().help),...restProps})}ControlHelp.__docgenInfo={description:"",methods:[],displayName:"ControlHelp"}},"./src/global/composeRefs.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>createComposedRef});var memoize_one__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/memoize-one/dist/memoize-one.esm.js");function composeRefs(...refs){return value=>refs.forEach((ref=>{"function"==typeof ref?ref(value):null!=ref&&(ref.current=value)}))}function createComposedRef(){return(0,memoize_one__WEBPACK_IMPORTED_MODULE_0__.A)(composeRefs)}},"./src/global/prop-types.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>refObject});var prop_types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);const refObject=value=>prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({current:value})},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./src/loader-inline/loader-inline.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),_global_data_tests__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/global/data-tests.ts"),_loader_inline_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/loader-inline/loader-inline.css"),_loader_inline_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_loader_inline_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class LoaderInline extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node};render(){const{className,"data-test":dataTest,children,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_loader_inline_css__WEBPACK_IMPORTED_MODULE_2___default().loader,className),loader=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{...restProps,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_5__.A)("ring-loader-inline",dataTest),className:classes});return children?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[loader,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{className:_loader_inline_css__WEBPACK_IMPORTED_MODULE_2___default().children,children})]}):loader}}const __WEBPACK_DEFAULT_EXPORT__=LoaderInline;LoaderInline.__docgenInfo={description:"@name Loader Inline",methods:[],displayName:"LoaderInline",props:{"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},className:{description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!1}},composes:["HTMLAttributes"]}},"./src/text/text.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Text});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_text_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/text/text.css"),_text_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_text_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const TextSize={S:"s",M:"m",L:"l"};class Text extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,info:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,size:prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOf(Object.keys(TextSize).map((it=>TextSize[it]))),className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};static Size=TextSize;render(){const{children,className,info,size,bold,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_text_css__WEBPACK_IMPORTED_MODULE_2___default().text,className,{[_text_css__WEBPACK_IMPORTED_MODULE_2___default().info]:info,[_text_css__WEBPACK_IMPORTED_MODULE_2___default().bold]:bold,[_text_css__WEBPACK_IMPORTED_MODULE_2___default().sizeS]:size===Text.Size.S,[_text_css__WEBPACK_IMPORTED_MODULE_2___default().sizeM]:size===Text.Size.M,[_text_css__WEBPACK_IMPORTED_MODULE_2___default().sizeL]:size===Text.Size.L});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{className:classes,...restProps,children})}}Text.__docgenInfo={description:"@name Text",methods:[],displayName:"Text",props:{info:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},size:{required:!1,tsType:{name:"TextSize"},description:"",type:{name:"enum",computed:!0,value:"Object.keys(TextSize).map(it => TextSize[it])"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},bold:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}},composes:["HTMLAttributes"]}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/badge/badge.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".badge_f068 {\n display: inline-block;\n\n box-sizing: border-box;\n height: 20px;\n padding: 0 var(--ring-unit);\n\n cursor: default;\n\n vertical-align: baseline;\n\n color: var(--ring-secondary-color);\n border: 1px var(--ring-line-color) solid;\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-content-background-color);\n\n font-size: var(--ring-font-size-smaller);\n font-weight: normal;\n font-style: normal;\n line-height: 17px;\n}\n\n.badge_f068.gray_b28f {\n color: var(--ring-text-color);\n background-color: var(--ring-tag-background-color);\n }\n\n.badge_f068.valid_d412 {\n color: var(--ring-success-color);\n }\n\n.badge_f068.invalid_bfa3 {\n color: var(--ring-error-color);\n }\n\n.badge_f068.disabled_a43e {\n /* Deprecated: duplicates invalid */\n\n color: var(--ring-error-color);\n }\n","",{version:3,sources:["webpack://./src/badge/badge.css"],names:[],mappings:"AAEA;EACE,qBAAqB;;EAErB,sBAAsB;EACtB,YAAY;EACZ,2BAA2B;;EAE3B,eAAe;;EAEf,wBAAwB;;EAExB,kCAAkC;EAClC,wCAAwC;EACxC,wCAAwC;EACxC,sDAAsD;;EAEtD,wCAAwC;EACxC,mBAAmB;EACnB,kBAAkB;EAClB,iBAAiB;AAoBnB;;AAlBE;IACE,6BAA6B;IAC7B,kDAAkD;EACpD;;AAEA;IACE,gCAAgC;EAClC;;AAEA;IACE,8BAA8B;EAChC;;AAEA;IACE,mCAAmC;;IAEnC,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.badge {\n display: inline-block;\n\n box-sizing: border-box;\n height: 20px;\n padding: 0 var(--ring-unit);\n\n cursor: default;\n\n vertical-align: baseline;\n\n color: var(--ring-secondary-color);\n border: 1px var(--ring-line-color) solid;\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-content-background-color);\n\n font-size: var(--ring-font-size-smaller);\n font-weight: normal;\n font-style: normal;\n line-height: 17px;\n\n &.gray {\n color: var(--ring-text-color);\n background-color: var(--ring-tag-background-color);\n }\n\n &.valid {\n color: var(--ring-success-color);\n }\n\n &.invalid {\n color: var(--ring-error-color);\n }\n\n &.disabled {\n /* Deprecated: duplicates invalid */\n\n color: var(--ring-error-color);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={badge:"badge_f068",gray:"gray_b28f",valid:"valid_d412",invalid:"invalid_bfa3",disabled:"disabled_a43e"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/checkbox/checkbox.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".checkbox_fb44 {\n position: relative;\n\n display: inline-flex;\n align-items: baseline;\n\n text-align: left;\n\n color: var(--ring-text-color);\n outline: none;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.checkbox_fb44:hover .cell_e028 {\n transition: background-color var(--ring-ease);\n\n border-color: var(--ring-border-hover-color);\n }}\n\n.cell_e028 {\n position: relative;\n top: -2px;\n\n display: inline-block;\n\n box-sizing: border-box;\n width: 14px;\n height: 14px;\n\n -webkit-user-select: none;\n\n user-select: none;\n transition: border-color var(--ring-ease), background-color var(--ring-ease), box-shadow var(--ring-ease);\n vertical-align: middle;\n pointer-events: none;\n\n border: 1px solid var(--ring-borders-color);\n border-radius: var(--ring-border-radius-small);\n background-color: var(--ring-content-background-color);\n}\n\n.icon_bb4d.icon_bb4d {\n position: absolute;\n\n top: 0;\n left: 0;\n\n opacity: 0;\n color: var(--ring-white-text-color);\n}\n\n.icon_bb4d.icon_bb4d svg {\n position: absolute;\n top: 0;\n left: 0;\n }\n\n.check_edfa {\n}\n\n.minus_f19e {\n}\n\n.input_eb74 {\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n margin: 0;\n\n cursor: pointer;\n\n opacity: 0;\n\n /* stylelint-disable selector-max-specificity */\n}\n\n.input_eb74:checked + .cellWrapper_d676 .cell_e028,\n .input_eb74:indeterminate + .cellWrapper_d676 .cell_e028 {\n border-color: transparent;\n background-color: var(--ring-main-color);\n }\n\n.input_eb74:checked + .cellWrapper_d676 .check_edfa {\n opacity: 1;\n }\n\n.input_eb74:focus-visible + .cellWrapper_d676 .cell_e028,\n .input_eb74.focus_fae7 + .cellWrapper_d676 .cell_e028 {\n transition: background-color var(--ring-ease);\n\n border-color: var(--ring-border-hover-color);\n box-shadow: 0 0 0 1px var(--ring-border-hover-color);\n }\n\n.input_eb74:indeterminate + .cellWrapper_d676 .minus_f19e {\n opacity: 1;\n }\n\n.input_eb74[disabled] {\n pointer-events: none;\n }\n\n.input_eb74[disabled][disabled] + .cellWrapper_d676 .cell_e028 {\n border-color: var(--ring-border-disabled-color);\n background-color: var(--ring-disabled-background-color);\n }\n\n.input_eb74[disabled]:checked + .cellWrapper_d676 .cell_e028,\n .input_eb74[disabled]:indeterminate + .cellWrapper_d676 .cell_e028 {\n border-color: var(--ring-border-selected-disabled-color);\n background-color: var(--ring-border-selected-disabled-color);\n }\n\n.input_eb74[disabled]:checked + .cellWrapper_d676 .check_edfa,\n .input_eb74[disabled]:indeterminate + .cellWrapper_d676 .minus_f19e {\n color: var(--ring-disabled-background-color);\n }\n\n.input_eb74:indeterminate:indeterminate + .cellWrapper_d676 .check_edfa {\n transition: none;\n\n opacity: 0;\n }\n\n/* stylelint-enable */\n\n.input_eb74[disabled] ~ .label_d90f {\n color: var(--ring-disabled-color);\n }\n\n.label_d90f {\n margin-left: var(--ring-unit);\n\n line-height: normal;\n}\n","",{version:3,sources:["webpack://./src/checkbox/checkbox.css",""],names:[],mappings:"AAIA;EACE,kBAAkB;;EAElB,oBAAoB;EACpB,qBAAqB;;EAErB,gBAAgB;;EAEhB,6BAA6B;EAC7B,aAAa;AAOf;;ACpBA,wGAAA;IAAA,8CAAA;;IAAA,6CAAA;GAAA,CAAA;;ADsBA;EACE,kBAAkB;EAClB,SAAS;;EAET,qBAAqB;;EAErB,sBAAsB;EACtB,WAAmB;EACnB,YAAoB;;EAEpB,yBAAiB;;UAAjB,iBAAiB;EACjB,yGAAyG;EACzG,sBAAsB;EACtB,oBAAoB;;EAEpB,2CAA2C;EAC3C,8CAA8C;EAC9C,sDAAsD;AACxD;;AAEA;EACE,kBAAkB;;EAElB,MAAM;EACN,OAAO;;EAEP,UAAU;EACV,mCAAmC;AAOrC;;AALE;IACE,kBAAkB;IAClB,MAAM;IACN,OAAO;EACT;;AAGF;AAEA;;AAEA;AAEA;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;;EAEP,WAAW;EACX,YAAY;EACZ,SAAS;;EAET,eAAe;;EAEf,UAAU;;EAEV,+CAA+C;AAqDjD;;AApDE;;IAEE,yBAAyB;IACzB,wCAAwC;EAC1C;;AAEA;IACE,UAAU;EACZ;;AAEA;;IAEE,6CAA6C;;IAE7C,4CAA4C;IAC5C,oDAAoD;EACtD;;AAEA;IACE,UAAU;EACZ;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,+CAA+C;IAC/C,uDAAuD;EACzD;;AAEA;;IAEE,wDAAwD;IACxD,4DAA4D;EAC9D;;AAEA;;IAEE,4CAA4C;EAC9C;;AAEA;IACE,gBAAgB;;IAEhB,UAAU;EACZ;;AACA,qBAAqB;;AAErB;IACE,iCAAiC;EACnC;;AAGF;EACE,6BAA6B;;EAE7B,mBAAmB;AACrB",sourcesContent:['@import "../global/variables.css";\n\n@value checkboxSize: 14px;\n\n.checkbox {\n position: relative;\n\n display: inline-flex;\n align-items: baseline;\n\n text-align: left;\n\n color: var(--ring-text-color);\n outline: none;\n\n &:hover .cell {\n transition: background-color var(--ring-ease);\n\n border-color: var(--ring-border-hover-color);\n }\n}\n\n.cell {\n position: relative;\n top: -2px;\n\n display: inline-block;\n\n box-sizing: border-box;\n width: checkboxSize;\n height: checkboxSize;\n\n user-select: none;\n transition: border-color var(--ring-ease), background-color var(--ring-ease), box-shadow var(--ring-ease);\n vertical-align: middle;\n pointer-events: none;\n\n border: 1px solid var(--ring-borders-color);\n border-radius: var(--ring-border-radius-small);\n background-color: var(--ring-content-background-color);\n}\n\n.icon.icon {\n position: absolute;\n\n top: 0;\n left: 0;\n\n opacity: 0;\n color: var(--ring-white-text-color);\n\n & svg {\n position: absolute;\n top: 0;\n left: 0;\n }\n}\n\n.check {\n composes: icon;\n}\n\n.minus {\n composes: icon;\n}\n\n.input {\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n margin: 0;\n\n cursor: pointer;\n\n opacity: 0;\n\n /* stylelint-disable selector-max-specificity */\n &:checked + .cellWrapper .cell,\n &:indeterminate + .cellWrapper .cell {\n border-color: transparent;\n background-color: var(--ring-main-color);\n }\n\n &:checked + .cellWrapper .check {\n opacity: 1;\n }\n\n &:focus-visible + .cellWrapper .cell,\n &.focus + .cellWrapper .cell {\n transition: background-color var(--ring-ease);\n\n border-color: var(--ring-border-hover-color);\n box-shadow: 0 0 0 1px var(--ring-border-hover-color);\n }\n\n &:indeterminate + .cellWrapper .minus {\n opacity: 1;\n }\n\n &[disabled] {\n pointer-events: none;\n }\n\n &[disabled][disabled] + .cellWrapper .cell {\n border-color: var(--ring-border-disabled-color);\n background-color: var(--ring-disabled-background-color);\n }\n\n &[disabled]:checked + .cellWrapper .cell,\n &[disabled]:indeterminate + .cellWrapper .cell {\n border-color: var(--ring-border-selected-disabled-color);\n background-color: var(--ring-border-selected-disabled-color);\n }\n\n &[disabled]:checked + .cellWrapper .check,\n &[disabled]:indeterminate + .cellWrapper .minus {\n color: var(--ring-disabled-background-color);\n }\n\n &:indeterminate:indeterminate + .cellWrapper .check {\n transition: none;\n\n opacity: 0;\n }\n /* stylelint-enable */\n\n &[disabled] ~ .label {\n color: var(--ring-disabled-color);\n }\n}\n\n.label {\n margin-left: var(--ring-unit);\n\n line-height: normal;\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={checkboxSize:"14px",checkbox:"checkbox_fb44",cell:"cell_e028",icon:"icon_bb4d",check:"check_edfa icon_bb4d",minus:"minus_f19e icon_bb4d",input:"input_eb74",cellWrapper:"cellWrapper_d676",focus:"focus_fae7",label:"label_d90f"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".help_cb69 {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n","",{version:3,sources:["webpack://./src/control-help/control-help.css"],names:[],mappings:"AAEA;EACE,kCAAkC;;EAElC,wCAAwC;EACxC,2CAA2C;AAC7C",sourcesContent:['@import "../global/variables.css";\n\n.help {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={help:"help_cb69"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/data-list/data-list.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_table_table_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/table/table.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_table_table_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,".dataListWrapper_d5bf {\n position: relative;\n}\n\n.dataList_f7be {\n margin: 0;\n padding: 0;\n\n list-style: none;\n}\n\n.itemContent_bc89 {\n padding: 0;\n\n list-style: none;\n}\n\n.title_cec5 {\n display: flex;\n align-items: center;\n\n box-sizing: content-box;\n height: calc(var(--ring-unit)*4);\n padding: 0 calc(var(--ring-unit)*5) 2px 0;\n\n outline: none;\n\n /* stylelint-disable-next-line selector-max-specificity */\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.dataList_f7be:not(.disabledHover_d942) .title_cec5:hover {\n background-color: var(--ring-hover-background-color);\n }}\n\n.title_cec5.titleSelected_c066 {\n background-color: var(--ring-selected-background-color);\n }\n\n.title_cec5.titleFocused_f398 {\n background-color: var(--ring-hover-background-color);\n box-shadow: inset 2px 0 var(--ring-main-color);\n }\n\n.showMore_d842 {\n padding: 4px 60px;\n\n color: var(--ring-secondary-color);\n outline: none;\n\n font-size: 12px;\n}\n\n.boxes_af0d {\n display: flex;\n\n min-width: calc(var(--ring-unit)*3);\n}\n\n.checkboxBox_af53 {\n width: calc(var(--ring-unit)*3);\n}\n\n.collapseButton_ae96 {\n top: 1px;\n left: -5px;\n\n height: auto;\n padding: 0 5px;\n\n line-height: inherit;\n}\n\n.collapseIcon_d64b.collapseIcon_d64b {\n color: var(--ring-icon-secondary-color);\n}\n\n.loadingOverlay_e5f5 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.showMoreLoader_e994 {\n top: 1px;\n left: 8px;\n}\n","",{version:3,sources:["webpack://./src/data-list/data-list.css",""],names:[],mappings:"AAIA;EACE,kBAAkB;AACpB;;AAEA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;AAClB;;AAEA;EACE,UAAU;;EAEV,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,mBAAmB;;EAEnB,uBAAuB;EACvB,gCAAkC;EAClC,yCAAkD;;EAElD,aAAa;;EAEb,yDAAyD;AAa3D;;AC5CA,wGAAA;IAAA,qDAAA;GAAA,CAAA;;ADoCE;IACE,uDAAuD;EACzD;;AAEA;IACE,oDAAoD;IACpD,8CAA8C;EAChD;;AAGF;EACE,iBAAiB;;EAEjB,kCAAkC;EAClC,aAAa;;EAEb,eAAe;AACjB;;AAEA;EACE,aAAa;;EAEb,mCAAqC;AACvC;;AAEA;EACE,+BAAiC;AACnC;;AAEA;EACE,QAAQ;EACR,UAAU;;EAEV,YAAY;EACZ,cAAc;;EAEd,oBAAoB;AACtB;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;;EAEP,aAAa;EACb,mBAAmB;EACnB,uBAAuB;;EAEvB,0CAA0C;AAC5C;;AAEA;EACE,QAAQ;EACR,SAAS;AACX",sourcesContent:['@import "../global/variables.css";\n\n@value height, compensate from "../table/table.css";\n\n.dataListWrapper {\n position: relative;\n}\n\n.dataList {\n margin: 0;\n padding: 0;\n\n list-style: none;\n}\n\n.itemContent {\n padding: 0;\n\n list-style: none;\n}\n\n.title {\n display: flex;\n align-items: center;\n\n box-sizing: content-box;\n height: calc(4 * var(--ring-unit));\n padding: 0 calc(var(--ring-unit) * 5) compensate 0;\n\n outline: none;\n\n /* stylelint-disable-next-line selector-max-specificity */\n .dataList:not(.disabledHover) &:hover {\n background-color: var(--ring-hover-background-color);\n }\n\n &.titleSelected {\n background-color: var(--ring-selected-background-color);\n }\n\n &.titleFocused {\n background-color: var(--ring-hover-background-color);\n box-shadow: inset 2px 0 var(--ring-main-color);\n }\n}\n\n.showMore {\n padding: 4px 60px;\n\n color: var(--ring-secondary-color);\n outline: none;\n\n font-size: 12px;\n}\n\n.boxes {\n display: flex;\n\n min-width: calc(var(--ring-unit) * 3);\n}\n\n.checkboxBox {\n width: calc(var(--ring-unit) * 3);\n}\n\n.collapseButton {\n top: 1px;\n left: -5px;\n\n height: auto;\n padding: 0 5px;\n\n line-height: inherit;\n}\n\n.collapseIcon.collapseIcon {\n color: var(--ring-icon-secondary-color);\n}\n\n.loadingOverlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.showMoreLoader {\n top: 1px;\n left: 8px;\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={height:`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_table_table_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.height}`,compensate:`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_table_table_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.compensate}`,dataListWrapper:"dataListWrapper_d5bf",dataList:"dataList_f7be",itemContent:"itemContent_bc89",title:"title_cec5",disabledHover:"disabledHover_d942",titleSelected:"titleSelected_c066",titleFocused:"titleFocused_f398",showMore:"showMore_d842",boxes:"boxes_af0d",checkboxBox:"checkboxBox_af53",collapseButton:"collapseButton_ae96",collapseIcon:"collapseIcon_d64b",loadingOverlay:"loadingOverlay_e5f5",showMoreLoader:"showMoreLoader_e994"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/loader-inline/loader-inline.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables_dark.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,`:root {\n /* stylelint-disable-next-line color-no-hex */\n --ring-loader-inline-stops: #ff00eb, #bd3bff, #008eff, #58ba00, #f48700, #ff00eb;\n}\n\n.${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.dark},\n.ring-ui-theme-dark {\n /* stylelint-disable-next-line color-no-hex */\n --ring-loader-inline-stops: #ff2eef, #d178ff, #289fff, #88d444, #ffe000, #ff2eef;\n}\n\n@keyframes spin_c5fc {\n 0% {\n transform: rotate(0);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes pulse_d8f9 {\n 0% {\n transform: scale(1);\n }\n\n 100% {\n transform: scale(1.41667);\n }\n}\n\n.loader_f65a,\n.ring-loader-inline {\n /* needed for better backward-compatibility */\n\n position: relative;\n\n display: inline-block;\n\n overflow: hidden;\n\n transform: rotate(0);\n animation: spin_c5fc 1s linear infinite;\n vertical-align: -3px;\n\n border-radius: var(--ring-unit);\n}\n\n.loader_f65a,\n .ring-loader-inline,\n .loader_f65a::after,\n .ring-loader-inline::after {\n transform-origin: 50% 50%;\n }\n\n.loader_f65a::after, .ring-loader-inline::after {\n display: block;\n\n width: calc(var(--ring-unit)*2);\n height: calc(var(--ring-unit)*2);\n\n content: "";\n animation: pulse_d8f9 0.85s cubic-bezier(0.68, 0, 0.74, 0.74) infinite alternate;\n\n background-image: conic-gradient(var(--ring-loader-inline-stops));\n -webkit-mask-image: radial-gradient(var(--ring-unit), transparent 71.875%, var(--ring-content-background-color) 71.875%);\n mask-image: radial-gradient(var(--ring-unit), transparent 71.875%, var(--ring-content-background-color) 71.875%);\n }\n\n.children_d816 {\n margin-left: calc(var(--ring-unit)/2);\n}\n`,"",{version:3,sources:["webpack://./src/loader-inline/loader-inline.css"],names:[],mappings:"AAIA;EACE,6CAA6C;EAC7C,gFAAgF;AAClF;;AAEA;;EAEE,6CAA6C;EAC7C,gFAAgF;AAClF;;AAEA;EACE;IACE,oBAAoB;EACtB;;EAEA;IACE,yBAAyB;EAC3B;AACF;;AAEA;EACE;IACE,mBAAmB;EACrB;;EAEA;IACE,yBAA+B;EACjC;AACF;;AAEA;;EAEE,6CAA6C;;EAE7C,kBAAkB;;EAElB,qBAAqB;;EAErB,gBAAgB;;EAEhB,oBAAoB;EACpB,uCAAkC;EAClC,oBAAoB;;EAEpB,+BAA+B;AAmBjC;;AAjBE;;;;IAEE,yBAAyB;EAC3B;;AAEA;IACE,cAAc;;IAEd,+BAAiC;IACjC,gCAAkC;;IAElC,WAAW;IACX,gFAA2E;;IAE3E,iEAAiE;IACjE,wHAAgH;YAAhH,gHAAgH;EAClH;;AAGF;EACE,qCAAuC;AACzC",sourcesContent:['@import "../global/variables.css";\n\n@value dark from "../global/variables_dark.css";\n\n:root {\n /* stylelint-disable-next-line color-no-hex */\n --ring-loader-inline-stops: #ff00eb, #bd3bff, #008eff, #58ba00, #f48700, #ff00eb;\n}\n\n.dark,\n:global(.ring-ui-theme-dark) {\n /* stylelint-disable-next-line color-no-hex */\n --ring-loader-inline-stops: #ff2eef, #d178ff, #289fff, #88d444, #ffe000, #ff2eef;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 100% {\n transform: scale(calc(17 / 12));\n }\n}\n\n.loader,\n:global(.ring-loader-inline) {\n /* needed for better backward-compatibility */\n\n position: relative;\n\n display: inline-block;\n\n overflow: hidden;\n\n transform: rotate(0);\n animation: spin 1s linear infinite;\n vertical-align: -3px;\n\n border-radius: var(--ring-unit);\n\n &,\n &::after {\n transform-origin: 50% 50%;\n }\n\n &::after {\n display: block;\n\n width: calc(var(--ring-unit) * 2);\n height: calc(var(--ring-unit) * 2);\n\n content: "";\n animation: pulse 0.85s cubic-bezier(0.68, 0, 0.74, 0.74) infinite alternate;\n\n background-image: conic-gradient(var(--ring-loader-inline-stops));\n mask-image: radial-gradient(var(--ring-unit), transparent 71.875%, var(--ring-content-background-color) 71.875%);\n }\n}\n\n.children {\n margin-left: calc(var(--ring-unit) / 2);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={dark:`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.dark}`,loader:"loader_f65a",spin:"spin_c5fc",pulse:"pulse_d8f9",children:"children_d816"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/text/text.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".text_c5aa {\n color: var(--ring-text-color);\n}\n\n.sizeS_b796 {\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n\n.sizeM_a594 {\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.sizeL_a596 {\n font-size: var(--ring-font-size-larger);\n line-height: var(--ring-line-height-taller);\n}\n\n.info_ff22 {\n color: var(--ring-secondary-color);\n}\n\n.bold_ba51 {\n font-weight: var(--ring-font-weight-bold);\n}\n","",{version:3,sources:["webpack://./src/text/text.css"],names:[],mappings:"AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,wCAAwC;EACxC,2CAA2C;AAC7C;;AAEA;EACE,gCAAgC;EAChC,oCAAoC;AACtC;;AAEA;EACE,uCAAuC;EACvC,2CAA2C;AAC7C;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,yCAAyC;AAC3C",sourcesContent:['@import "../global/variables.css";\n\n.text {\n color: var(--ring-text-color);\n}\n\n.sizeS {\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n\n.sizeM {\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.sizeL {\n font-size: var(--ring-font-size-larger);\n line-height: var(--ring-line-height-taller);\n}\n\n.info {\n color: var(--ring-secondary-color);\n}\n\n.bold {\n font-weight: var(--ring-font-weight-bold);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={text:"text_c5aa",sizeS:"sizeS_b796",sizeM:"sizeM_a594",sizeL:"sizeL_a596",info:"info_ff22",bold:"bold_ba51"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/badge/badge.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/checkbox/checkbox.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/checkbox/checkbox.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/control-help/control-help.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/data-list/data-list.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/data-list/data-list.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/link/link.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/loader-inline/loader-inline.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/loader-inline/loader-inline.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/text/text.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/text/text.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/date-picker-date-picker-stories.869f4d24.iframe.bundle.js b/master/date-picker-date-picker-stories.3e28aefd.iframe.bundle.js similarity index 58% rename from master/date-picker-date-picker-stories.869f4d24.iframe.bundle.js rename to master/date-picker-date-picker-stories.3e28aefd.iframe.bundle.js index 3dfd9d0a210..9c7f2d79e11 100644 --- a/master/date-picker-date-picker-stories.869f4d24.iframe.bundle.js +++ b/master/date-picker-date-picker-stories.3e28aefd.iframe.bundle.js @@ -1 +1 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[2718],{"./src/date-picker/date-picker.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{allSizes:()=>allSizes,clearable:()=>clearable,default:()=>date_picker_stories,range:()=>range,rangeWithCustomPlaceholders:()=>rangeWithCustomPlaceholders,rangeWithMax:()=>rangeWithMax,rangeWithMin:()=>rangeWithMin,rangeWithMinMax:()=>rangeWithMinMax,renderInline:()=>renderInline,singleDate:()=>singleDate,singleDateAndTime:()=>singleDateAndTime,singleWithMax:()=>singleWithMax,singleWithMin:()=>singleWithMin,singleWithMinMax:()=>singleWithMinMax,startsFromSunday:()=>startsFromSunday});var react=__webpack_require__("./node_modules/react/index.js"),en_US=__webpack_require__("./node_modules/date-fns/locale/en-US.mjs"),input=__webpack_require__("./src/input/input.tsx"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),format=__webpack_require__("./node_modules/date-fns/format.mjs"),isSameDay=__webpack_require__("./node_modules/date-fns/isSameDay.mjs"),isSameMonth=__webpack_require__("./node_modules/date-fns/isSameMonth.mjs"),isSameYear=__webpack_require__("./node_modules/date-fns/isSameYear.mjs"),isValid=__webpack_require__("./node_modules/date-fns/isValid.mjs"),parse=__webpack_require__("./node_modules/date-fns/parse.mjs"),set=__webpack_require__("./node_modules/date-fns/set.mjs"),calendar=__webpack_require__("./node_modules/@jetbrains/icons/calendar.js"),calendar_default=__webpack_require__.n(calendar),chevron_down=__webpack_require__("./node_modules/@jetbrains/icons/chevron-down.js"),chevron_down_default=__webpack_require__.n(chevron_down),memoize=__webpack_require__("./src/global/memoize.ts"),popup=__webpack_require__("./src/popup/popup.tsx"),dropdown=__webpack_require__("./src/dropdown/dropdown.tsx"),icon=__webpack_require__("./src/icon/icon.tsx"),button_button=__webpack_require__("./src/button/button.tsx"),link_link=__webpack_require__("./src/link/link.tsx"),i18n_context=__webpack_require__("./src/i18n/i18n-context.tsx"),isAfter=__webpack_require__("./node_modules/date-fns/isAfter.mjs"),isBefore=__webpack_require__("./node_modules/date-fns/isBefore.mjs"),startOfDay=__webpack_require__("./node_modules/date-fns/startOfDay.mjs"),controls_height=__webpack_require__("./src/global/controls-height.tsx"),add=__webpack_require__("./node_modules/date-fns/add.mjs");const units={unit:8,cellSize:24,calHeight:288,yearHeight:32},consts=units,YEAR=12,WEEK=7,FIFTH_DAY=4,weekdays={MO:1,TU:2,WE:3,TH:4,FR:5,SA:6,SU:0},MIDDLE_DAY=15,yearDuration=(duration={years:1},+(0,add.W)(0,duration));var duration;const yearScrollSpeed=yearDuration/(YEAR*units.cellSize),dateType=prop_types_default().oneOfType([prop_types_default().instanceOf(Date),prop_types_default().string,prop_types_default().number]);function shiftWeekArray(arr,startOfWeek){const shiftTimes=startOfWeek-1;return arr.slice(shiftTimes).concat(arr.slice(0,shiftTimes))}function getWeekStartsOn(locale){var _locale$options$weekS;return null!==(_locale$options$weekS=locale?.options?.weekStartsOn)&&void 0!==_locale$options$weekS?_locale$options$weekS:weekdays.MO}var date_picker=__webpack_require__("./src/date-picker/date-picker.css"),date_picker_default=__webpack_require__.n(date_picker),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");class DateInput extends react.PureComponent{static propTypes={active:prop_types_default().bool,divider:prop_types_default().bool,name:prop_types_default().string,text:prop_types_default().string,hoverDate:dateType,date:dateType,time:prop_types_default().string,displayFormat:prop_types_default().func,translations:prop_types_default().object,fromPlaceholder:prop_types_default().string,toPlaceholder:prop_types_default().string,timePlaceholder:prop_types_default().string,onInput:prop_types_default().func,onActivate:prop_types_default().func,onConfirm:prop_types_default().func,onClear:prop_types_default().func,locale:prop_types_default().object};componentDidMount(){this.updateInput(this.props)}componentDidUpdate(prevProps){const{text,active}=this.props;text===prevProps.text&&active===prevProps.active||this.updateInput({text,active})}static contextType=i18n_context.g;input;inputRef=el=>{this.input=el};updateInput({text,active}){const el=this.input;el&&(active?(el.focus(),text||el.select()):el.blur())}handleChange=e=>this.props.onInput(e.currentTarget.value,e.currentTarget.dataset.name);handleKeyDown=e=>{"Enter"===e.key&&(e.preventDefault(),this.props.onConfirm())};render(){const{active,divider,text,time,name,hoverDate,date,displayFormat,translations,onActivate,onClear,fromPlaceholder,toPlaceholder,timePlaceholder,locale}=this.props,{translate}=this.context;let displayText="";active&&hoverDate?displayText=displayFormat(hoverDate,locale):active&&null!=text?displayText=text:date?displayText=displayFormat(date,locale):"time"===name&&(displayText=time||"");const placeholder=((_translations$addFirs,_translations$addSeco,_translations$addTime,_translations$selectN)=>{switch(name){case"from":return fromPlaceholder||(null!==(_translations$addFirs=translations?.addFirstDate)&&void 0!==_translations$addFirs?_translations$addFirs:translate("addFirstDate"));case"to":return toPlaceholder||(null!==(_translations$addSeco=translations?.addSecondDate)&&void 0!==_translations$addSeco?_translations$addSeco:translate("addSecondDate"));case"time":return timePlaceholder||(null!==(_translations$addTime=translations?.addTime)&&void 0!==_translations$addTime?_translations$addTime:translate("addTime"));default:return(null!==(_translations$selectN=translations?.selectName)&&void 0!==_translations$selectN?_translations$selectN:translate("selectName")).replace("%name%",name).replace("{{name}}",name)}})(),classes=classnames_default()(date_picker_default().filter,date_picker_default()[`${name}Input`],divider&&date_picker_default()[`${name}InputWithDivider`],"ring-js-shortcuts");return(0,jsx_runtime.jsx)(input.Ay,{autoComplete:"off",borderless:!0,height:controls_height.sr.L,"data-name":name,inputRef:this.inputRef,className:classes,value:displayText,onChange:this.handleChange,onFocus:onActivate,onKeyDown:this.handleKeyDown,onClear,placeholder})}}DateInput.__docgenInfo={description:"",methods:[{name:"inputRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLInputElement | null",elements:[{name:"HTMLInputElement"},{name:"null"}]}}],returns:null},{name:"updateInput",docblock:null,modifiers:[],params:[{name:"{text, active}: UpdateInputConfig",optional:!1,type:{name:"UpdateInputConfig",alias:"UpdateInputConfig"}}],returns:null},{name:"handleChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactChangeEvent",raw:"React.ChangeEvent",elements:[{name:"HTMLInputElement"}],alias:"React.ChangeEvent"}}],returns:null},{name:"handleKeyDown",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactKeyboardEvent",raw:"React.KeyboardEvent",alias:"React.KeyboardEvent"}}],returns:null}],displayName:"DateInput",props:{date:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},time:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},from:{required:!1,tsType:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},description:""},to:{required:!1,tsType:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},description:""},minDate:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},maxDate:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},translations:{required:!1,tsType:{name:"union",raw:"DateInputTranslations | null | undefined",elements:[{name:"DateInputTranslations"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"object"}},fromPlaceholder:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},toPlaceholder:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},timePlaceholder:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},locale:{required:!1,tsType:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},description:"",type:{name:"object"}},parseDateInput:{required:!0,tsType:{name:"signature",type:"function",raw:"(text: Date | number | string | null | undefined) => Date | null",signature:{arguments:[{type:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},name:"text"}],return:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]}}},description:""},displayFormat:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, locale: Locale | undefined) => string",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},name:"locale"}],return:{name:"string"}}},description:"",type:{name:"func"}},onComplete:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onClear:{required:!1,tsType:{name:"union",raw:"((e: React.MouseEvent) => void) | null | undefined",elements:[{name:"unknown"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"func"}},renderAfterCalendar:{required:!1,tsType:{name:"union",raw:"((state: DatePopupState) => ReactNode) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:""},active:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},text:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",type:{name:"string"}},divider:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},name:{required:!1,tsType:{name:"union",raw:"'date' | 'time' | 'from' | 'to'",elements:[{name:"literal",value:"'date'"},{name:"literal",value:"'time'"},{name:"literal",value:"'from'"},{name:"literal",value:"'to'"}]},description:"",type:{name:"string"}},hoverDate:{required:!1,tsType:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},onInput:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string, name: Field) => void",signature:{arguments:[{type:{name:"string"},name:"value"},{type:{name:"union",raw:"'date' | 'time' | 'from' | 'to'",elements:[{name:"literal",value:"'date'"},{name:"literal",value:"'time'"},{name:"literal",value:"'from'"},{name:"literal",value:"'to'"}]},name:"name"}],return:{name:"void"}}},description:"",type:{name:"func"}},onActivate:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",type:{name:"func"}},onConfirm:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",type:{name:"func"}}}};var addMonths=__webpack_require__("./node_modules/date-fns/addMonths.mjs"),getDay=__webpack_require__("./node_modules/date-fns/getDay.mjs"),getDaysInMonth=__webpack_require__("./node_modules/date-fns/getDaysInMonth.mjs"),startOfMonth=__webpack_require__("./node_modules/date-fns/startOfMonth.mjs"),subMonths=__webpack_require__("./node_modules/date-fns/subMonths.mjs"),endOfMonth=__webpack_require__("./node_modules/date-fns/endOfMonth.mjs"),schedule_raf=__webpack_require__("./src/global/schedule-raf.ts"),linear_function=__webpack_require__("./src/global/linear-function.ts");var addDays=__webpack_require__("./node_modules/date-fns/addDays.mjs"),setDay=__webpack_require__("./node_modules/date-fns/setDay.mjs"),getDate=__webpack_require__("./node_modules/date-fns/getDate.mjs"),isToday=__webpack_require__("./node_modules/date-fns/isToday.mjs");let hoverTO;class Day extends react.Component{static propTypes={day:dateType,from:dateType,currentRange:prop_types_default().arrayOf(dateType),activeRange:prop_types_default().arrayOf(dateType),empty:prop_types_default().bool,onSelect:prop_types_default().func,parseDateInput:prop_types_default().func,onHover:prop_types_default().func,locale:prop_types_default().object,minDate:dateType,maxDate:dateType};handleClick=()=>this.props.onSelect(this.props.day);handleMouseOver=()=>{hoverTO&&(window.clearTimeout(hoverTO),hoverTO=null),this.props.onHover(this.props.day)};handleMouseOut=()=>{hoverTO=window.setTimeout(this.props.onHover,0)};isDay=date=>(0,isSameDay.r)(this.props.day,date);is=name=>{const value=this.props[name];return null!=value&&this.isDay(value)};inRange=range=>range&&(0,isAfter.d)((0,startOfDay.o)(this.props.day),(0,startOfDay.o)(range[0]))&&(0,isBefore.Y)((0,startOfDay.o)(this.props.day),(0,startOfDay.o)(range[1]));isDisabled=date=>{const min=this.parse(this.props.minDate),max=this.parse(this.props.maxDate);return null!=min&&(0,isBefore.Y)((0,startOfDay.o)(date),(0,startOfDay.o)(min))||null!=max&&(0,isAfter.d)((0,startOfDay.o)(date),(0,startOfDay.o)(max))};parse(text){return this.props.parseDateInput(text)}render(){const{day,from,currentRange,activeRange,empty,locale}=this.props,reverse=activeRange&&activeRange[1]===from,dayInWeek=function getDayNumInWeek(locale,day){return shiftWeekArray(Object.values(weekdays),getWeekStartsOn(locale)).indexOf(day)}(locale,(0,getDay.P)(day))+1;function makeSpreadRange(range){return range&&[range[0],(0,addDays.f)(range[1],1)]}const spreadRange=makeSpreadRange(currentRange),disabled=this.isDisabled(day),activeSpreadRange=makeSpreadRange(activeRange);return(0,jsx_runtime.jsx)("button",{type:"button",className:classnames_default()(date_picker_default().day,date_picker_default()[`Day${dayInWeek}`],{[date_picker_default().current]:["date","from","to"].some(this.is),[date_picker_default().active]:!disabled&&this.is("activeDate"),[date_picker_default().weekend]:[weekdays.SA,weekdays.SU].includes((0,getDay.P)(day)),[date_picker_default().empty]:empty,[date_picker_default().from]:currentRange&&this.isDay(currentRange[0])&&!reverse||activeRange&&this.isDay(activeRange[0]),[date_picker_default().to]:currentRange&&this.isDay(currentRange[1])||activeRange&&this.isDay(activeRange[1]),[date_picker_default().between]:this.inRange(currentRange),[date_picker_default().activeBetween]:!disabled&&this.inRange(activeRange),[date_picker_default().first]:1===(0,getDate.p)(day),[date_picker_default().spread]:this.inRange(spreadRange),[date_picker_default().activeSpread]:!disabled&&this.inRange(activeSpreadRange),[date_picker_default().disabled]:disabled}),onClick:this.handleClick,onMouseOver:this.handleMouseOver,onFocus:this.handleMouseOver,onMouseOut:this.handleMouseOut,onBlur:this.handleMouseOut,disabled,children:empty||(0,jsx_runtime.jsx)("span",{className:classnames_default()({[date_picker_default().today]:(0,isToday.c)(day)}),children:(0,format.GP)(day,"d")})})}}function Month(props){const start=props.month,end=(0,endOfMonth.p)(start),{locale}=props,weekday=(0,getDay.P)(start),fifthDayOfWeek=shiftWeekArray(Object.values(weekdays),getWeekStartsOn(props.locale))[FIFTH_DAY];let day=(0,setDay.l)(start,weekday>=fifthDayOfWeek?fifthDayOfWeek:fifthDayOfWeek-WEEK);const days=[];for(;day(0,react.createElement)(Day,{...props,day:date,empty:date void",signature:{arguments:[{type:{name:"number"},name:"to"}],return:{name:"void"}}},description:""},onScrollChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: number) => void",signature:{arguments:[{type:{name:"number"},name:"date"}],return:{name:"void"}}},description:""},onSelect:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:"",type:{name:"func"}},onHover:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:"",type:{name:"func"}},day:{required:!1,tsType:{name:"Date"},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},empty:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},parseDateInput:{description:"",type:{name:"func"},required:!1},locale:{description:"",type:{name:"object"},required:!1},minDate:{description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1},maxDate:{description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1}},composes:["Omit"]},Month.propTypes={month:dateType,locale:prop_types_default().object},Month.__docgenInfo={description:"",methods:[],displayName:"Month",props:{from:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},to:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},date:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},time:{required:!1,tsType:{name:"never"},description:""},activeDate:{required:!0,tsType:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]},description:""},scrollDate:{required:!0,tsType:{name:"union",raw:"number | Date",elements:[{name:"number"},{name:"Date"}]},description:""},currentRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},activeRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},onScroll:{required:!0,tsType:{name:"signature",type:"function",raw:"(to: number) => void",signature:{arguments:[{type:{name:"number"},name:"to"}],return:{name:"void"}}},description:""},onScrollChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: number) => void",signature:{arguments:[{type:{name:"number"},name:"date"}],return:{name:"void"}}},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},onHover:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},month:{required:!1,tsType:{name:"Date"},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},locale:{description:"",type:{name:"object"},required:!1}},composes:["Omit"]};var isThisMonth=__webpack_require__("./node_modules/date-fns/isThisMonth.mjs"),startOfYear=__webpack_require__("./node_modules/date-fns/startOfYear.mjs"),addYears=__webpack_require__("./node_modules/date-fns/addYears.mjs"),subYears=__webpack_require__("./node_modules/date-fns/subYears.mjs");class MonthSlider extends react.PureComponent{static propTypes={scrollDate:dateType,onScroll:prop_types_default().func,pxToDate:prop_types_default().shape({x:prop_types_default().func,y:prop_types_default().func})};state={dragging:!1};componentDidUpdate(prevProps,prevState){this.state.dragging&&!prevState.dragging?(window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp)):!this.state.dragging&&prevState.dragging&&(window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp))}onMouseDown=()=>{this.setState({dragging:!0})};onMouseUp=()=>{this.setState({dragging:!1})};onMouseMove=e=>{this.props.onScroll((0,linear_function.A)(0,Number(this.props.scrollDate),yearScrollSpeed).y(e.movementY))};render(){let year=(0,subYears.d)((0,startOfDay.o)(this.props.scrollDate),1);const years=[year];for(let i=0;i<=3;i++)year=(0,addYears.e)(year,1),years.push(year);const classes=classnames_default()(date_picker_default().monthSlider,{[date_picker_default().dragging]:this.state.dragging});return(0,jsx_runtime.jsx)("div",{children:years.map((date=>(0,jsx_runtime.jsx)("button",{type:"button",className:classes,style:{top:Math.floor(this.props.pxToDate.x(Number(date))-consts.cellSize)},onMouseDown:this.onMouseDown},+date)))})}}MonthSlider.__docgenInfo={description:"",methods:[{name:"onMouseDown",docblock:null,modifiers:[],params:[],returns:null},{name:"onMouseUp",docblock:null,modifiers:[],params:[],returns:null},{name:"onMouseMove",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"MouseEvent",alias:"MouseEvent"}}],returns:null}],displayName:"MonthSlider",props:{from:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},to:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},date:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},time:{required:!1,tsType:{name:"never"},description:""},activeDate:{required:!0,tsType:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]},description:""},scrollDate:{required:!1,tsType:{name:"union",raw:"number | Date",elements:[{name:"number"},{name:"Date"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},currentRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},activeRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},onScroll:{required:!1,tsType:{name:"signature",type:"function",raw:"(to: number) => void",signature:{arguments:[{type:{name:"number"},name:"to"}],return:{name:"void"}}},description:"",type:{name:"func"}},onScrollChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: number) => void",signature:{arguments:[{type:{name:"number"},name:"date"}],return:{name:"void"}}},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},onHover:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},pxToDate:{required:!1,tsType:{name:"LinearFunction"},description:"",type:{name:"shape",value:{x:{name:"func",required:!1},y:{name:"func",required:!1}}}}},composes:["Omit"]};class MonthName extends react.PureComponent{static propTypes={month:dateType,onScrollChange:prop_types_default().func,locale:prop_types_default().object};handleClick=()=>{const end=(0,endOfMonth.p)(this.props.month);this.props.onScrollChange(end.getTime())};render(){const{month,locale}=this.props;return(0,jsx_runtime.jsx)("button",{type:"button",className:classnames_default()(date_picker_default().monthName,{[date_picker_default().today]:(0,isThisMonth.d)(month)}),onClick:this.handleClick,children:(0,format.GP)(month,"LLL",{locale})})}}function MonthNames(props){const{scrollDate,locale}=props,months=[];for(let i=0;iMath.floor(pxToDate.x(Number(date)))))),(0,jsx_runtime.jsxs)("div",{className:date_picker_default().monthNames,children:[months.map((month=>(0,jsx_runtime.jsx)(MonthName,{month,onScrollChange:props.onScrollChange,locale},+month))),props.currentRange&&(0,jsx_runtime.jsx)("div",{className:date_picker_default().range,style:{top:top-1,height:bottom+1-(top-1)}}),(0,jsx_runtime.jsx)(MonthSlider,{...props,pxToDate})]})}MonthNames.propTypes={scrollDate:dateType,onScrollChange:prop_types_default().func,currentRange:prop_types_default().arrayOf(dateType),locale:prop_types_default().object},MonthNames.__docgenInfo={description:"",methods:[],displayName:"MonthNames",props:{from:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},to:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},date:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},time:{required:!1,tsType:{name:"never"},description:""},activeDate:{required:!0,tsType:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]},description:""},scrollDate:{required:!1,tsType:{name:"union",raw:"number | Date",elements:[{name:"number"},{name:"Date"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},currentRange:{required:!1,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:"",type:{name:"arrayOf",value:{name:"custom",raw:"dateType"}}},activeRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},onScroll:{required:!0,tsType:{name:"signature",type:"function",raw:"(to: number) => void",signature:{arguments:[{type:{name:"number"},name:"to"}],return:{name:"void"}}},description:""},onScrollChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: number) => void",signature:{arguments:[{type:{name:"number"},name:"date"}],return:{name:"void"}}},description:"",type:{name:"func"}},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},onHover:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},locale:{description:"",type:{name:"object"},required:!1}},composes:["Omit"]};const{unit:months_unit,cellSize,calHeight}=consts,FridayToSunday=WEEK+weekdays.SU-weekdays.FR,FIVELINES=31,TALLMONTH=6,SHORTMONTH=5,PADDING=2;function monthHeight(date){const monthStart=(0,startOfMonth.w)(date);return(((0,getDay.P)(monthStart)+FridayToSunday)%WEEK+(0,getDaysInMonth.P)(monthStart)>FIVELINES?TALLMONTH:SHORTMONTH)*cellSize+months_unit*PADDING}function scrollSpeed(date){const monthStart=(0,startOfMonth.w)(date),monthEnd=(0,endOfMonth.p)(date);return(Number(monthEnd)-Number(monthStart))/monthHeight(monthStart)}const scrollSchedule=(0,schedule_raf.A)();let dy=0;function Months(props){const{scrollDate}=props,monthDate=scrollDate instanceof Date?scrollDate:new Date(scrollDate),monthStart=(0,startOfMonth.w)(monthDate),months=(0,react.useMemo)((()=>{let month=(0,subMonths.a)(monthStart,2);const result=[month];for(let i=0;i<4;i++)month=(0,addMonths.P)(month,1),result.push(month);return result}),[monthStart]),currentSpeed=scrollSpeed(scrollDate),pxToDate=(0,linear_function.A)(0,Number(scrollDate),currentSpeed),offset=pxToDate.x(Number(monthStart)),bottomOffset=monthHeight(scrollDate)+offset,componentRef=(0,react.useRef)(null),handleWheel=function useEventCallback(fn){const ref=(0,react.useRef)();return(0,react.useLayoutEffect)((()=>{ref.current=fn})),(0,react.useCallback)(((...args)=>{const{current}=ref;if(null==current)throw new Error("callback created in useEventCallback can only be called from event handlers");return current(...args)}),[])}((e=>{e.preventDefault(),dy+=e.deltaY,scrollSchedule((()=>{let date;date=dybottomOffset?pxToDate.y(bottomOffset)+(dy-bottomOffset)*scrollSpeed(months[3]):pxToDate.y(dy),props.onScroll(date),dy=0}))}));return(0,react.useEffect)((()=>{const current=componentRef.current;return null!==current&¤t.addEventListener("wheel",handleWheel,{passive:!1}),()=>{null!==current&¤t.removeEventListener("wheel",handleWheel)}}),[handleWheel]),(0,jsx_runtime.jsxs)("div",{className:date_picker_default().months,ref:componentRef,children:[(0,jsx_runtime.jsx)("div",{style:{top:Math.floor(.5*calHeight-monthHeight(months[0])-monthHeight(months[1])+offset)},className:date_picker_default().days,children:months.map((date=>(0,react.createElement)(Month,{...props,month:date,key:+date})))}),(0,jsx_runtime.jsx)(MonthNames,{...props})]})}Months.propTypes={onScroll:prop_types_default().func,scrollDate:dateType},Months.__docgenInfo={description:"",methods:[],displayName:"Months",props:{from:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},to:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},date:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},time:{required:!1,tsType:{name:"never"},description:""},activeDate:{required:!0,tsType:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]},description:""},scrollDate:{required:!1,tsType:{name:"union",raw:"number | Date",elements:[{name:"number"},{name:"Date"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},currentRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},activeRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},onScroll:{required:!1,tsType:{name:"signature",type:"function",raw:"(to: number) => void",signature:{arguments:[{type:{name:"number"},name:"to"}],return:{name:"void"}}},description:"",type:{name:"func"}},onScrollChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: number) => void",signature:{arguments:[{type:{name:"number"},name:"date"}],return:{name:"void"}}},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},onHover:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""}},composes:["Omit"]};var getYear=__webpack_require__("./node_modules/date-fns/getYear.mjs"),isThisYear=__webpack_require__("./node_modules/date-fns/isThisYear.mjs"),setYear=__webpack_require__("./node_modules/date-fns/setYear.mjs");const{yearHeight,calHeight:years_calHeight}=consts;let scrollTO;class Years extends react.PureComponent{static propTypes={scrollDate:dateType,onScroll:prop_types_default().func,onScrollChange:prop_types_default().func};state={scrollDate:null};componentDidMount(){this.componentRef.current&&this.componentRef.current.addEventListener("wheel",this.handleWheel)}componentDidUpdate(prevProps,prevState){this.stoppedScrolling=null!=prevState.scrollDate&&!this.state.scrollDate}componentWillUnmount(){this.componentRef.current&&this.componentRef.current.removeEventListener("wheel",this.handleWheel)}stoppedScrolling;setYear(date){scrollTO&&(window.clearTimeout(scrollTO),scrollTO=null),this.setState({scrollDate:null}),this.props.onScroll(Number((0,setYear.i)(this.props.scrollDate,(0,getYear.C)(date))))}componentRef=(0,react.createRef)();handleWheel=e=>{const{scrollDate}=this.props,date=this.state.scrollDate||scrollDate;e.preventDefault();const newScrollDate=(0,linear_function.A)(0,Number(date),yearDuration/yearHeight).y(e.deltaY);this.setState({scrollDate:newScrollDate}),scrollTO&&window.clearTimeout(scrollTO),scrollTO=window.setTimeout((()=>this.setYear(newScrollDate)),100)};render(){const{onScrollChange,scrollDate}=this.props,date=this.state.scrollDate||scrollDate,yearStart=(0,startOfYear.D)(date);let year=(0,subYears.d)(yearStart,5);const years=[year];for(let i=0;i<10;i++)year=(0,addYears.e)(year,1),years.push(year);const pxToDate=(0,linear_function.A)(0,Number(years[0]),yearDuration/yearHeight);return(0,jsx_runtime.jsx)("div",{className:date_picker_default().years,ref:this.componentRef,style:{transition:this.stoppedScrolling?"top .2s ease-out 0s":"none",top:Math.floor(.5*years_calHeight-pxToDate.x(Number(date)))},children:years.map((item=>(0,jsx_runtime.jsx)("button",{type:"button",className:classnames_default()(date_picker_default().year,{[date_picker_default().currentYear]:(0,isSameYear.s)(item,date),[date_picker_default().today]:(0,isThisYear.e)(item)}),onClick:function handleClick(){onScrollChange(Number((0,setYear.i)(scrollDate,(0,getYear.C)(item))))},children:(0,format.GP)(item,"yyyy")},+item)))})}}function Weekdays(props){const days=shiftWeekArray(Object.values(weekdays),getWeekStartsOn(props.locale)).map((value=>(0,startOfDay.o)((0,setDay.l)(new Date,value)))),{locale}=props;return(0,jsx_runtime.jsx)("div",{className:date_picker_default().weekdays,children:days.map((day=>(0,jsx_runtime.jsx)("span",{className:classnames_default()(date_picker_default().weekday,{[date_picker_default().weekend]:[weekdays.SA,weekdays.SU].includes((0,getDay.P)(day))}),children:(0,format.GP)(day,"EEEEEE",{locale})},+day)))})}Years.__docgenInfo={description:"",methods:[{name:"setYear",docblock:null,modifiers:[],params:[{name:"date",optional:!1,type:{name:"number"}}],returns:null},{name:"handleWheel",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"WheelEvent",alias:"WheelEvent"}}],returns:null}],displayName:"Years",props:{from:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},to:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},date:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},time:{required:!1,tsType:{name:"never"},description:""},activeDate:{required:!0,tsType:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]},description:""},scrollDate:{required:!1,tsType:{name:"union",raw:"number | Date",elements:[{name:"number"},{name:"Date"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},currentRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},activeRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},onScroll:{required:!1,tsType:{name:"signature",type:"function",raw:"(to: number) => void",signature:{arguments:[{type:{name:"number"},name:"to"}],return:{name:"void"}}},description:"",type:{name:"func"}},onScrollChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: number) => void",signature:{arguments:[{type:{name:"number"},name:"date"}],return:{name:"void"}}},description:"",type:{name:"func"}}},composes:["Omit"]},Weekdays.propTypes={locale:prop_types_default().object},Weekdays.__docgenInfo={description:"",methods:[],displayName:"Weekdays",props:{locale:{required:!1,tsType:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},description:"",type:{name:"object"}}}};class DatePopup extends react.Component{static sameDay(next,prev){return next&&prev?(0,isSameDay.r)(next,prev):next===prev}static propTypes={className:prop_types_default().string,date:dateType,range:prop_types_default().bool,withTime:prop_types_default().bool,time:prop_types_default().string,from:dateType,to:dateType,renderAfterCalendar:prop_types_default().func,displayFormat:prop_types_default().func,parseDateInput:prop_types_default().func,onChange:prop_types_default().func,onComplete:prop_types_default().func,onClear:prop_types_default().func,minDate:dateType,maxDate:dateType,fromPlaceholder:prop_types_default().string,toPlaceholder:prop_types_default().string,timePlaceholder:prop_types_default().string,locale:prop_types_default().object};static defaultProps={onChange(){}};constructor(props){super(props);const defaultState={text:null,hoverDate:null,scrollDate:null},{range,withTime}=props;if(range)props.from&&!props.to?this.state={...defaultState,active:"to"}:this.state={...defaultState,active:"from"};else{const parsedDate=this.parse(props.date,"date"),active=withTime&&parsedDate&&!props.time?"time":"date";this.state={...defaultState,active}}}componentDidMount(){this.componentRef.current&&this.componentRef.current.addEventListener("wheel",this.handleWheel)}componentDidUpdate(prevProps,prevState){this.state.active!==prevState.active&&(this.state.text&&prevState.active&&this.confirm(prevState.active),this.setState({text:null}))}componentWillUnmount(){this.componentRef.current&&this.componentRef.current.removeEventListener("wheel",this.handleWheel)}_scrollDate;_scrollTS;isInTimeMode=()=>!this.props.range&&this.props.withTime||!1;componentRef=react.createRef();handleWheel=e=>{e.cancelable&&e.preventDefault()};parse(text,type){return"time"===type?function parseTime(time){let result=null;return/^([01][0-9]|2[0-3]):[0-5][0-9]$/.test(time)?result=time:/^([0-9]|2[0-3]):[0-5][0-9]$/.test(time)&&(result=`0${time}`),result}(String(text)):this.props.parseDateInput(text)}select(changes){const{range,withTime}=this.props,prevActive=this.state.active;if(range||withTime)if(!range&&withTime){const date=this.parse(this.props.date,"date"),time=this.parse(this.props.time,"time"),changeToSubmit={date:changes.date||date,time:changes.time||time};this.setState({active:changes.date?"time":"date",text:null,scrollDate:null}),this.props.onChange(changeToSubmit),!changes.date&&"time"===prevActive&&changeToSubmit.date&&changeToSubmit.time&&this.props.onComplete()}else{let{from,to}={...this.props,...changes};from=this.parse(from,"from"),to=this.parse(to,"to");let active="to",complete=!1;from&&to&&(0,isAfter.d)((0,startOfDay.o)(from),(0,startOfDay.o)(to))?changes.from?to=null:changes.to&&(to=from,from=changes.to):changes.to&&(active="from",complete=!!from),this.setState({active,hoverDate:null,text:null}),this.props.onChange({from,to}),complete&&this.props.onComplete()}else{this.setState({text:null,scrollDate:null});const adjustedDate=changes.date&&(0,set.h)(new Date,{year:changes.date.getFullYear(),month:changes.date.getMonth(),date:changes.date.getDate()});this.props.onChange(adjustedDate),this.props.onComplete()}}confirm(name){const text=this.state.text;let result;if("time"===name){result=this.parse(text,name);const time=this.parse("time"in this.props?this.props.time:"","time"),emptyCase="time"===this.state.active?"00:00":null;result=result||time||emptyCase}else result=this.parse(text,name),this.isValidDate(result)||(result=this.parse(name in this.props?this.props[name]:"",name));this.select({[name]:result})}isValidDate=parsedText=>{const minDate=this.parse(this.props.minDate,"date"),maxDate=this.parse(this.props.maxDate,"date");return!!parsedText&&!(minDate&&(0,isBefore.Y)(parsedText,minDate)||maxDate&&(0,isAfter.d)(parsedText,maxDate))};scheduleScroll=()=>{const current=this.state.scrollDate&&this.parse(this.state.scrollDate,"date")||this.parse(this.props[this.state.active],"date")||new Date,goal=this._scrollDate;if(!current||!goal||DatePopup.sameDay(goal,current))return this._scrollDate=null,void(this._scrollTS=null);if(this._scrollTS){const diff=goal-Number(current),dt=Date.now()-this._scrollTS,next=goal-diff*Math.E**(-dt/10);this.setState({scrollDate:next})}this._scrollTS=Date.now(),window.requestAnimationFrame(this.scheduleScroll)};scrollTo=scrollDate=>{this._scrollDate=scrollDate,this._scrollTS||this.scheduleScroll()};hoverHandler=hoverDate=>this.setState({hoverDate});handleActivate=(0,memoize.A)((name=>()=>this.setState({active:name})));handleInput=(text,name)=>{if("time"!==name){const parsed=this.parse(text,name);this.isValidDate(parsed)&&this.scrollTo(Number(parsed))}this.setState({text,hoverDate:null})};handleConfirm=(0,memoize.A)((name=>()=>this.confirm(name)));selectHandler=date=>{this.isInTimeMode()?this.setState({active:"time"},(()=>this.select({date}))):this.select({[this.state.active]:date})};handleScroll=scrollDate=>this.setState({scrollDate});onClear=e=>{let changes;changes=this.props.range?{from:null,to:null}:{date:null},this.select(changes),this.props.onClear?.(e),this.componentRef.current?.querySelector("input")?.focus()};render(){const{range,withTime,locale}=this.props,{from,to,date,time,...restProps}=this.props,parsedDate=this.parse(this.props.date,"date"),parsedTo=this.parse(this.props.to,"to"),names=range?["from","to"]:["date"],dates=names.reduce(((obj,key)=>{const value=this.props[key];return{...obj,[key]:this.parse(value,key)}}),{}),activeDate="time"!==this.state.active?this.state.hoverDate||(null!=this.state.text?this.parse(this.state.text,"date"):null):this.state.hoverDate||null,currentRange=range&&dates.from&&dates.to&&[dates.from,dates.to]||null;let activeRange=null;if(range&&activeDate)switch(this.state.active){case"from":dates.to&&(0,isAfter.d)((0,startOfDay.o)(activeDate),(0,startOfDay.o)(dates.to))&&(activeRange=[activeDate,dates.to]);break;case"to":if(!dates.from)break;activeRange=(0,isBefore.Y)((0,startOfDay.o)(activeDate),(0,startOfDay.o)(dates.from))?[activeDate,dates.from]:[dates.from,activeDate]}const scrollDate=withTime&&!range?this.state.scrollDate||dates.date||new Date:this.state.scrollDate||dates[this.state.active]||new Date,calendarProps={...restProps,...dates,scrollDate,activeDate,currentRange,activeRange,onScroll:this.handleScroll,onScrollChange:this.scrollTo},clearable=Boolean(this.props.onClear);return(0,jsx_runtime.jsxs)("div",{className:date_picker_default().datePopup,"data-test":"ring-date-popup",ref:this.componentRef,children:[(0,jsx_runtime.jsxs)("div",{className:date_picker_default().filterWrapper,children:[names.map((name=>{let onClear;return clearable&&"from"!==name&&!this.isInTimeMode()&&(onClear=this.onClear.bind(this)),(0,react.createElement)(DateInput,{...this.props,...this.state,divider:"from"===name&&(null!=dates[name]||null!=parsedTo),name,key:name,date:dates[name],active:this.state.active===name,onActivate:this.handleActivate(name),onInput:this.handleInput,onConfirm:this.handleConfirm(name),onClear,locale})})),this.isInTimeMode()?(0,react.createElement)(DateInput,{...this.props,text:this.state.text,divider:!!parsedDate,hoverDate:null,name:"time",key:"time",date:null,time,active:"time"===this.state.active,onActivate:this.handleActivate("time"),onInput:this.handleInput,onConfirm:this.handleConfirm("time"),onClear:clearable&&this.onClear||void 0,locale}):""]}),(0,jsx_runtime.jsx)(Weekdays,{locale}),(0,jsx_runtime.jsxs)("div",{className:date_picker_default().calendar,children:[(0,jsx_runtime.jsx)(Months,{...calendarProps,onHover:this.hoverHandler,onSelect:this.selectHandler,locale}),(0,jsx_runtime.jsx)(Years,{...calendarProps})]}),this.props.renderAfterCalendar&&this.props.renderAfterCalendar(this.state)]})}}DatePopup.__docgenInfo={description:"",methods:[{name:"sameDay",docblock:null,modifiers:["static"],params:[{name:"next",optional:!1,type:{name:"union",raw:"Date | number | null",elements:[{name:"Date"},{name:"number"},{name:"null"}]}},{name:"prev",optional:!1,type:{name:"union",raw:"Date | number | null",elements:[{name:"Date"},{name:"number"},{name:"null"}]}}],returns:null},{name:"isInTimeMode",docblock:null,modifiers:[],params:[],returns:null},{name:"handleWheel",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"WheelEvent",alias:"WheelEvent"}}],returns:null},{name:"parse",docblock:null,modifiers:[],params:[{name:"text",optional:!1,type:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]}},{name:"type",optional:!0,type:{name:"union",raw:"'date' | 'time' | 'from' | 'to'",elements:[{name:"literal",value:"'date'"},{name:"literal",value:"'time'"},{name:"literal",value:"'from'"},{name:"literal",value:"'to'"}],alias:"Field"}}],returns:null},{name:"select",docblock:null,modifiers:[],params:[{name:"changes",optional:!1,type:{name:"DatePickerChange",alias:"DatePickerChange"}}],returns:null},{name:"confirm",docblock:null,modifiers:[],params:[{name:"name",optional:!1,type:{name:"union",raw:"'date' | 'time' | 'from' | 'to'",elements:[{name:"literal",value:"'date'"},{name:"literal",value:"'time'"},{name:"literal",value:"'from'"},{name:"literal",value:"'to'"}],alias:"Field"}}],returns:null},{name:"isValidDate",docblock:null,modifiers:[],params:[{name:"parsedText",optional:!1,type:{name:"Date",alias:"Date"}}],returns:null},{name:"scheduleScroll",docblock:null,modifiers:[],params:[],returns:null},{name:"scrollTo",docblock:null,modifiers:[],params:[{name:"scrollDate",optional:!1,type:{name:"number"}}],returns:null},{name:"hoverHandler",docblock:null,modifiers:[],params:[{name:"hoverDate",optional:!1,type:{name:"Date",alias:"Date"}}],returns:null},{name:"handleInput",docblock:null,modifiers:[],params:[{name:"text",optional:!1,type:{name:"string"}},{name:"name",optional:!1,type:{name:"union",raw:"'date' | 'time' | 'from' | 'to'",elements:[{name:"literal",value:"'date'"},{name:"literal",value:"'time'"},{name:"literal",value:"'from'"},{name:"literal",value:"'to'"}],alias:"Field"}}],returns:null},{name:"selectHandler",docblock:null,modifiers:[],params:[{name:"date",optional:!1,type:{name:"Date",alias:"Date"}}],returns:null},{name:"handleScroll",docblock:null,modifiers:[],params:[{name:"scrollDate",optional:!1,type:{name:"number"}}],returns:null},{name:"onClear",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLButtonElement"}],alias:"React.MouseEvent"}}],returns:null}],displayName:"DatePopup",props:{date:{required:!1,tsType:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},time:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},from:{required:!1,tsType:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},to:{required:!1,tsType:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},minDate:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},maxDate:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},translations:{required:!1,tsType:{name:"union",raw:"DateInputTranslations | null | undefined",elements:[{name:"DateInputTranslations"},{name:"null"},{name:"undefined"}]},description:""},fromPlaceholder:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},toPlaceholder:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},timePlaceholder:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},locale:{required:!1,tsType:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},description:"",type:{name:"object"}},parseDateInput:{required:!1,tsType:{name:"signature",type:"function",raw:"(text: Date | number | string | null | undefined) => Date | null",signature:{arguments:[{type:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},name:"text"}],return:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]}}},description:"",type:{name:"func"}},displayFormat:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, locale: Locale | undefined) => string",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},name:"locale"}],return:{name:"string"}}},description:"",type:{name:"func"}},onComplete:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",type:{name:"func"}},onClear:{required:!1,tsType:{name:"union",raw:"((e: React.MouseEvent) => void) | null | undefined",elements:[{name:"unknown"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"func"}},renderAfterCalendar:{required:!1,tsType:{name:"union",raw:"((state: DatePopupState) => ReactNode) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:"",type:{name:"func"}},className:{description:"",type:{name:"string"},required:!1},range:{description:"",type:{name:"bool"},required:!1},withTime:{description:"",type:{name:"bool"},required:!1},onChange:{description:"",type:{name:"func"},required:!1}}};const formats=["d M","dd M","dd MM","d-M","dd-M","dd-MM","d.M","dd.M","dd.MM","d\\M","dd\\M","dd\\MM","d/M","dd/M","dd/MM","d M yy","dd M yy","dd MM yy","d M yyyy","dd M yyyy","dd MM yyyy","d-M-yy","dd-M-yy","dd-MM-yy","d-M-yyyy","dd-M-yyyy","dd-MM-yyyy","d.M.yy","dd.M.yy","dd.MM.yy","d.M.yyyy","dd.M.yyyy","dd.MM.yyyy","d\\M\\yy","dd\\M\\yy","dd\\MM\\yy","d\\M\\yyyy","dd\\M\\yyyy","dd\\MM\\yyyy","d/M/yy","dd/M/yy","dd/MM/yy","d/M/yyyy","dd/M/yyyy","dd/MM/yyyy","d M yy","dd M yy","dd MM yy","d M yyyy","dd M yyyy","dd MM yyyy","d-M-yy","dd-M-yy","dd-MM-yy","d-M-yyyy","dd-M-yyyy","dd-MM-yyyy","d.M.yy","dd.M.yy","dd.MM.yy","d.M.yyyy","dd.M.yyyy","dd.MM.yyyy","d\\M\\yy","dd\\M\\yy","dd\\MM\\yy","d\\M\\yyyy","dd\\M\\yyyy","dd\\MM\\yyyy","d/M/yy","dd/M/yy","dd/MM/yy","d/M/yyyy","dd/M/yyyy","dd/MM/yyyy","yy M d","yy M dd","yy MM dd","yyyy M d","yyyy M dd","yyyy MM dd","yy-M-d","yy-M-dd","yy-MM-dd","yyyy-M-d","yyyy-M-dd","yyyy-MM-dd","yy.M.d","yy.M.dd","yy.MM.dd","yyyy.M.d","yyyy.M.dd","yyyy.MM.dd","yy\\M\\d","yy\\M\\dd","yy\\MM\\dd","yyyy\\M\\d","yyyy\\M\\dd","yyyy\\MM\\dd","yy/M/d","yy/M/dd","yy/MM/dd","yyyy/M/d","yyyy/M/dd","yyyy/MM/dd","yy d M","yy dd M","yy dd MM","yyyy d M","yyyy dd MM","yyyy dd MM","yy-d-M","yy-dd-M","yy-dd-MM","yyyy-d-M","yyyy-dd-MM","yyyy-dd-MM","yy.d.M","yy.dd.M","yy.dd.MM","yyyy.d.M","yyyy.dd.MM","yyyy.dd.MM","yy\\d\\M","yy\\dd\\M","yy\\dd\\MM","yyyy\\d\\M","yyyy\\dd\\MM","yyyy\\dd\\MM","yy/d/M","yy/dd/M","yy/dd/MM","yyyy/d/M","yyyy/dd/MM","yyyy/dd/MM","d MMM","d MMMM","dd MMM","dd MMMM","d M HH:mm","d M, HH:mm","dd M HH:mm","dd M, HH:mm","dd MM HH:mm","dd MM, HH:mm","d-M HH:mm","d-M, HH:mm","dd-M HH:mm","dd-M, HH:mm","dd-MM HH:mm","dd-MM, HH:mm","d.M HH:mm","d.M, HH:mm","dd.M HH:mm","dd.M, HH:mm","dd.MM HH:mm","dd.MM, HH:mm","d\\M HH:mm","d\\M, HH:mm","dd\\M HH:mm","dd\\M, HH:mm","dd\\MM HH:mm","dd\\MM, HH:mm","d/M HH:mm","d/M, HH:mm","dd/M HH:mm","dd/M, HH:mm","dd/MM HH:mm","dd/MM, HH:mm","d M yy HH:mm","d M yy, HH:mm","dd M yy HH:mm","dd M yy, HH:mm","dd MM yy HH:mm","dd MM yy, HH:mm","d M yyyy HH:mm","d M yyyy, HH:mm","dd M yyyy HH:mm","dd M yyyy, HH:mm","dd MM yyyy HH:mm","dd MM yyyy, HH:mm","d-M-yy HH:mm","d-M-yy, HH:mm","dd-M-yy HH:mm","dd-M-yy, HH:mm","dd-MM-yy HH:mm","dd-MM-yy, HH:mm","d-M-yyyy HH:mm","d-M-yyyy, HH:mm","dd-M-yyyy HH:mm","dd-M-yyyy, HH:mm","dd-MM-yyyy HH:mm","dd-MM-yyyy, HH:mm","d.M.yy HH:mm","d.M.yy, HH:mm","dd.M.yy HH:mm","dd.M.yy, HH:mm","dd.MM.yy HH:mm","dd.MM.yy, HH:mm","d.M.yyyy HH:mm","d.M.yyyy, HH:mm","dd.M.yyyy HH:mm","dd.M.yyyy, HH:mm","dd.MM.yyyy HH:mm","dd.MM.yyyy, HH:mm","d\\M\\yy HH:mm","d\\M\\yy, HH:mm","dd\\M\\yy HH:mm","dd\\M\\yy, HH:mm","dd\\MM\\yy HH:mm","dd\\MM\\yy, HH:mm","d\\M\\yyyy HH:mm","d\\M\\yyyy, HH:mm","dd\\M\\yyyy HH:mm","dd\\M\\yyyy, HH:mm","dd\\MM\\yyyy HH:mm","dd\\MM\\yyyy, HH:mm","d/M/yy HH:mm","d/M/yy, HH:mm","dd/M/yy HH:mm","dd/M/yy, HH:mm","dd/MM/yy HH:mm","dd/MM/yy, HH:mm","d/M/yyyy HH:mm","d/M/yyyy, HH:mm","dd/M/yyyy HH:mm","dd/M/yyyy, HH:mm","dd/MM/yyyy HH:mm","dd/MM/yyyy, HH:mm","d M yy HH:mm","d M yy, HH:mm","dd M yy HH:mm","dd M yy, HH:mm","dd MM yy HH:mm","dd MM yy, HH:mm","d M yyyy HH:mm","d M yyyy, HH:mm","dd M yyyy HH:mm","dd M yyyy, HH:mm","dd MM yyyy HH:mm","dd MM yyyy, HH:mm","d-M-yy HH:mm","d-M-yy, HH:mm","dd-M-yy HH:mm","dd-M-yy, HH:mm","dd-MM-yy HH:mm","dd-MM-yy, HH:mm","d-M-yyyy HH:mm","d-M-yyyy, HH:mm","dd-M-yyyy HH:mm","dd-M-yyyy, HH:mm","dd-MM-yyyy HH:mm","dd-MM-yyyy, HH:mm","d.M.yy HH:mm","d.M.yy, HH:mm","dd.M.yy HH:mm","dd.M.yy, HH:mm","dd.MM.yy HH:mm","dd.MM.yy, HH:mm","d.M.yyyy HH:mm","d.M.yyyy, HH:mm","dd.M.yyyy HH:mm","dd.M.yyyy, HH:mm","dd.MM.yyyy HH:mm","dd.MM.yyyy, HH:mm","d\\M\\yy HH:mm","d\\M\\yy, HH:mm","dd\\M\\yy HH:mm","dd\\M\\yy, HH:mm","dd\\MM\\yy HH:mm","dd\\MM\\yy, HH:mm","d\\M\\yyyy HH:mm","d\\M\\yyyy, HH:mm","dd\\M\\yyyy HH:mm","dd\\M\\yyyy, HH:mm","dd\\MM\\yyyy HH:mm","dd\\MM\\yyyy, HH:mm","d/M/yy HH:mm","d/M/yy, HH:mm","dd/M/yy HH:mm","dd/M/yy, HH:mm","dd/MM/yy HH:mm","dd/MM/yy, HH:mm","d/M/yyyy HH:mm","d/M/yyyy, HH:mm","dd/M/yyyy HH:mm","dd/M/yyyy, HH:mm","dd/MM/yyyy HH:mm","dd/MM/yyyy, HH:mm","yy M d HH:mm","yy M d, HH:mm","yy M dd HH:mm","yy M dd, HH:mm","yy MM dd HH:mm","yy MM dd, HH:mm","yyyy M d HH:mm","yyyy M d, HH:mm","yyyy M dd HH:mm","yyyy M dd, HH:mm","yyyy MM dd HH:mm","yyyy MM dd, HH:mm","yy-M-d HH:mm","yy-M-d, HH:mm","yy-M-dd HH:mm","yy-M-dd, HH:mm","yy-MM-dd HH:mm","yy-MM-dd, HH:mm","yyyy-M-d HH:mm","yyyy-M-d, HH:mm","yyyy-M-dd HH:mm","yyyy-M-dd, HH:mm","yyyy-MM-dd HH:mm","yyyy-MM-dd, HH:mm","yy.M.d HH:mm","yy.M.d, HH:mm","yy.M.dd HH:mm","yy.M.dd, HH:mm","yy.MM.dd HH:mm","yy.MM.dd, HH:mm","yyyy.M.d HH:mm","yyyy.M.d, HH:mm","yyyy.M.dd HH:mm","yyyy.M.dd, HH:mm","yyyy.MM.dd HH:mm","yyyy.MM.dd, HH:mm","yy\\M\\d HH:mm","yy\\M\\d, HH:mm","yy\\M\\dd HH:mm","yy\\M\\dd, HH:mm","yy\\MM\\dd HH:mm","yy\\MM\\dd, HH:mm","yyyy\\M\\d HH:mm","yyyy\\M\\d, HH:mm","yyyy\\M\\dd HH:mm","yyyy\\M\\dd, HH:mm","yyyy\\MM\\dd HH:mm","yyyy\\MM\\dd, HH:mm","yy/M/d HH:mm","yy/M/d, HH:mm","yy/M/dd HH:mm","yy/M/dd, HH:mm","yy/MM/dd HH:mm","yy/MM/dd, HH:mm","yyyy/M/d HH:mm","yyyy/M/d, HH:mm","yyyy/M/dd HH:mm","yyyy/M/dd, HH:mm","yyyy/MM/dd HH:mm","yyyy/MM/dd, HH:mm","yy d M HH:mm","yy d M, HH:mm","yy dd M HH:mm","yy dd M, HH:mm","yy dd MM HH:mm","yy dd MM, HH:mm","yyyy d M HH:mm","yyyy d M, HH:mm","yyyy dd MM HH:mm","yyyy dd MM, HH:mm","yyyy dd MM HH:mm","yyyy dd MM, HH:mm","yy-d-M HH:mm","yy-d-M, HH:mm","yy-dd-M HH:mm","yy-dd-M, HH:mm","yy-dd-MM HH:mm","yy-dd-MM, HH:mm","yyyy-d-M HH:mm","yyyy-d-M, HH:mm","yyyy-dd-MM HH:mm","yyyy-dd-MM, HH:mm","yyyy-dd-MM HH:mm","yyyy-dd-MM, HH:mm","yy.d.M HH:mm","yy.d.M, HH:mm","yy.dd.M HH:mm","yy.dd.M, HH:mm","yy.dd.MM HH:mm","yy.dd.MM, HH:mm","yyyy.d.M HH:mm","yyyy.d.M, HH:mm","yyyy.dd.MM HH:mm","yyyy.dd.MM, HH:mm","yyyy.dd.MM HH:mm","yyyy.dd.MM, HH:mm","yy\\d\\M HH:mm","yy\\d\\M, HH:mm","yy\\dd\\M HH:mm","yy\\dd\\M, HH:mm","yy\\dd\\MM HH:mm","yy\\dd\\MM, HH:mm","yyyy\\d\\M HH:mm","yyyy\\d\\M, HH:mm","yyyy\\dd\\MM HH:mm","yyyy\\dd\\MM, HH:mm","yyyy\\dd\\MM HH:mm","yyyy\\dd\\MM, HH:mm","yy/d/M HH:mm","yy/d/M, HH:mm","yy/dd/M HH:mm","yy/dd/M, HH:mm","yy/dd/MM HH:mm","yy/dd/MM, HH:mm","yyyy/d/M HH:mm","yyyy/d/M, HH:mm","yyyy/dd/MM HH:mm","yyyy/dd/MM, HH:mm","yyyy/dd/MM HH:mm","yyyy/dd/MM, HH:mm","d MMM HH:mm","d MMM, HH:mm","d MMMM HH:mm","d MMMM, HH:mm","dd MMM HH:mm","dd MMM, HH:mm","dd MMMM HH:mm","dd MMMM, HH:mm","yyyy MMM d","yyyy MMMM d","yyyy MMM dd","yyyy MMMM dd","yyyy d MMM","yyyy d MMMM","yyyy dd MMM","yyyy dd MMMM","d MMM yy","d MMMM yy","dd MMM yy","dd MMMM yy","d MMM yyyy","d MMMM yyyy","dd MMM yyyy","dd MMMM yyyy","d MMM yy","d MMMM yy","dd MMM yy","dd MMMM yy","d MMM yyyy","d MMMM yyyy","dd MMM yyyy","dd MMMM yyyy","MMM d yyyy","MMMM d yyyy","MMM dd yyyy","MMMM dd yyyy","yy MMM d","yy MMMM d","yy MMM dd","yy MMMM dd","yy d MMM","yy d MMMM","yy dd MMM","yy dd MMMM","d MMM","d MMMM","dd MMM","dd MMMM","yyyy MMM d HH:mm","yyyy MMM d, HH:mm","yyyy MMMM d HH:mm","yyyy MMMM d, HH:mm","yyyy MMM dd HH:mm","yyyy MMM dd, HH:mm","yyyy MMMM dd HH:mm","yyyy MMMM dd, HH:mm","yyyy d MMM HH:mm","yyyy d MMM, HH:mm","yyyy d MMMM HH:mm","yyyy d MMMM, HH:mm","yyyy dd MMM HH:mm","yyyy dd MMM, HH:mm","yyyy dd MMMM HH:mm","yyyy dd MMMM, HH:mm","d MMM yy HH:mm","d MMM yy, HH:mm","d MMMM yy HH:mm","d MMMM yy, HH:mm","dd MMM yy HH:mm","dd MMM yy, HH:mm","dd MMMM yy HH:mm","dd MMMM yy, HH:mm","d MMM yyyy HH:mm","d MMM yyyy, HH:mm","d MMMM yyyy HH:mm","d MMMM yyyy, HH:mm","dd MMM yyyy HH:mm","dd MMM yyyy, HH:mm","dd MMMM yyyy HH:mm","dd MMMM yyyy, HH:mm","d MMM yy HH:mm","d MMM yy, HH:mm","d MMMM yy HH:mm","d MMMM yy, HH:mm","dd MMM yy HH:mm","dd MMM yy, HH:mm","dd MMMM yy HH:mm","dd MMMM yy, HH:mm","d MMM yyyy HH:mm","d MMM yyyy, HH:mm","d MMMM yyyy HH:mm","d MMMM yyyy, HH:mm","dd MMM yyyy HH:mm","dd MMM yyyy, HH:mm","dd MMMM yyyy HH:mm","dd MMMM yyyy, HH:mm","MMM d yyyy HH:mm","MMM d yyyy, HH:mm","MMMM d yyyy HH:mm","MMMM d yyyy, HH:mm","MMM dd yyyy HH:mm","MMM dd yyyy, HH:mm","MMMM dd yyyy HH:mm","MMMM dd yyyy, HH:mm","yy MMM d HH:mm","yy MMM d, HH:mm","yy MMMM d HH:mm","yy MMMM d, HH:mm","yy MMM dd HH:mm","yy MMM dd, HH:mm","yy MMMM dd HH:mm","yy MMMM dd, HH:mm","yy d MMM HH:mm","yy d MMM, HH:mm","yy d MMMM HH:mm","yy d MMMM, HH:mm","yy dd MMM HH:mm","yy dd MMM, HH:mm","yy dd MMMM HH:mm","yy dd MMMM, HH:mm","d MMM HH:mm","d MMM, HH:mm","d MMMM HH:mm","d MMMM, HH:mm","dd MMM HH:mm","dd MMM, HH:mm","dd MMMM HH:mm","dd MMMM, HH:mm","yyyy MMM d","yyyy MMMM d","yyyy MMM dd","yyyy MMMM dd","yyyy d MMM","yyyy d MMMM","yyyy dd MMM","yyyy dd MMMM","d MMM yy","d MMMM yy","dd MMM yy","dd MMMM yy","d MMM yyyy","d MMMM yyyy","dd MMM yyyy","dd MMMM yyyy","d MMM yy","d MMMM yy","dd MMM yy","dd MMMM yy","d MMM yyyy","d MMMM yyyy","dd MMM yyyy","dd MMMM yyyy","MMM d yyyy","MMMM d yyyy","MMM dd yyyy","MMMM dd yyyy","yy MMM d","yy MMMM d","yy MMM dd","yy MMMM dd","yy d MMM","yy d MMMM","yy dd MMM","yy dd MMMM","yyyy MMM d HH:mm","yyyy MMM d, HH:mm","yyyy MMMM d HH:mm","yyyy MMMM d, HH:mm","yyyy MMM dd HH:mm","yyyy MMM dd, HH:mm","yyyy MMMM dd HH:mm","yyyy MMMM dd, HH:mm","yyyy d MMM HH:mm","yyyy d MMM, HH:mm","yyyy d MMMM HH:mm","yyyy d MMMM, HH:mm","yyyy dd MMM HH:mm","yyyy dd MMM, HH:mm","yyyy dd MMMM HH:mm","yyyy dd MMMM, HH:mm","d MMM yy HH:mm","d MMM yy, HH:mm","d MMMM yy HH:mm","d MMMM yy, HH:mm","dd MMM yy HH:mm","dd MMM yy, HH:mm","dd MMMM yy HH:mm","dd MMMM yy, HH:mm","d MMM yyyy HH:mm","d MMM yyyy, HH:mm","d MMMM yyyy HH:mm","d MMMM yyyy, HH:mm","dd MMM yyyy HH:mm","dd MMM yyyy, HH:mm","dd MMMM yyyy HH:mm","dd MMMM yyyy, HH:mm","d MMM yy HH:mm","d MMM yy, HH:mm","d MMMM yy HH:mm","d MMMM yy, HH:mm","dd MMM yy HH:mm","dd MMM yy, HH:mm","dd MMMM yy HH:mm","dd MMMM yy, HH:mm","d MMM yyyy HH:mm","d MMM yyyy, HH:mm","d MMMM yyyy HH:mm","d MMMM yyyy, HH:mm","dd MMM yyyy HH:mm","dd MMM yyyy, HH:mm","dd MMMM yyyy HH:mm","dd MMMM yyyy, HH:mm","MMM d yyyy HH:mm","MMM d yyyy, HH:mm","MMMM d yyyy HH:mm","MMMM d yyyy, HH:mm","MMM dd yyyy HH:mm","MMM dd yyyy, HH:mm","MMMM dd yyyy HH:mm","MMMM dd yyyy, HH:mm","yy MMM d HH:mm","yy MMM d, HH:mm","yy MMMM d HH:mm","yy MMMM d, HH:mm","yy MMM dd HH:mm","yy MMM dd, HH:mm","yy MMMM dd HH:mm","yy MMMM dd, HH:mm","yy d MMM HH:mm","yy d MMM, HH:mm","yy d MMMM HH:mm","yy d MMMM, HH:mm","yy dd MMM HH:mm","yy dd MMM, HH:mm","yy dd MMMM HH:mm","yy dd MMMM, HH:mm"],PopupComponent=({hidden=!1,className,popupRef,onClear,datePopupProps,onComplete,...restProps})=>(0,jsx_runtime.jsx)(popup.Ay,{hidden,className,ref:popupRef,directions:[popup.Ay.PopupProps.Directions.BOTTOM_RIGHT,popup.Ay.PopupProps.Directions.BOTTOM_LEFT,popup.Ay.PopupProps.Directions.TOP_LEFT,popup.Ay.PopupProps.Directions.TOP_RIGHT],...restProps,trapFocus:!0,children:(0,jsx_runtime.jsx)(DatePopup,{onClear,...datePopupProps,onComplete})});PopupComponent.propTypes={hidden:prop_types_default().bool,className:prop_types_default().string,popupRef:prop_types_default().func,onClear:prop_types_default().func,datePopupProps:prop_types_default().shape(DatePopup.propTypes),onComplete:prop_types_default().func};class DatePicker extends react.PureComponent{static propTypes={className:prop_types_default().string,popupClassName:prop_types_default().string,date:dateType,withTime:prop_types_default().bool,range:prop_types_default().bool,from:dateType,to:dateType,clear:prop_types_default().bool,inline:prop_types_default().bool,displayFormat:prop_types_default().func,displayMonthFormat:prop_types_default().func,displayDayFormat:prop_types_default().func,displayTimeFormat:prop_types_default().func,parseDateInput:prop_types_default().func,applyTimeInput:prop_types_default().func,datePlaceholder:prop_types_default().string,dateTimePlaceholder:prop_types_default().string,rangePlaceholder:prop_types_default().string,onChange:prop_types_default().func,dropdownProps:prop_types_default().object,disabled:prop_types_default().bool,minDate:dateType,maxDate:dateType,translations:prop_types_default().object,locale:prop_types_default().object,size:prop_types_default().oneOf(Object.values(input.or))};static defaultProps={className:"",date:null,withTime:!1,range:!1,from:null,to:null,clear:!1,inline:!1,size:input.or.M,displayFormat:(date,locale)=>date?(0,format.GP)(date,"d MMM yyyy",{locale}):"",displayMonthFormat:(date,locale)=>date?(0,format.GP)(date,"d MMM",{locale}):"",displayDayFormat:(date,locale)=>date?(0,format.GP)(date,"d",{locale}):"",displayTimeFormat:(date,locale)=>date?(0,format.GP)(date,"HH:mm",{locale}):"",minDate:null,maxDate:null,onChange(){},applyTimeInput(date,timeString){var _timeString$split$map;const[hours,minutes]=null!==(_timeString$split$map=timeString?.split(":").map(Number))&&void 0!==_timeString$split$map?_timeString$split$map:[];return null!=minutes?(0,set.h)(date,{hours,minutes}):date},parseDateInput(string){if(!string)return null;const today=new Date;for(const format of formats){const date=(0,parse.qg)(string,format,today);if((0,isValid.f)(date))return date}return null}};static contextType=i18n_context.g;handleChange=change=>{const{onChange,withTime,applyTimeInput}=this.props;onChange(!withTime||change instanceof Date||null==change?.date?change:applyTimeInput(change.date,change.time))};clear=()=>{let change=null;this.props.range&&(change={from:null,to:null}),this.handleChange(change)};popup;popupRef=el=>{this.popup=el};closePopup=()=>{this.popup?._onCloseAttempt()};parse=(0,memoize.A)((date=>{const{parseDateInput}=this.props;return date instanceof Date?date:"number"==typeof date?new Date(date):parseDateInput(date)}));formatTime(){const{displayTimeFormat,locale}=this.props,date=this.parse(this.props.date);return null!=date?displayTimeFormat(date,locale):null}getAnchorText=()=>{const{range,datePlaceholder,dateTimePlaceholder,rangePlaceholder,withTime,displayFormat,displayMonthFormat,displayDayFormat,translations,locale}=this.props,{translate}=this.context,date=this.parse(this.props.date),from=this.parse(this.props.from),to=this.parse(this.props.to),time=this.formatTime();var _ref2,_ref3,_ref;return range||withTime?!range&&withTime?date||time?`${date&&displayFormat(date,locale)||"—"}, ${time||"—"}`:null!==(_ref2=null!=dateTimePlaceholder?dateTimePlaceholder:translations?.setDateTime)&&void 0!==_ref2?_ref2:translate("setDateTime"):from&&to?(0,isSameYear.s)(from,to)?(0,isSameMonth.t)(from,to)?(0,isSameDay.r)(from,to)?`${displayFormat(to,locale)}`:`${displayDayFormat(from,locale)} — ${displayFormat(to,locale)}`:`${displayMonthFormat(from,locale)} — ${displayFormat(to,locale)}`:`${displayFormat(from,locale)} — ${displayFormat(to,locale)}`:from?`${displayFormat(from,locale)} —`:to?`— ${displayFormat(to,locale)}`:null!==(_ref3=null!=rangePlaceholder?rangePlaceholder:translations?.setPeriod)&&void 0!==_ref3?_ref3:translate("setPeriod"):date?displayFormat(date,locale):null!==(_ref=null!=datePlaceholder?datePlaceholder:translations?.setDate)&&void 0!==_ref?_ref:translate("setDate")};render(){var _this$props$disabled,_this$props$disabled2;const anchorContent=(0,jsx_runtime.jsxs)("div",{className:date_picker_default().anchorContent,children:[(0,jsx_runtime.jsx)(icon.Ay,{glyph:calendar_default(),className:date_picker_default().calendarIcon}),this.getAnchorText(),(0,jsx_runtime.jsx)(icon.Ay,{glyph:chevron_down_default(),className:date_picker_default().chevronDownIcon})]}),{className,popupClassName,clear,inline,dropdownProps,translations,...datePopupProps}=this.props,classes=classnames_default()(date_picker_default().datePicker,className,date_picker_default()[`size${this.props.size}`],{[date_picker_default().inline]:inline});return(0,jsx_runtime.jsx)(dropdown.A,{className:classes,disabled:this.props.disabled,anchor:inline?(0,jsx_runtime.jsx)(link_link.A,{"data-test-ring-dropdown-anchor":!0,className:date_picker_default().anchor,disabled:null!==(_this$props$disabled=this.props.disabled)&&void 0!==_this$props$disabled&&_this$props$disabled,pseudo:!0,children:this.getAnchorText()}):(0,jsx_runtime.jsx)(button_button.Ay,{"data-test-ring-dropdown-anchor":!0,className:date_picker_default().anchor,text:!1,disabled:null!==(_this$props$disabled2=this.props.disabled)&&void 0!==_this$props$disabled2&&_this$props$disabled2,children:anchorContent}),...dropdownProps,children:(0,jsx_runtime.jsx)(PopupComponent,{className:popupClassName,popupRef:this.popupRef,onClear:clear?this.clear:null,datePopupProps:{...datePopupProps,translations,onChange:this.handleChange,parseDateInput:this.parse,time:this.formatTime()},onComplete:this.closePopup})})}}DatePicker.__docgenInfo={description:"@name Date Picker",methods:[{name:"handleChange",docblock:null,modifiers:[],params:[{name:"change",optional:!1,type:{name:"union",raw:"DatePickerChange | Date | null | undefined",elements:[{name:"DatePickerChange"},{name:"Date"},{name:"null"},{name:"undefined"}]}}],returns:null},{name:"clear",docblock:null,modifiers:[],params:[],returns:null},{name:"popupRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"Popup | null",elements:[{name:"Popup"},{name:"null"}]}}],returns:null},{name:"closePopup",docblock:null,modifiers:[],params:[],returns:null},{name:"formatTime",docblock:null,modifiers:[],params:[],returns:null},{name:"getAnchorText",docblock:null,modifiers:[],params:[],returns:null}],displayName:"DatePicker",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1},type:{name:"string"}},clear:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},inline:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},popupClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},dropdownProps:{required:!1,tsType:{name:"Partial",elements:[{name:"JSX.LibraryManagedAttributes",elements:[{name:"Dropdown"},{name:"DropdownProps"}],raw:"JSX.LibraryManagedAttributes"}],raw:"Partial"},description:"",type:{name:"object"}},translations:{required:!1,tsType:{name:"union",raw:"DatePickerTranslations | null | undefined",elements:[{name:"DatePickerTranslations"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"object"}},displayMonthFormat:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, locale: Locale | undefined) => string",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},name:"locale"}],return:{name:"string"}}},description:"",defaultValue:{value:"(date, locale) => (date ? formatDate(date, 'd MMM', {locale}) : '')",computed:!1},type:{name:"func"}},displayDayFormat:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, locale: Locale | undefined) => string",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},name:"locale"}],return:{name:"string"}}},description:"",defaultValue:{value:"(date, locale) => (date ? formatDate(date, 'd', {locale}) : '')",computed:!1},type:{name:"func"}},displayTimeFormat:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, locale: Locale | undefined) => string",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},name:"locale"}],return:{name:"string"}}},description:"",defaultValue:{value:"(date, locale) => (date ? formatDate(date, 'HH:mm', {locale}) : '')",computed:!1},type:{name:"func"}},applyTimeInput:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, time: string | null | undefined) => Date",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},name:"time"}],return:{name:"Date"}}},description:"",type:{name:"func"}},datePlaceholder:{required:!1,tsType:{name:"string"},description:"",type:{name:"string"}},dateTimePlaceholder:{required:!1,tsType:{name:"string"},description:"",type:{name:"string"}},rangePlaceholder:{required:!1,tsType:{name:"string"},description:"",type:{name:"string"}},disabled:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},parseDateInput:{required:!1,tsType:{name:"signature",type:"function",raw:"(input: string | null | undefined) => Date | null",signature:{arguments:[{type:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},name:"input"}],return:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]}}},description:"",type:{name:"func"}},size:{required:!1,tsType:{name:"Size"},description:"",defaultValue:{value:"Size.M",computed:!0},type:{name:"enum",computed:!0,value:"Object.values(Size)"}},date:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1},withTime:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},range:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},from:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1},to:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1},displayFormat:{defaultValue:{value:"(date, locale) => (date ? formatDate(date, 'd MMM yyyy', {locale}) : '')",computed:!1},description:"",type:{name:"func"},required:!1},minDate:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1},maxDate:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1},onChange:{description:"",type:{name:"func"},required:!1},locale:{description:"",type:{name:"object"},required:!1}}};const{size,inline}=DatePicker.defaultProps,date_picker_stories={title:"Components/Date Picker",component:DatePicker,parameters:{notes:"Allows picking a date or a date range. Uses [date-fns](https://date-fns.org) under the hood.",screenshots:{actions:[{type:"click",selector:"[data-test-ring-dropdown-anchor]"},{type:"capture",name:"datePickerPopup",selector:["[data-test~=ring-dropdown]","[data-test~=ring-popup]"]}]},zeplinLink:"https://app.zeplin.io/project/5afd8f5511c2d1c625752bb0/screen/5b0d1f6c877adb4d06c959ef"},args:{size,inline},argTypes:{size:{options:Object.keys(input.or),control:{type:"select"}}}},singleDate=args=>{class DatePickerExample extends react.Component{state={date:"01.01.18"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};singleDate.storyName="single date";const singleDateAndTime=args=>{class DatePickerExample extends react.Component{state={date:"8 January 2020, 9:45"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,withTime:!0,clear:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};singleDateAndTime.parameters={screenshots:{actions:[{type:"click",selector:"[data-test-ring-dropdown-anchor]"},{type:"capture",name:"datePickerPopup",selector:["[data-test~=ring-dropdown]","[data-test~=ring-popup]"]}]}},singleDateAndTime.storyName="single date and time";const range=args=>{class DatePickerExample extends react.Component{state={from:"1 January 2018",to:"15 February 2018"};setRange=({from,to})=>{this.setState({from,to})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{from:this.state.from,to:this.state.to,onChange:this.setRange,range:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};range.storyName="range";const clearable=args=>{class DatePickerExample extends react.Component{state={date:"01.01.18"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,clear:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};clearable.storyName="clearable";const singleWithMinMax=args=>{class DatePickerExample extends react.Component{state={date:"01.02.18"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,clear:!0,minDate:"25 January 2018",maxDate:"5 February 2018",...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};singleWithMinMax.storyName="single with min-max dates";const singleWithMin=args=>{class DatePickerExample extends react.Component{state={date:"01.02.18"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,clear:!0,minDate:"25 January 2018",...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};singleWithMin.storyName="single with min date";const singleWithMax=args=>{class DatePickerExample extends react.Component{state={date:"01.02.18"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,clear:!0,maxDate:"5 February 2018",...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};singleWithMax.storyName="single with max date";const rangeWithMinMax=args=>{class DatePickerExample extends react.Component{state={from:"27 January 2018",to:"4 February 2018"};setRange=({from,to})=>{this.setState({from,to})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{from:this.state.from,to:this.state.to,onChange:this.setRange,clear:!0,minDate:"25 January 2018",maxDate:"5 February 2018",range:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};rangeWithMinMax.storyName="range with min-max dates";const rangeWithMin=args=>{class DatePickerExample extends react.Component{state={from:"27 January 2018",to:"4 February 2018"};setRange=({from,to})=>{this.setState({from,to})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{from:this.state.from,to:this.state.to,onChange:this.setRange,clear:!0,minDate:"25 January 2018",range:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};rangeWithMin.storyName="range with min date";const rangeWithMax=args=>{class DatePickerExample extends react.Component{state={from:"27 January 2018",to:"4 February 2018"};setRange=({from,to})=>{this.setState({from,to})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{from:this.state.from,to:this.state.to,onChange:this.setRange,clear:!0,maxDate:"5 February 2018",range:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};rangeWithMax.storyName="range with max date";const rangeWithCustomPlaceholders=args=>{class DatePickerExample extends react.Component{state={from:void 0,to:void 0};setRange=({from,to})=>{this.setState({from,to})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{from:this.state.from,to:this.state.to,onChange:this.setRange,fromPlaceholder:"From",toPlaceholder:"To",rangePlaceholder:"Set range",clear:!0,range:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};rangeWithCustomPlaceholders.storyName="range with customized placeholders",rangeWithCustomPlaceholders.parameters={screenshots:{skip:!0}};const renderInline=args=>{class DatePickerExample extends react.Component{state={date:"8 January 2020, 9:45"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,withTime:!0,clear:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};renderInline.args={inline:!0},renderInline.parameters={screenshots:{skip:!0}},renderInline.storyName="inline";const allSizes=()=>{class DatePickerExample extends react.Component{state={date:"8 January 2020, 9:45"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsxs)("div",{style:{width:"100%"},"data-test":"root",children:[(0,jsx_runtime.jsxs)("div",{className:"block",children:[(0,jsx_runtime.jsx)("span",{className:"label",children:"M"}),(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,size:input.or.M})]}),(0,jsx_runtime.jsxs)("div",{className:"block",children:[(0,jsx_runtime.jsx)("span",{className:"label",children:"L"}),(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,size:input.or.L})]}),(0,jsx_runtime.jsxs)("div",{className:"block",children:[(0,jsx_runtime.jsx)("span",{className:"label",children:"FULL"}),(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,size:input.or.FULL})]}),(0,jsx_runtime.jsxs)("div",{className:"block",children:[(0,jsx_runtime.jsx)("span",{className:"label",children:"AUTO"}),(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,size:input.or.AUTO})]})]})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};allSizes.storyName="all sizes",allSizes.parameters={storyStyles:"\n\n ",screenshots:{actions:[{type:"capture",name:"datepickers",selector:["[data-test~=root]"]}]}};const startsFromSunday=args=>{class DatePickerExample extends react.Component{state={date:"01.01.25"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,locale:en_US.c,onChange:this.setDate,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};startsFromSunday.storyName="starts on Sunday",singleDate.parameters={...singleDate.parameters,docs:{...singleDate.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '01.01.18'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...singleDate.parameters?.docs?.source}}},singleDateAndTime.parameters={...singleDateAndTime.parameters,docs:{...singleDateAndTime.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '8 January 2020, 9:45'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...singleDateAndTime.parameters?.docs?.source}}},range.parameters={...range.parameters,docs:{...range.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n from: '1 January 2018',\n to: '15 February 2018'\n };\n setRange = ({\n from,\n to\n }: DatePickerChange) => {\n this.setState({\n from,\n to\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...range.parameters?.docs?.source}}},clearable.parameters={...clearable.parameters,docs:{...clearable.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '01.01.18'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...clearable.parameters?.docs?.source}}},singleWithMinMax.parameters={...singleWithMinMax.parameters,docs:{...singleWithMinMax.parameters?.docs,source:{originalSource:'args => {\n class DatePickerExample extends Component {\n state = {\n date: \'01.02.18\'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}',...singleWithMinMax.parameters?.docs?.source}}},singleWithMin.parameters={...singleWithMin.parameters,docs:{...singleWithMin.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '01.02.18'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...singleWithMin.parameters?.docs?.source}}},singleWithMax.parameters={...singleWithMax.parameters,docs:{...singleWithMax.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '01.02.18'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...singleWithMax.parameters?.docs?.source}}},rangeWithMinMax.parameters={...rangeWithMinMax.parameters,docs:{...rangeWithMinMax.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n from: '27 January 2018',\n to: '4 February 2018'\n };\n setRange = ({\n from,\n to\n }: DatePickerChange) => {\n this.setState({\n from,\n to\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...rangeWithMinMax.parameters?.docs?.source}}},rangeWithMin.parameters={...rangeWithMin.parameters,docs:{...rangeWithMin.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n from: '27 January 2018',\n to: '4 February 2018'\n };\n setRange = ({\n from,\n to\n }: DatePickerChange) => {\n this.setState({\n from,\n to\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...rangeWithMin.parameters?.docs?.source}}},rangeWithMax.parameters={...rangeWithMax.parameters,docs:{...rangeWithMax.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n from: '27 January 2018',\n to: '4 February 2018'\n };\n setRange = ({\n from,\n to\n }: DatePickerChange) => {\n this.setState({\n from,\n to\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...rangeWithMax.parameters?.docs?.source}}},rangeWithCustomPlaceholders.parameters={...rangeWithCustomPlaceholders.parameters,docs:{...rangeWithCustomPlaceholders.parameters?.docs,source:{originalSource:'args => {\n class DatePickerExample extends Component {\n state = {\n from: undefined,\n to: undefined\n };\n setRange = ({\n from,\n to\n }: DatePickerChange) => {\n this.setState({\n from,\n to\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}',...rangeWithCustomPlaceholders.parameters?.docs?.source}}},renderInline.parameters={...renderInline.parameters,docs:{...renderInline.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '8 January 2020, 9:45'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...renderInline.parameters?.docs?.source}}},allSizes.parameters={...allSizes.parameters,docs:{...allSizes.parameters?.docs,source:{originalSource:'() => {\n class DatePickerExample extends Component {\n state = {\n date: \'8 January 2020, 9:45\'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n
\n M\n \n
\n
\n L\n \n
\n
\n FULL\n \n
\n
\n AUTO\n \n
\n
;\n }\n }\n return ;\n}',...allSizes.parameters?.docs?.source}}},startsFromSunday.parameters={...startsFromSunday.parameters,docs:{...startsFromSunday.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '01.01.25'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...startsFromSunday.parameters?.docs?.source}}}},"./src/control-help/control-help.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ControlHelp});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),_control_help_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/control-help/control-help.css"),_control_help_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_control_help_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ControlHelp({className,...restProps}){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()(className,_control_help_css__WEBPACK_IMPORTED_MODULE_1___default().help),...restProps})}ControlHelp.__docgenInfo={description:"",methods:[],displayName:"ControlHelp"}},"./src/dropdown/anchor.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__),_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@jetbrains/icons/chevron-10px.js"),_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1__),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_icon_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/icon/icon.tsx"),_button_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/button/button.tsx"),_dropdown_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/dropdown/dropdown.css"),_dropdown_css__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_dropdown_css__WEBPACK_IMPORTED_MODULE_3__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Anchor=({children,className,...restProps})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_button_button__WEBPACK_IMPORTED_MODULE_5__.Ay,{"data-test-ring-dropdown-anchor":!0,text:!0,className:classnames__WEBPACK_IMPORTED_MODULE_2___default()(_dropdown_css__WEBPACK_IMPORTED_MODULE_3___default().anchor,className),...restProps,children:[children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icon_icon__WEBPACK_IMPORTED_MODULE_6__.Ay,{glyph:_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1___default(),className:_dropdown_css__WEBPACK_IMPORTED_MODULE_3___default().chevron})]});Anchor.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string};const __WEBPACK_DEFAULT_EXPORT__=(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(Anchor);Anchor.__docgenInfo={description:"",methods:[],displayName:"Anchor",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./src/dropdown/dropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Dropdown});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/global/data-tests.ts"),_global_typescript_utils__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/typescript-utils.ts"),_anchor__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/dropdown/anchor.tsx"),_dropdown_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/dropdown/dropdown.css"),_dropdown_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_dropdown_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Dropdown extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={anchor:prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,prop_types__WEBPACK_IMPORTED_MODULE_4___default().func]).isRequired,children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default().element,prop_types__WEBPACK_IMPORTED_MODULE_4___default().func]).isRequired,initShown:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,activeClassName:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,clickMode:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,hoverMode:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,hoverShowTimeOut:prop_types__WEBPACK_IMPORTED_MODULE_4___default().number,hoverHideTimeOut:prop_types__WEBPACK_IMPORTED_MODULE_4___default().number,disabled:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,onShow:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onHide:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onMouseEnter:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onMouseLeave:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};static defaultProps={initShown:!1,clickMode:!0,hoverMode:!1,hoverShowTimeOut:300,hoverHideTimeOut:600,disabled:!1,onShow:()=>{},onHide:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{}};state={show:this.props.initShown,pinned:!1};onClick=()=>{if(this.props.disabled)return;const{show,pinned}=this.state;let nextPinned=pinned;if(this.props.hoverMode)if(pinned)nextPinned=!1;else if(nextPinned=!0,show)return void this.setState({pinned:!0});this._toggle(!show,nextPinned)};onChildCloseAttempt=()=>{let nextPinned=this.state.pinned;this.props.hoverMode&&(nextPinned=!1),this._toggle(!1,nextPinned)};hoverTimer;onMouseEnter=event=>{this.props.disabled||(this._clearTimer(),this.props.onMouseEnter?.(event),this.hoverTimer=window.setTimeout((()=>{this.state.show||this._toggle(!0)}),this.props.hoverShowTimeOut))};onMouseLeave=event=>{this.props.disabled||(this.props.onMouseLeave?.(event),this.state.pinned||(this._clearTimer(),this.hoverTimer=window.setTimeout((()=>{this.state.show&&this._toggle(!1)}),this.props.hoverHideTimeOut)))};handlePopupInteraction=()=>{this.setState((({pinned})=>pinned?null:{pinned:!0}))};toggle(show=!this.state.show){this._toggle(show)}_toggle(show,pinned=this.state.pinned){this.setState({show,pinned},(()=>show?this.props.onShow():this.props.onHide()))}_clearTimer(){this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)}render(){const{show,pinned}=this.state,{initShown,onShow,onHide,hoverShowTimeOut,hoverHideTimeOut,children,anchor,className,activeClassName,hoverMode,clickMode,"data-test":dataTest,disabled,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_dropdown_css__WEBPACK_IMPORTED_MODULE_2___default().dropdown,className,{[null!=activeClassName?activeClassName:""]:null!=activeClassName&&show});let anchorElement;const active=hoverMode?pinned:show;switch(typeof anchor){case"string":anchorElement=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_anchor__WEBPACK_IMPORTED_MODULE_5__.A,{active,children:anchor});break;case"function":anchorElement=anchor({active:show,pinned});break;default:anchorElement=(0,_global_typescript_utils__WEBPACK_IMPORTED_MODULE_6__.c)(anchor)||"string"==typeof anchor.type?anchor:(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(anchor,{active})}const childProps={hidden:!show,onCloseAttempt:this.onChildCloseAttempt,onMouseDown:hoverMode?this.handlePopupInteraction:void 0,onContextMenu:hoverMode?this.handlePopupInteraction:void 0,dontCloseOnAnchorClick:!0};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_7__.A)("ring-dropdown",dataTest),...restProps,onClick:clickMode?this.onClick:void 0,role:"presentation",onMouseEnter:hoverMode?this.onMouseEnter:void 0,onMouseLeave:hoverMode?this.onMouseLeave:void 0,className:classes,children:[anchorElement,"function"==typeof children?children(childProps):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(children,childProps)]})}}Dropdown.__docgenInfo={description:"@name Dropdown",methods:[{name:"onClick",docblock:null,modifiers:[],params:[],returns:null},{name:"onChildCloseAttempt",docblock:null,modifiers:[],params:[],returns:null},{name:"onMouseEnter",docblock:null,modifiers:[],params:[{name:"event",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLElement"}],alias:"React.MouseEvent"}}],returns:null},{name:"onMouseLeave",docblock:null,modifiers:[],params:[{name:"event",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLElement"}],alias:"React.MouseEvent"}}],returns:null},{name:"handlePopupInteraction",docblock:null,modifiers:[],params:[],returns:null},{name:"toggle",docblock:null,modifiers:[],params:[{name:"show",optional:!0,type:null}],returns:null},{name:"_toggle",docblock:null,modifiers:[],params:[{name:"show",optional:!1,type:{name:"boolean"}},{name:"pinned",optional:!0,type:null}],returns:null},{name:"_clearTimer",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Dropdown",props:{anchor:{required:!0,tsType:{name:"union",raw:"ReactElement | readonly ReactElement[] | string | ((props: AnchorProps) => ReactNode)",elements:[{name:"ReactElement"},{name:"unknown"},{name:"string"},{name:"unknown"}]},description:"Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element\nReact element should render some interactive HTML element like `button` or `a`",type:{name:"union",value:[{name:"node"},{name:"func"}]}},children:{required:!0,tsType:{name:"union",raw:"ReactElement | ((props: Omit) => ReactNode)",elements:[{name:"ReactElement",elements:[{name:"JSX.LibraryManagedAttributes",elements:[{name:"Popup"},{name:"PopupProps"}],raw:"JSX.LibraryManagedAttributes"}],raw:"ReactElement"},{name:"unknown"}]},description:"",type:{name:"union",value:[{name:"element"},{name:"func"}]}},initShown:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},disabled:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},clickMode:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1},type:{name:"bool"}},hoverMode:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},hoverShowTimeOut:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"300",computed:!1},type:{name:"number"}},hoverHideTimeOut:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"600",computed:!1},type:{name:"number"}},onShow:{required:!1,tsType:{name:"unknown"},description:"",defaultValue:{value:"() => {}",computed:!1},type:{name:"func"}},onHide:{required:!1,tsType:{name:"unknown"},description:"",defaultValue:{value:"() => {}",computed:!1},type:{name:"func"}},activeClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},onMouseEnter:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},onMouseLeave:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},className:{description:"",type:{name:"string"},required:!1}},composes:["Omit"]}},"./src/global/composeRefs.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>createComposedRef});var memoize_one__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/memoize-one/dist/memoize-one.esm.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/util-deprecate/browser.js");function composeRefs(...refs){return value=>refs.forEach((ref=>{"function"==typeof ref?ref(value):null!=ref&&(ref.current=value)}))}__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_0__)()(composeRefs,"composeRefs is deprecated and will be removed in 7.0. Use createComposedRef instead.");function createComposedRef(){return(0,memoize_one__WEBPACK_IMPORTED_MODULE_1__.A)(composeRefs)}},"./src/global/linear-function.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function linearFunction(x0,y0,a){return{y:x=>+y0+(x-x0)*a,x:y=>+x0+(y-y0)/a}}function interpolateLinear(x0,x1,phase){return linearFunction(x0,x0,phase).y(x1)}__webpack_require__.d(__webpack_exports__,{A:()=>linearFunction,h:()=>interpolateLinear})},"./src/global/prop-types.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>refObject});var prop_types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);const refObject=value=>prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({current:value})},"./src/global/typescript-utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>isArray,z:()=>isTruthy});const isArray=arg=>Array.isArray(arg),isTruthy=arg=>Boolean(arg)},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".help_cb69 {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n","",{version:3,sources:["webpack://./src/control-help/control-help.css"],names:[],mappings:"AAEA;EACE,kCAAkC;;EAElC,wCAAwC;EACxC,2CAA2C;AAC7C",sourcesContent:['@import "../global/variables.css";\n\n.help {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={help:"help_cb69"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/date-picker/date-picker.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_select_select_popup_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/select/select-popup.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/global.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_4__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_select_select_popup_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,':root {\n /* stylelint-disable-next-line color-no-hex */\n --ring-date-picker-hover-color: var(--ring-border-hover-color);\n}\n\n.container_dad6 {\n display: inline-block;\n}\n\n.hoverable_cbab {\n cursor: pointer;\n transition: color 0.2s ease-out 0s;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.hoverable_cbab:hover {\n transition: none;\n\n color: var(--ring-link-hover-color);\n}}\n\n.datePicker_dab6.datePicker_dab6 {\n padding-right: var(--ring-unit);\n}\n\n.datePicker_dab6.datePicker_dab6.inline_e474 {\n padding: 0;\n }\n\n.datePicker_dab6.datePicker_dab6.sizeS_ec2d {\n width: calc(var(--ring-unit)*12);\n }\n\n.datePicker_dab6.datePicker_dab6.sizeM_bf3c {\n width: calc(var(--ring-unit)*30);\n }\n\n.datePicker_dab6.datePicker_dab6.sizeL_c873 {\n width: calc(var(--ring-unit)*50);\n }\n\n.datePicker_dab6.datePicker_dab6.sizeFULL_ac9b {\n width: 100%;\n }\n\n.datePicker_dab6.datePicker_dab6.sizeAUTO_c236 {\n max-width: 100%;\n }\n\n.displayDate_bd03 {\n display: inline-block;\n\n min-width: calc(var(--ring-unit)*11);\n\n text-align: left;\n}\n\n.displayDate_bd03.displayRange_f1a1 {\n min-width: calc(var(--ring-unit)*22);\n}\n\n.clear_cbda {\n cursor: pointer;\n transition: opacity var(--ring-ease);\n\n opacity: 0.3;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.datePicker_dab6:hover .clear_cbda {\n opacity: 0.5;\n}}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.datePicker_dab6 .clear_cbda:hover {\n transition: none;\n\n opacity: 1;\n}}\n\n.datePopup_b189 {\n width: min-content;\n\n -webkit-user-select: none;\n\n user-select: none;\n text-align: left;\n\n color: var(--ring-text-color);\n}\n\n.datePopup_b189 * {\n box-sizing: border-box;\n}\n\n.filterWrapper_e62f {\n\n display: flex;\n\n padding-left: calc(var(--ring-unit)*2);\n}\n\n.filter_a249 {\n}\n\n.calendarIcon_cff7 {\n margin-right: calc(var(--ring-unit)/2);\n\n color: var(--ring-icon-color);\n}\n\n.anchor_cfd8 {\n width: 100%;\n padding: 0 var(--ring-unit);\n\n text-align: start;\n white-space: nowrap;\n}\n\n.inline_e474 .anchor_cfd8 {\n min-width: initial;\n padding: 0;\n\n cursor: pointer;\n }\n\n.anchorContent_c7b4 {\n display: flex;\n align-items: baseline;\n}\n\n.chevronDownIcon_d693 {\n margin-left: auto;\n\n color: var(--ring-icon-secondary-color);\n}\n\n.fromInput_f01f {\n position: relative;\n\n flex-basis: calc(var(--ring-unit)*13);\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.fromInputWithDivider_e320::after {\n position: absolute;\n top: 0;\n right: var(--ring-unit);\n\n content: "—";\n\n line-height: calc(var(--ring-unit)*4 - 2px);\n }\n\n.toInput_ca86 {\n flex-basis: calc(var(--ring-unit)*13);\n flex-grow: 1;\n flex-shrink: 0;\n\n width: calc(var(--ring-unit)*13);\n}\n\n.dateInput_b0b0 {\n flex-basis: calc(var(--ring-unit)*11);\n flex-grow: 1;\n flex-shrink: 0;\n}\n\n.timeInputWithDivider_b1cd {\n position: relative;\n}\n\n.timeInputWithDivider_b1cd::before {\n position: absolute;\n left: calc(var(--ring-unit)*-1);\n\n content: ",";\n\n line-height: calc(var(--ring-unit)*4 - 3px);\n }\n\n.weekdays_e810 {\n height: calc(var(--ring-unit)*4);\n padding: 5px calc(var(--ring-unit)*2) 0;\n\n color: var(--ring-secondary-color);\n}\n\n.weekday_ab35.weekday_ab35 {\n display: inline-block;\n\n width: calc(var(--ring-unit)*3);\n\n text-align: center;\n text-transform: capitalize;\n}\n\n.weekend_b354.weekend_b354 {\n color: var(--ring-error-color);\n}\n\n.calendar_d951 {\n position: relative;\n\n overflow: hidden;\n\n width: calc(var(--ring-unit)*37);\n height: calc(var(--ring-unit)*36);\n\n box-shadow: 0 -1px var(--ring-line-color);\n}\n\n.months_d4e9.months_d4e9 {\n position: absolute;\n top: 0;\n right: calc(var(--ring-unit)*6);\n bottom: 0;\n left: 0;\n}\n\n.days_cf0b {\n position: relative;\n left: 0;\n}\n\n.month_bac5.month_bac5 {\n display: flex;\n flex-wrap: wrap;\n\n width: calc(var(--ring-unit)*21);\n margin: calc(var(--ring-unit)*2);\n}\n\n.month_bac5.month_bac5 > * {\n flex-shrink: 0;\n\n height: calc(var(--ring-unit)*3);\n\n line-height: calc(var(--ring-unit)*3);\n}\n\n.monthTitle_cc6c {\n /* IE workaround, see https://github.com/philipwalton/flexbugs#7-flex-basis-doesnt-account-for-box-sizingborder-box */\n\n width: calc(var(--ring-unit)*12);\n\n padding-left: calc(var(--ring-unit)*0.5);\n\n text-align: left;\n\n text-transform: capitalize;\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n@supports (flex-basis: 1px) {\n\n.monthTitle_cc6c {\n flex-basis: calc(var(--ring-unit)*12);\n\n width: auto;\n}\n }\n\n.day_c689 {\n}\n\n.day_c689.day_c689 {\n position: relative;\n\n flex-basis: calc(var(--ring-unit)*3);\n\n margin: 0;\n\n cursor: pointer;\n transition: background-color var(--ring-ease), color var(--ring-ease);\n text-align: center;\n}\n\n.day_c689.day_c689::before,\n .day_c689.day_c689::after {\n pointer-events: none;\n }\n\n.between_c589.between_c589 {\n transition: none;\n\n background-color: var(--ring-selected-background-color);\n}\n\n.activeBetween_d1ce.activeBetween_d1ce {\n transition: none;\n\n background-color: var(--ring-date-picker-hover-color);\n}\n\n.current_ee75.current_ee75 {\n color: var(--ring-white-text-color);\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-main-color);\n}\n\n.active_ff5c.active_ff5c {\n transition: none;\n\n color: var(--ring-text-color);\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-date-picker-hover-color);\n}\n\n.disabled_a223.disabled_a223 {\n cursor: not-allowed;\n\n color: var(--ring-disabled-color);\n}\n\n.from_e689.from_e689 {\n border-radius: var(--ring-border-radius) 0 0 var(--ring-border-radius);\n}\n\n.to_f121.to_f121 {\n border-radius: 0 var(--ring-border-radius) var(--ring-border-radius) 0;\n}\n\n.from_e689.to_f121 {\n border-radius: var(--ring-border-radius);\n}\n\n.Day1_aa62 {\n position: relative;\n}\n\n.Day1_aa62::before,\n .Day1_aa62::after {\n position: absolute;\n\n width: calc(var(--ring-unit)*2);\n height: 100%;\n\n content: "";\n transition: background-color var(--ring-ease);\n }\n\n.Day1_aa62::before {\n right: 100%;\n }\n\n.Day1_aa62::after {\n bottom: 100%;\n left: 700%;\n }\n\n.Day1_aa62.spread_d67f::before,\n .Day1_aa62.spread_d67f::after {\n transition: none;\n\n background-color: var(--ring-selected-background-color);\n }\n\n.Day1_aa62.activeSpread_cc8f::before,\n .Day1_aa62.activeSpread_cc8f::after {\n transition: none;\n\n background-color: var(--ring-date-picker-hover-color);\n }\n\n.first_f7ca {\n position: relative;\n}\n\n.first_f7ca::before,\n .first_f7ca::after {\n position: absolute;\n z-index: var(--ring-invisible-element-z-index);\n\n width: calc(var(--ring-unit)*23);\n height: calc(var(--ring-unit)*8);\n\n content: "";\n transition: background-color var(--ring-ease);\n }\n\n.first_f7ca::before {\n right: 100%;\n bottom: 0;\n }\n\n.first_f7ca::after {\n bottom: 100%;\n left: 0;\n }\n\n.first_f7ca.Day1_aa62::after {\n height: calc(var(--ring-unit)*5);\n }\n\n.first_f7ca + .Day2_a846 {\n position: relative;\n }\n\n.first_f7ca + .Day2_a846::before {\n position: absolute;\n z-index: var(--ring-invisible-element-z-index);\n top: calc(var(--ring-unit)*-8);\n left: 600%;\n\n width: calc(var(--ring-unit)*2);\n height: 100%;\n\n content: "";\n transition: background-color var(--ring-ease);\n }\n\n.Day5_c8f0::before,\n .Day6_dce5::before,\n .Day7_ef55::before,\n .Day5_c8f0::after,\n .Day6_dce5::after,\n .Day7_ef55::after {\n height: calc(var(--ring-unit)*5);\n }\n\n.spread_d67f::before,\n .spread_d67f::after,\n .spread_d67f + .Day2_a846::before {\n transition: none;\n\n background-color: var(--ring-selected-background-color);\n }\n\n.activeSpread_cc8f::before,\n .activeSpread_cc8f::after,\n .activeSpread_cc8f + .Day2_a846::before {\n transition: none;\n\n background-color: var(--ring-date-picker-hover-color);\n }\n\n.empty_f067.empty_f067 {\n pointer-events: none;\n\n opacity: 0;\n}\n\n.today_b7bc.today_b7bc {\n position: relative;\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n.today_b7bc::before {\n position: absolute;\n top: 0;\n left: calc(var(--ring-unit)*0.5);\n\n content: "•";\n\n font-size: var(--ring-font-size-smaller);\n}\n\n.day_c689 > .today_b7bc::before {\n top: 4px;\n left: 0;\n\n width: 100%;\n\n text-align: center;\n}\n\n.year_b06b.today_b7bc::before {\n top: -1px;\n left: 2px;\n}\n\n.monthNames_e3a5 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n\n width: calc(var(--ring-unit)*6);\n\n background-color: var(--ring-content-background-color);\n box-shadow: -1px 0 var(--ring-line-color);\n}\n\n.monthName_d041 {\n}\n\n.monthName_d041.monthName_d041 {\n position: relative;\n\n width: 100%;\n\n height: calc(var(--ring-unit)*3);\n padding-left: calc(var(--ring-unit)*1.5);\n\n text-transform: capitalize;\n\n line-height: calc(var(--ring-unit)*3);\n}\n\n.monthSlider_dca5 {\n}\n\n.monthSlider_dca5.monthSlider_dca5 {\n position: absolute;\n z-index: var(--ring-fixed-z-index);\n right: 0;\n left: -1px;\n\n width: calc(100% + 1px);\n\n height: calc(var(--ring-unit)*6);\n\n cursor: grab;\n\n opacity: 0.17;\n background-color: var(--ring-main-color);\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.monthSlider_dca5:hover {\n opacity: 0.3;\n}}\n\n.dragging_d711 {\n cursor: grabbing;\n\n opacity: 0.35;\n}\n\n.range_f910 {\n position: absolute;\n left: 0;\n\n width: 2px;\n\n background-color: var(--ring-main-color);\n}\n\n.years_a39c {\n position: absolute;\n top: 0;\n right: 0;\n\n width: calc(var(--ring-unit)*6);\n\n background-color: var(--ring-content-background-color);\n box-shadow: -1px 0 var(--ring-line-color);\n\n font-size: var(--ring-font-size-smaller);\n}\n\n.year_b06b {\n}\n\n.year_b06b.year_b06b {\n position: relative;\n\n width: 100%;\n\n height: calc(var(--ring-unit)*4);\n\n text-align: center;\n\n color: var(--ring-secondary-color);\n\n line-height: calc(var(--ring-unit)*4);\n}\n\n.currentYear_b133.currentYear_b133 {\n cursor: auto;\n transition: none;\n\n color: var(--ring-text-color);\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.currentYear_b133:hover {\n color: var(--ring-text-color);\n}}\n',"",{version:3,sources:["webpack://./src/date-picker/date-picker.css",""],names:[],mappings:"AASA;EACE,6CAA6C;EAC7C,8DAA8D;AAChE;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,eAAe;EACf,kCAAkC;AACpC;;ACrBA,wGAAA;EAAA,iBAAA;;EAAA,oCAAA;CAAA,CAAA;;AD6BA;EACE,+BAA+B;AAyBjC;;AAvBE;IACE,UAAU;EACZ;;AAEA;IACE,gCAAkC;EACpC;;AAEA;IACE,gCAAkC;EACpC;;AAEA;IACE,gCAAkC;EACpC;;AAEA;IACE,WAAW;EACb;;AAEA;IACE,eAAe;EACjB;;AAGF;EACE,qBAAqB;;EAErB,oCAAsC;;EAEtC,gBAAgB;AAClB;;AAEA;EACE,oCAAsC;AACxC;;AAEA;EACE,eAAe;EACf,oCAAoC;;EAEpC,YAAY;AACd;;AC1EA,wGAAA;EAAA,aAAA;CAAA,CAAA;;AAAA,wGAAA;EAAA,iBAAA;;EAAA,WAAA;CAAA,CAAA;;ADsFA;EACE,kBAAkB;;EAElB,yBAAiB;;UAAjB,iBAAiB;EACjB,gBAAgB;;EAEhB,6BAA6B;AAC/B;;AAEA;EACE,sBAAsB;AACxB;;AAEA;;EAGE,aAAa;;EAEb,sCAAwC;AAC1C;;AAEA;AAEA;;AAEA;EACE,sCAAwC;;EAExC,6BAA6B;AAC/B;;AAEA;EACE,WAAW;EACX,2BAA2B;;EAE3B,iBAAiB;EACjB,mBAAmB;AAQrB;;AANE;IACE,kBAAkB;IAClB,UAAU;;IAEV,eAAe;EACjB;;AAGF;EACE,aAAa;EACb,qBAAqB;AACvB;;AAEA;EACE,iBAAiB;;EAEjB,uCAAuC;AACzC;;AAEA;EACE,kBAAkB;;EAElB,qCAAuC;EACvC,YAAY;EACZ,cAAc;AAChB;;AAGE;IACE,kBAAkB;IAClB,MAAM;IACN,uBAAuB;;IAEvB,YAAY;;IAEZ,2CAA6C;EAC/C;;AAGF;EACE,qCAAuC;EACvC,YAAY;EACZ,cAAc;;EAEd,gCAAkC;AACpC;;AAEA;EACE,qCAAuC;EACvC,YAAY;EACZ,cAAc;AAChB;;AAEA;EACE,kBAAkB;AAUpB;;AARE;IACE,kBAAkB;IAClB,+BAAiC;;IAEjC,YAAY;;IAEZ,2CAA6C;EAC/C;;AAGF;EACE,gCAAkC;EAClC,uCAAyC;;EAEzC,kCAAkC;AACpC;;AAEA;EACE,qBAAqB;;EAErB,+BAAe;;EAEf,kBAAkB;EAClB,0BAA0B;AAC5B;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,kBAAkB;;EAElB,gBAAgB;;EAEhB,gCAAe;EACf,iCAAiB;;EAEjB,yCAAyC;AAC3C;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,+BAAgB;EAChB,SAAS;EACT,OAAO;AACT;;AAEA;EACE,kBAAkB;EAClB,OAAO;AACT;;AAEA;EACE,aAAa;EACb,eAAe;;EAEf,gCAAkC;EAClC,gCAAkC;AACpC;;AAEA;EACE,cAAc;;EAEd,gCAAgB;;EAEhB,qCAAqB;AACvB;;AAEA;EACE,qHAAqH;;EAErH,gCAAkC;;EAElC,wCAA0C;;EAE1C,gBAAgB;;EAEhB,0BAA0B;;EAE1B,yCAAyC;AAO3C;;AALE;;AAbF;IAcI,qCAAuC;;IAEvC,WAAW;AAEf;EADE;;AAGF;AAEA;;AAEA;EACE,kBAAkB;;EAElB,oCAAoB;;EAEpB,SAAS;;EAET,eAAe;EACf,qEAAqE;EACrE,kBAAkB;AAMpB;;AAJE;;IAEE,oBAAoB;EACtB;;AAGF;EACE,gBAAgB;;EAEhB,uDAAuD;AACzD;;AAEA;EACE,gBAAgB;;EAEhB,qDAAqD;AACvD;;AAEA;EACE,mCAAmC;EACnC,wCAAwC;EACxC,wCAAwC;AAC1C;;AAEA;EACE,gBAAgB;;EAEhB,6BAA6B;EAC7B,wCAAwC;EACxC,qDAAqD;AACvD;;AAEA;EACE,mBAAmB;;EAEnB,iCAAiC;AACnC;;AAEA;EACE,sEAAsE;AACxE;;AAEA;EACE,sEAAsE;AACxE;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kBAAkB;AAuCpB;;AArCE;;IAEE,kBAAkB;;IAElB,+BAAiC;IACjC,YAAY;;IAEZ,WAAW;IACX,6CAA6C;EAC/C;;AAEA;IACE,WAAW;EACb;;AAEA;IACE,YAAY;IACZ,UAAU;EACZ;;AAGE;;MAEE,gBAAgB;;MAEhB,uDAAuD;IACzD;;AAIA;;MAEE,gBAAgB;;MAEhB,qDAAqD;IACvD;;AAIJ;EACE,kBAAkB;AA8CpB;;AA5CE;;IAEE,kBAAkB;IAClB,8CAA8C;;IAE9C,gCAAkC;IAClC,gCAAkC;;IAElC,WAAW;IACX,6CAA6C;EAC/C;;AAEA;IACE,WAAW;IACX,SAAS;EACX;;AAEA;IACE,YAAY;IACZ,OAAO;EACT;;AAGE;MACE,gCAAkC;IACpC;;AAGF;IACE,kBAAkB;EAcpB;;AAZE;MACE,kBAAkB;MAClB,8CAA8C;MAC9C,8BAAgC;MAChC,UAAU;;MAEV,+BAAiC;MACjC,YAAY;;MAEZ,WAAW;MACX,6CAA6C;IAC/C;;AAOF;;;;;;IAEE,gCAAkC;EACpC;;AAIA;;;IAGE,gBAAgB;;IAEhB,uDAAuD;EACzD;;AAIA;;;IAGE,gBAAgB;;IAEhB,qDAAqD;EACvD;;AAGF;EACE,oBAAoB;;EAEpB,UAAU;AACZ;;AAEA;EACE,kBAAkB;;EAElB,yCAAyC;AAC3C;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,gCAAkC;;EAElC,YAAY;;EAEZ,wCAAwC;AAC1C;;AAEA;EACE,QAAQ;EACR,OAAO;;EAEP,WAAW;;EAEX,kBAAkB;AACpB;;AAEA;EACE,SAAS;EACT,SAAS;AACX;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;;EAET,+BAAiC;;EAEjC,sDAAsD;EACtD,yCAAyC;AAC3C;;AAEA;AAGA;;AAEA;EACE,kBAAkB;;EAElB,WAAW;;EAEX,gCAAgB;EAChB,wCAA0C;;EAE1C,0BAA0B;;EAE1B,qCAAqB;AACvB;;AAEA;AAEA;;AAEA;EACE,kBAAkB;EAClB,kCAAkC;EAClC,QAAQ;EACR,UAAU;;EAEV,uBAAuB;;EAEvB,gCAAkC;;EAElC,YAAY;;EAEZ,aAAa;EACb,wCAAwC;AAC1C;;AC3hBA,wGAAA;EAAA,aAAA;CAAA,CAAA;;ADiiBA;EACE,gBAAgB;;EAEhB,aAAa;AACf;;AAEA;EACE,kBAAkB;EAClB,OAAO;;EAEP,UAAU;;EAEV,wCAAwC;AAC1C;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;;EAER,+BAAgB;;EAEhB,sDAAsD;EACtD,yCAAyC;;EAEzC,wCAAwC;AAC1C;;AAEA;AAGA;;AAEA;EACE,kBAAkB;;EAElB,WAAW;;EAEX,gCAAkB;;EAElB,kBAAkB;;EAElB,kCAAkC;;EAElC,qCAAuB;AACzB;;AAEA;EACE,YAAY;EACZ,gBAAgB;;EAEhB,6BAA6B;AAC/B;;ACrlBA,wGAAA;EAAA,8BAAA;CAAA,CAAA",sourcesContent:['@import "../global/variables.css";\n@import "../global/global.css";\n\n@value cellSize: calc(var(--ring-unit) * 3);\n@value calHeight: calc(var(--ring-unit) * 36);\n@value calWidth: calc(var(--ring-unit) * 37);\n@value yearHeight: calc(var(--ring-unit) * 4);\n@value yearWidth: calc(var(--ring-unit) * 6);\n\n:root {\n /* stylelint-disable-next-line color-no-hex */\n --ring-date-picker-hover-color: var(--ring-border-hover-color);\n}\n\n.container {\n display: inline-block;\n}\n\n.hoverable {\n cursor: pointer;\n transition: color 0.2s ease-out 0s;\n}\n\n.hoverable:hover {\n transition: none;\n\n color: var(--ring-link-hover-color);\n}\n\n.datePicker.datePicker {\n padding-right: var(--ring-unit);\n\n &.inline {\n padding: 0;\n }\n\n &.sizeS {\n width: calc(var(--ring-unit) * 12);\n }\n\n &.sizeM {\n width: calc(var(--ring-unit) * 30);\n }\n\n &.sizeL {\n width: calc(var(--ring-unit) * 50);\n }\n\n &.sizeFULL {\n width: 100%;\n }\n\n &.sizeAUTO {\n max-width: 100%;\n }\n}\n\n.displayDate {\n display: inline-block;\n\n min-width: calc(var(--ring-unit) * 11);\n\n text-align: left;\n}\n\n.displayDate.displayRange {\n min-width: calc(var(--ring-unit) * 22);\n}\n\n.clear {\n cursor: pointer;\n transition: opacity var(--ring-ease);\n\n opacity: 0.3;\n}\n\n.datePicker:hover .clear {\n opacity: 0.5;\n}\n\n.datePicker .clear:hover {\n transition: none;\n\n opacity: 1;\n}\n\n.datePopup {\n width: min-content;\n\n user-select: none;\n text-align: left;\n\n color: var(--ring-text-color);\n}\n\n.datePopup * {\n box-sizing: border-box;\n}\n\n.filterWrapper {\n composes: filterWrapper from "../select/select-popup.css";\n\n display: flex;\n\n padding-left: calc(var(--ring-unit) * 2);\n}\n\n.filter {\n composes: filter from "../select/select-popup.css";\n}\n\n.calendarIcon {\n margin-right: calc(var(--ring-unit) / 2);\n\n color: var(--ring-icon-color);\n}\n\n.anchor {\n width: 100%;\n padding: 0 var(--ring-unit);\n\n text-align: start;\n white-space: nowrap;\n\n .inline & {\n min-width: initial;\n padding: 0;\n\n cursor: pointer;\n }\n}\n\n.anchorContent {\n display: flex;\n align-items: baseline;\n}\n\n.chevronDownIcon {\n margin-left: auto;\n\n color: var(--ring-icon-secondary-color);\n}\n\n.fromInput {\n position: relative;\n\n flex-basis: calc(var(--ring-unit) * 13);\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.fromInputWithDivider {\n &::after {\n position: absolute;\n top: 0;\n right: var(--ring-unit);\n\n content: "—";\n\n line-height: calc(4 * var(--ring-unit) - 2px);\n }\n}\n\n.toInput {\n flex-basis: calc(var(--ring-unit) * 13);\n flex-grow: 1;\n flex-shrink: 0;\n\n width: calc(var(--ring-unit) * 13);\n}\n\n.dateInput {\n flex-basis: calc(var(--ring-unit) * 11);\n flex-grow: 1;\n flex-shrink: 0;\n}\n\n.timeInputWithDivider {\n position: relative;\n\n &::before {\n position: absolute;\n left: calc(-1 * var(--ring-unit));\n\n content: ",";\n\n line-height: calc(4 * var(--ring-unit) - 3px);\n }\n}\n\n.weekdays {\n height: calc(var(--ring-unit) * 4);\n padding: 5px calc(var(--ring-unit) * 2) 0;\n\n color: var(--ring-secondary-color);\n}\n\n.weekday.weekday {\n display: inline-block;\n\n width: cellSize;\n\n text-align: center;\n text-transform: capitalize;\n}\n\n.weekend.weekend {\n color: var(--ring-error-color);\n}\n\n.calendar {\n position: relative;\n\n overflow: hidden;\n\n width: calWidth;\n height: calHeight;\n\n box-shadow: 0 -1px var(--ring-line-color);\n}\n\n.months.months {\n position: absolute;\n top: 0;\n right: yearWidth;\n bottom: 0;\n left: 0;\n}\n\n.days {\n position: relative;\n left: 0;\n}\n\n.month.month {\n display: flex;\n flex-wrap: wrap;\n\n width: calc(var(--ring-unit) * 21);\n margin: calc(var(--ring-unit) * 2);\n}\n\n.month.month > * {\n flex-shrink: 0;\n\n height: cellSize;\n\n line-height: cellSize;\n}\n\n.monthTitle {\n /* IE workaround, see https://github.com/philipwalton/flexbugs#7-flex-basis-doesnt-account-for-box-sizingborder-box */\n\n width: calc(var(--ring-unit) * 12);\n\n padding-left: calc(var(--ring-unit) * 0.5);\n\n text-align: left;\n\n text-transform: capitalize;\n\n font-weight: var(--ring-font-weight-bold);\n\n @supports (flex-basis: 1px) {\n flex-basis: calc(var(--ring-unit) * 12);\n\n width: auto;\n }\n}\n\n.day {\n composes: resetButton from "../global/global.css";\n}\n\n.day.day {\n position: relative;\n\n flex-basis: cellSize;\n\n margin: 0;\n\n cursor: pointer;\n transition: background-color var(--ring-ease), color var(--ring-ease);\n text-align: center;\n\n &::before,\n &::after {\n pointer-events: none;\n }\n}\n\n.between.between {\n transition: none;\n\n background-color: var(--ring-selected-background-color);\n}\n\n.activeBetween.activeBetween {\n transition: none;\n\n background-color: var(--ring-date-picker-hover-color);\n}\n\n.current.current {\n color: var(--ring-white-text-color);\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-main-color);\n}\n\n.active.active {\n transition: none;\n\n color: var(--ring-text-color);\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-date-picker-hover-color);\n}\n\n.disabled.disabled {\n cursor: not-allowed;\n\n color: var(--ring-disabled-color);\n}\n\n.from.from {\n border-radius: var(--ring-border-radius) 0 0 var(--ring-border-radius);\n}\n\n.to.to {\n border-radius: 0 var(--ring-border-radius) var(--ring-border-radius) 0;\n}\n\n.from.to {\n border-radius: var(--ring-border-radius);\n}\n\n.Day1 {\n position: relative;\n\n &::before,\n &::after {\n position: absolute;\n\n width: calc(var(--ring-unit) * 2);\n height: 100%;\n\n content: "";\n transition: background-color var(--ring-ease);\n }\n\n &::before {\n right: 100%;\n }\n\n &::after {\n bottom: 100%;\n left: 700%;\n }\n\n &.spread {\n &::before,\n &::after {\n transition: none;\n\n background-color: var(--ring-selected-background-color);\n }\n }\n\n &.activeSpread {\n &::before,\n &::after {\n transition: none;\n\n background-color: var(--ring-date-picker-hover-color);\n }\n }\n}\n\n.first {\n position: relative;\n\n &::before,\n &::after {\n position: absolute;\n z-index: var(--ring-invisible-element-z-index);\n\n width: calc(var(--ring-unit) * 23);\n height: calc(var(--ring-unit) * 8);\n\n content: "";\n transition: background-color var(--ring-ease);\n }\n\n &::before {\n right: 100%;\n bottom: 0;\n }\n\n &::after {\n bottom: 100%;\n left: 0;\n }\n\n &.Day1 {\n &::after {\n height: calc(var(--ring-unit) * 5);\n }\n }\n\n & + .Day2 {\n position: relative;\n\n &::before {\n position: absolute;\n z-index: var(--ring-invisible-element-z-index);\n top: calc(var(--ring-unit) * -8);\n left: 600%;\n\n width: calc(var(--ring-unit) * 2);\n height: 100%;\n\n content: "";\n transition: background-color var(--ring-ease);\n }\n }\n}\n\n.Day5,\n.Day6,\n.Day7 {\n &::before,\n &::after {\n height: calc(var(--ring-unit) * 5);\n }\n}\n\n.spread {\n &::before,\n &::after,\n & + .Day2::before {\n transition: none;\n\n background-color: var(--ring-selected-background-color);\n }\n}\n\n.activeSpread {\n &::before,\n &::after,\n & + .Day2::before {\n transition: none;\n\n background-color: var(--ring-date-picker-hover-color);\n }\n}\n\n.empty.empty {\n pointer-events: none;\n\n opacity: 0;\n}\n\n.today.today {\n position: relative;\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n.today::before {\n position: absolute;\n top: 0;\n left: calc(var(--ring-unit) * 0.5);\n\n content: "•";\n\n font-size: var(--ring-font-size-smaller);\n}\n\n.day > .today::before {\n top: 4px;\n left: 0;\n\n width: 100%;\n\n text-align: center;\n}\n\n.year.today::before {\n top: -1px;\n left: 2px;\n}\n\n.monthNames {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n\n width: calc(var(--ring-unit) * 6);\n\n background-color: var(--ring-content-background-color);\n box-shadow: -1px 0 var(--ring-line-color);\n}\n\n.monthName {\n composes: hoverable;\n composes: resetButton from "../global/global.css";\n}\n\n.monthName.monthName {\n position: relative;\n\n width: 100%;\n\n height: cellSize;\n padding-left: calc(var(--ring-unit) * 1.5);\n\n text-transform: capitalize;\n\n line-height: cellSize;\n}\n\n.monthSlider {\n composes: resetButton from "../global/global.css";\n}\n\n.monthSlider.monthSlider {\n position: absolute;\n z-index: var(--ring-fixed-z-index);\n right: 0;\n left: -1px;\n\n width: calc(100% + 1px);\n\n height: calc(var(--ring-unit) * 6);\n\n cursor: grab;\n\n opacity: 0.17;\n background-color: var(--ring-main-color);\n}\n\n.monthSlider:hover {\n opacity: 0.3;\n}\n\n.dragging {\n cursor: grabbing;\n\n opacity: 0.35;\n}\n\n.range {\n position: absolute;\n left: 0;\n\n width: 2px;\n\n background-color: var(--ring-main-color);\n}\n\n.years {\n position: absolute;\n top: 0;\n right: 0;\n\n width: yearWidth;\n\n background-color: var(--ring-content-background-color);\n box-shadow: -1px 0 var(--ring-line-color);\n\n font-size: var(--ring-font-size-smaller);\n}\n\n.year {\n composes: hoverable;\n composes: resetButton from "../global/global.css";\n}\n\n.year.year {\n position: relative;\n\n width: 100%;\n\n height: yearHeight;\n\n text-align: center;\n\n color: var(--ring-secondary-color);\n\n line-height: yearHeight;\n}\n\n.currentYear.currentYear {\n cursor: auto;\n transition: none;\n\n color: var(--ring-text-color);\n}\n\n.currentYear:hover {\n color: var(--ring-text-color);\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={cellSize:"calc(var(--ring-unit)*3)",calHeight:"calc(var(--ring-unit)*36)",calWidth:"calc(var(--ring-unit)*37)",yearHeight:"calc(var(--ring-unit)*4)",yearWidth:"calc(var(--ring-unit)*6)",container:"container_dad6",hoverable:"hoverable_cbab",datePicker:"datePicker_dab6",inline:"inline_e474",sizeS:"sizeS_ec2d",sizeM:"sizeM_bf3c",sizeL:"sizeL_c873",sizeFULL:"sizeFULL_ac9b",sizeAUTO:"sizeAUTO_c236",displayDate:"displayDate_bd03",displayRange:"displayRange_f1a1",clear:"clear_cbda",datePopup:"datePopup_b189",filterWrapper:`filterWrapper_e62f ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_select_select_popup_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.filterWrapper}`,filter:`filter_a249 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_select_select_popup_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.filter}`,calendarIcon:"calendarIcon_cff7",anchor:"anchor_cfd8",anchorContent:"anchorContent_c7b4",chevronDownIcon:"chevronDownIcon_d693",fromInput:"fromInput_f01f",fromInputWithDivider:"fromInputWithDivider_e320",toInput:"toInput_ca86",dateInput:"dateInput_b0b0",timeInputWithDivider:"timeInputWithDivider_b1cd",weekdays:"weekdays_e810",weekday:"weekday_ab35",weekend:"weekend_b354",calendar:"calendar_d951",months:"months_d4e9",days:"days_cf0b",month:"month_bac5",monthTitle:"monthTitle_cc6c",day:`day_c689 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default.locals.resetButton}`,between:"between_c589",activeBetween:"activeBetween_d1ce",current:"current_ee75",active:"active_ff5c",disabled:"disabled_a223",from:"from_e689",to:"to_f121",Day1:"Day1_aa62",spread:"spread_d67f",activeSpread:"activeSpread_cc8f",first:"first_f7ca",Day2:"Day2_a846",Day5:"Day5_c8f0",Day6:"Day6_dce5",Day7:"Day7_ef55",empty:"empty_f067",today:"today_b7bc",year:`year_b06b hoverable_cbab ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default.locals.resetButton}`,monthNames:"monthNames_e3a5",monthName:`monthName_d041 hoverable_cbab ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default.locals.resetButton}`,monthSlider:`monthSlider_dca5 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default.locals.resetButton}`,dragging:"dragging_d711",range:"range_f910",years:"years_a39c",currentYear:"currentYear_b133"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/dropdown/dropdown.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".dropdown_c237 {\n display: inline-block;\n}\n\n.anchor_dff2.anchor_dff2 {\n margin: 0 -3px;\n padding: 0 3px;\n\n font: inherit;\n}\n\n.chevron_a400 {\n margin-left: 2px;\n\n line-height: normal;\n}\n","",{version:3,sources:["webpack://./src/dropdown/dropdown.css"],names:[],mappings:"AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,cAAc;EACd,cAAc;;EAEd,aAAa;AACf;;AAEA;EACE,gBAAgB;;EAEhB,mBAAmB;AACrB",sourcesContent:['@import "../global/variables.css";\n\n.dropdown {\n display: inline-block;\n}\n\n.anchor.anchor {\n margin: 0 -3px;\n padding: 0 3px;\n\n font: inherit;\n}\n\n.chevron {\n margin-left: 2px;\n\n line-height: normal;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={dropdown:"dropdown_c237",anchor:"anchor_dff2",chevron:"chevron_a400"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/select/select-popup.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,'@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.filterWithTagsFocused_ead3.filterWithTagsFocused_ead3:hover {\n border-color: var(--ring-main-color);\n}}\n\n.filterWithTags_d44f {\n overflow: hidden;\n\n margin: calc(var(--ring-unit)*2) var(--ring-unit) 0;\n padding: 3px;\n\n text-align: left;\n\n border: 1px solid var(--ring-borders-color);\n border-radius: var(--ring-border-radius);\n}\n\n.filterWithTags_d44f .filterWrapper_fe8f {\n padding-right: 0;\n padding-left: 0;\n\n border-bottom: none;\n }\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.filterWithTags_d44f:hover {\n border-color: var(--ring-border-hover-color);\n }}\n\n.filterWithTagsFocused_ead3 {\n border-color: var(--ring-main-color);\n}\n\n.filterWithTagsInput_cf40 {\n padding: 0;\n\n border: none;\n}\n\n.filter_b74b {\n flex-grow: 1;\n\n width: 0;\n}\n\n.popup_b994 {\n overscroll-behavior: contain;\n}\n\n.filterWrapper_fe8f {\n position: relative;\n\n display: flex;\n\n margin: 0;\n padding-right: var(--ring-unit);\n padding-left: calc(var(--ring-unit)*5.5);\n\n border-bottom: 1px solid var(--ring-borders-color);\n}\n\n[dir="rtl"] .filterWrapper_fe8f {\n padding-right: calc(var(--ring-unit)*5.5);\n padding-left: var(--ring-unit);\n }\n\n.filterIcon_da31 {\n position: absolute;\n top: 7px;\n left: calc(var(--ring-unit)*2);\n\n color: var(--ring-icon-color);\n}\n\n[dir="rtl"] .filterIcon_da31 {\n right: calc(var(--ring-unit)*2);\n left: auto;\n }\n\n.bottomLine_b399 {\n text-align: center;\n}\n\n.bottomLine_b399.bottomLineOverItem_a026 {\n position: relative;\n\n z-index: var(--ring-fixed-z-index);\n\n margin-top: -36px;\n\n background-color: var(--ring-content-background-color);\n }\n\n.message_fefb {\n display: inline-block;\n\n margin: var(--ring-unit) 0;\n padding: 0 calc(var(--ring-unit)*2);\n}\n\n.selectAll_ba59 {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n\n padding: 8px 16px 0;\n}\n',"",{version:3,sources:["","webpack://./src/select/select-popup.css"],names:[],mappings:"AAAA,wGAAA;EAAA,qCAAA;CAAA,CAAA;;ACEA;EACE,gBAAgB;;EAEhB,mDAAqD;EACrD,YAAY;;EAEZ,gBAAgB;;EAEhB,2CAA2C;EAC3C,wCAAwC;AAY1C;;AAVE;IACE,gBAAgB;IAChB,eAAe;;IAEf,mBAAmB;EACrB;;ADlBF,wGAAA;IAAA,6CAAA;GAAA,CAAA;;ACyBA;EAEE,oCAAoC;AACtC;;AAEA;EACE,UAAU;;EAEV,YAAY;AACd;;AAEA;EACE,YAAY;;EAEZ,QAAQ;AACV;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,kBAAkB;;EAElB,aAAa;;EAEb,SAAS;EACT,+BAA+B;EAC/B,wCAA0C;;EAE1C,kDAAkD;AAMpD;;AAJE;IACE,yCAA2C;IAC3C,8BAA8B;EAChC;;AAGF;EACE,kBAAkB;EAClB,QAAQ;EACR,8BAAgC;;EAEhC,6BAA6B;AAM/B;;AAJE;IACE,+BAAiC;IACjC,UAAU;EACZ;;AAGF;EACE,kBAAkB;AAWpB;;AATE;IACE,kBAAkB;;IAElB,kCAAkC;;IAElC,iBAAiB;;IAEjB,sDAAsD;EACxD;;AAGF;EACE,qBAAqB;;EAErB,0BAA0B;EAC1B,mCAAqC;AACvC;;AAEA;EACE,aAAa;EACb,qBAAqB;EACrB,8BAA8B;;EAE9B,mBAAmB;AACrB",sourcesContent:[null,'@import "../global/variables.css";\n\n.filterWithTags {\n overflow: hidden;\n\n margin: calc(var(--ring-unit) * 2) var(--ring-unit) 0;\n padding: 3px;\n\n text-align: left;\n\n border: 1px solid var(--ring-borders-color);\n border-radius: var(--ring-border-radius);\n\n & .filterWrapper {\n padding-right: 0;\n padding-left: 0;\n\n border-bottom: none;\n }\n\n &:hover {\n border-color: var(--ring-border-hover-color);\n }\n}\n\n.filterWithTagsFocused,\n.filterWithTagsFocused.filterWithTagsFocused:hover {\n border-color: var(--ring-main-color);\n}\n\n.filterWithTagsInput {\n padding: 0;\n\n border: none;\n}\n\n.filter {\n flex-grow: 1;\n\n width: 0;\n}\n\n.popup {\n overscroll-behavior: contain;\n}\n\n.filterWrapper {\n position: relative;\n\n display: flex;\n\n margin: 0;\n padding-right: var(--ring-unit);\n padding-left: calc(var(--ring-unit) * 5.5);\n\n border-bottom: 1px solid var(--ring-borders-color);\n\n [dir="rtl"] & {\n padding-right: calc(var(--ring-unit) * 5.5);\n padding-left: var(--ring-unit);\n }\n}\n\n.filterIcon {\n position: absolute;\n top: 7px;\n left: calc(var(--ring-unit) * 2);\n\n color: var(--ring-icon-color);\n\n [dir="rtl"] & {\n right: calc(var(--ring-unit) * 2);\n left: auto;\n }\n}\n\n.bottomLine {\n text-align: center;\n\n &.bottomLineOverItem {\n position: relative;\n\n z-index: var(--ring-fixed-z-index);\n\n margin-top: -36px;\n\n background-color: var(--ring-content-background-color);\n }\n}\n\n.message {\n display: inline-block;\n\n margin: var(--ring-unit) 0;\n padding: 0 calc(2 * var(--ring-unit));\n}\n\n.selectAll {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n\n padding: 8px 16px 0;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={filterWithTagsFocused:"filterWithTagsFocused_ead3",filterWithTags:"filterWithTags_d44f",filterWrapper:"filterWrapper_fe8f",filterWithTagsInput:"filterWithTagsInput_cf40",filter:"filter_b74b",popup:"popup_b994",filterIcon:"filterIcon_da31",bottomLine:"bottomLine_b399",bottomLineOverItem:"bottomLineOverItem_a026",message:"message_fefb",selectAll:"selectAll_ba59"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/control-help/control-help.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/date-picker/date-picker.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/date-picker/date-picker.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/dropdown/dropdown.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/dropdown/dropdown.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/link/link.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}}}]); \ No newline at end of file +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[2718],{"./src/date-picker/date-picker.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{allSizes:()=>allSizes,clearable:()=>clearable,default:()=>date_picker_stories,range:()=>range,rangeWithCustomPlaceholders:()=>rangeWithCustomPlaceholders,rangeWithMax:()=>rangeWithMax,rangeWithMin:()=>rangeWithMin,rangeWithMinMax:()=>rangeWithMinMax,renderInline:()=>renderInline,singleDate:()=>singleDate,singleDateAndTime:()=>singleDateAndTime,singleWithMax:()=>singleWithMax,singleWithMin:()=>singleWithMin,singleWithMinMax:()=>singleWithMinMax,startsFromSunday:()=>startsFromSunday});var react=__webpack_require__("./node_modules/react/index.js"),en_US=__webpack_require__("./node_modules/date-fns/locale/en-US.mjs"),input=__webpack_require__("./src/input/input.tsx"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),format=__webpack_require__("./node_modules/date-fns/format.mjs"),isSameDay=__webpack_require__("./node_modules/date-fns/isSameDay.mjs"),isSameMonth=__webpack_require__("./node_modules/date-fns/isSameMonth.mjs"),isSameYear=__webpack_require__("./node_modules/date-fns/isSameYear.mjs"),isValid=__webpack_require__("./node_modules/date-fns/isValid.mjs"),parse=__webpack_require__("./node_modules/date-fns/parse.mjs"),set=__webpack_require__("./node_modules/date-fns/set.mjs"),calendar=__webpack_require__("./node_modules/@jetbrains/icons/calendar.js"),calendar_default=__webpack_require__.n(calendar),chevron_down=__webpack_require__("./node_modules/@jetbrains/icons/chevron-down.js"),chevron_down_default=__webpack_require__.n(chevron_down),memoize=__webpack_require__("./src/global/memoize.ts"),popup=__webpack_require__("./src/popup/popup.tsx"),dropdown=__webpack_require__("./src/dropdown/dropdown.tsx"),icon=__webpack_require__("./src/icon/icon.tsx"),button_button=__webpack_require__("./src/button/button.tsx"),link_link=__webpack_require__("./src/link/link.tsx"),i18n_context=__webpack_require__("./src/i18n/i18n-context.tsx"),isAfter=__webpack_require__("./node_modules/date-fns/isAfter.mjs"),isBefore=__webpack_require__("./node_modules/date-fns/isBefore.mjs"),startOfDay=__webpack_require__("./node_modules/date-fns/startOfDay.mjs"),controls_height=__webpack_require__("./src/global/controls-height.tsx"),add=__webpack_require__("./node_modules/date-fns/add.mjs");const units={unit:8,cellSize:24,calHeight:288,yearHeight:32},consts=units,YEAR=12,WEEK=7,FIFTH_DAY=4,weekdays={MO:1,TU:2,WE:3,TH:4,FR:5,SA:6,SU:0},MIDDLE_DAY=15,yearDuration=(duration={years:1},+(0,add.W)(0,duration));var duration;const yearScrollSpeed=yearDuration/(YEAR*units.cellSize),dateType=prop_types_default().oneOfType([prop_types_default().instanceOf(Date),prop_types_default().string,prop_types_default().number]);function shiftWeekArray(arr,startOfWeek){const shiftTimes=startOfWeek-1;return arr.slice(shiftTimes).concat(arr.slice(0,shiftTimes))}function getWeekStartsOn(locale){var _locale$options$weekS;return null!==(_locale$options$weekS=locale?.options?.weekStartsOn)&&void 0!==_locale$options$weekS?_locale$options$weekS:weekdays.MO}var date_picker=__webpack_require__("./src/date-picker/date-picker.css"),date_picker_default=__webpack_require__.n(date_picker),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");class DateInput extends react.PureComponent{static propTypes={active:prop_types_default().bool,divider:prop_types_default().bool,name:prop_types_default().string,text:prop_types_default().string,hoverDate:dateType,date:dateType,time:prop_types_default().string,displayFormat:prop_types_default().func,translations:prop_types_default().object,fromPlaceholder:prop_types_default().string,toPlaceholder:prop_types_default().string,timePlaceholder:prop_types_default().string,onInput:prop_types_default().func,onActivate:prop_types_default().func,onConfirm:prop_types_default().func,onClear:prop_types_default().func,locale:prop_types_default().object};componentDidMount(){this.updateInput(this.props)}componentDidUpdate(prevProps){const{text,active}=this.props;text===prevProps.text&&active===prevProps.active||this.updateInput({text,active})}static contextType=i18n_context.g;input;inputRef=el=>{this.input=el};updateInput({text,active}){const el=this.input;el&&(active?(el.focus(),text||el.select()):el.blur())}handleChange=e=>this.props.onInput(e.currentTarget.value,e.currentTarget.dataset.name);handleKeyDown=e=>{"Enter"===e.key&&(e.preventDefault(),this.props.onConfirm())};render(){const{active,divider,text,time,name,hoverDate,date,displayFormat,translations,onActivate,onClear,fromPlaceholder,toPlaceholder,timePlaceholder,locale}=this.props,{translate}=this.context;let displayText="";active&&hoverDate?displayText=displayFormat(hoverDate,locale):active&&null!=text?displayText=text:date?displayText=displayFormat(date,locale):"time"===name&&(displayText=time||"");const placeholder=((_translations$addFirs,_translations$addSeco,_translations$addTime,_translations$selectN)=>{switch(name){case"from":return fromPlaceholder||(null!==(_translations$addFirs=translations?.addFirstDate)&&void 0!==_translations$addFirs?_translations$addFirs:translate("addFirstDate"));case"to":return toPlaceholder||(null!==(_translations$addSeco=translations?.addSecondDate)&&void 0!==_translations$addSeco?_translations$addSeco:translate("addSecondDate"));case"time":return timePlaceholder||(null!==(_translations$addTime=translations?.addTime)&&void 0!==_translations$addTime?_translations$addTime:translate("addTime"));default:return(null!==(_translations$selectN=translations?.selectName)&&void 0!==_translations$selectN?_translations$selectN:translate("selectName")).replace("%name%",name).replace("{{name}}",name)}})(),classes=classnames_default()(date_picker_default().filter,date_picker_default()[`${name}Input`],divider&&date_picker_default()[`${name}InputWithDivider`],"ring-js-shortcuts");return(0,jsx_runtime.jsx)(input.Ay,{autoComplete:"off",borderless:!0,height:controls_height.sr.L,"data-name":name,inputRef:this.inputRef,className:classes,value:displayText,onChange:this.handleChange,onFocus:onActivate,onKeyDown:this.handleKeyDown,onClear,placeholder})}}DateInput.__docgenInfo={description:"",methods:[{name:"inputRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLInputElement | null",elements:[{name:"HTMLInputElement"},{name:"null"}]}}],returns:null},{name:"updateInput",docblock:null,modifiers:[],params:[{name:"{text, active}: UpdateInputConfig",optional:!1,type:{name:"UpdateInputConfig",alias:"UpdateInputConfig"}}],returns:null},{name:"handleChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactChangeEvent",raw:"React.ChangeEvent",elements:[{name:"HTMLInputElement"}],alias:"React.ChangeEvent"}}],returns:null},{name:"handleKeyDown",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactKeyboardEvent",raw:"React.KeyboardEvent",alias:"React.KeyboardEvent"}}],returns:null}],displayName:"DateInput",props:{date:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},time:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},from:{required:!1,tsType:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},description:""},to:{required:!1,tsType:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},description:""},minDate:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},maxDate:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},translations:{required:!1,tsType:{name:"union",raw:"DateInputTranslations | null | undefined",elements:[{name:"DateInputTranslations"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"object"}},fromPlaceholder:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},toPlaceholder:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},timePlaceholder:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},locale:{required:!1,tsType:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},description:"",type:{name:"object"}},parseDateInput:{required:!0,tsType:{name:"signature",type:"function",raw:"(text: Date | number | string | null | undefined) => Date | null",signature:{arguments:[{type:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},name:"text"}],return:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]}}},description:""},displayFormat:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, locale: Locale | undefined) => string",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},name:"locale"}],return:{name:"string"}}},description:"",type:{name:"func"}},onComplete:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onClear:{required:!1,tsType:{name:"union",raw:"((e: React.MouseEvent) => void) | null | undefined",elements:[{name:"unknown"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"func"}},renderAfterCalendar:{required:!1,tsType:{name:"union",raw:"((state: DatePopupState) => ReactNode) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:""},active:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},text:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",type:{name:"string"}},divider:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},name:{required:!1,tsType:{name:"union",raw:"'date' | 'time' | 'from' | 'to'",elements:[{name:"literal",value:"'date'"},{name:"literal",value:"'time'"},{name:"literal",value:"'from'"},{name:"literal",value:"'to'"}]},description:"",type:{name:"string"}},hoverDate:{required:!1,tsType:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},onInput:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string, name: Field) => void",signature:{arguments:[{type:{name:"string"},name:"value"},{type:{name:"union",raw:"'date' | 'time' | 'from' | 'to'",elements:[{name:"literal",value:"'date'"},{name:"literal",value:"'time'"},{name:"literal",value:"'from'"},{name:"literal",value:"'to'"}]},name:"name"}],return:{name:"void"}}},description:"",type:{name:"func"}},onActivate:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",type:{name:"func"}},onConfirm:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",type:{name:"func"}}}};var addMonths=__webpack_require__("./node_modules/date-fns/addMonths.mjs"),getDay=__webpack_require__("./node_modules/date-fns/getDay.mjs"),getDaysInMonth=__webpack_require__("./node_modules/date-fns/getDaysInMonth.mjs"),startOfMonth=__webpack_require__("./node_modules/date-fns/startOfMonth.mjs"),subMonths=__webpack_require__("./node_modules/date-fns/subMonths.mjs"),endOfMonth=__webpack_require__("./node_modules/date-fns/endOfMonth.mjs"),schedule_raf=__webpack_require__("./src/global/schedule-raf.ts"),linear_function=__webpack_require__("./src/global/linear-function.ts");var addDays=__webpack_require__("./node_modules/date-fns/addDays.mjs"),setDay=__webpack_require__("./node_modules/date-fns/setDay.mjs"),getDate=__webpack_require__("./node_modules/date-fns/getDate.mjs"),isToday=__webpack_require__("./node_modules/date-fns/isToday.mjs");let hoverTO;class Day extends react.Component{static propTypes={day:dateType,from:dateType,currentRange:prop_types_default().arrayOf(dateType),activeRange:prop_types_default().arrayOf(dateType),empty:prop_types_default().bool,onSelect:prop_types_default().func,parseDateInput:prop_types_default().func,onHover:prop_types_default().func,locale:prop_types_default().object,minDate:dateType,maxDate:dateType};handleClick=()=>this.props.onSelect(this.props.day);handleMouseOver=()=>{hoverTO&&(window.clearTimeout(hoverTO),hoverTO=null),this.props.onHover(this.props.day)};handleMouseOut=()=>{hoverTO=window.setTimeout(this.props.onHover,0)};isDay=date=>(0,isSameDay.r)(this.props.day,date);is=name=>{const value=this.props[name];return null!=value&&this.isDay(value)};inRange=range=>range&&(0,isAfter.d)((0,startOfDay.o)(this.props.day),(0,startOfDay.o)(range[0]))&&(0,isBefore.Y)((0,startOfDay.o)(this.props.day),(0,startOfDay.o)(range[1]));isDisabled=date=>{const min=this.parse(this.props.minDate),max=this.parse(this.props.maxDate);return null!=min&&(0,isBefore.Y)((0,startOfDay.o)(date),(0,startOfDay.o)(min))||null!=max&&(0,isAfter.d)((0,startOfDay.o)(date),(0,startOfDay.o)(max))};parse(text){return this.props.parseDateInput(text)}render(){const{day,from,currentRange,activeRange,empty,locale}=this.props,reverse=activeRange&&activeRange[1]===from,dayInWeek=function getDayNumInWeek(locale,day){return shiftWeekArray(Object.values(weekdays),getWeekStartsOn(locale)).indexOf(day)}(locale,(0,getDay.P)(day))+1;function makeSpreadRange(range){return range&&[range[0],(0,addDays.f)(range[1],1)]}const spreadRange=makeSpreadRange(currentRange),disabled=this.isDisabled(day),activeSpreadRange=makeSpreadRange(activeRange);return(0,jsx_runtime.jsx)("button",{type:"button",className:classnames_default()(date_picker_default().day,date_picker_default()[`Day${dayInWeek}`],{[date_picker_default().current]:["date","from","to"].some(this.is),[date_picker_default().active]:!disabled&&this.is("activeDate"),[date_picker_default().weekend]:[weekdays.SA,weekdays.SU].includes((0,getDay.P)(day)),[date_picker_default().empty]:empty,[date_picker_default().from]:currentRange&&this.isDay(currentRange[0])&&!reverse||activeRange&&this.isDay(activeRange[0]),[date_picker_default().to]:currentRange&&this.isDay(currentRange[1])||activeRange&&this.isDay(activeRange[1]),[date_picker_default().between]:this.inRange(currentRange),[date_picker_default().activeBetween]:!disabled&&this.inRange(activeRange),[date_picker_default().first]:1===(0,getDate.p)(day),[date_picker_default().spread]:this.inRange(spreadRange),[date_picker_default().activeSpread]:!disabled&&this.inRange(activeSpreadRange),[date_picker_default().disabled]:disabled}),onClick:this.handleClick,onMouseOver:this.handleMouseOver,onFocus:this.handleMouseOver,onMouseOut:this.handleMouseOut,onBlur:this.handleMouseOut,disabled,children:empty||(0,jsx_runtime.jsx)("span",{className:classnames_default()({[date_picker_default().today]:(0,isToday.c)(day)}),children:(0,format.GP)(day,"d")})})}}function Month(props){const start=props.month,end=(0,endOfMonth.p)(start),{locale}=props,weekday=(0,getDay.P)(start),fifthDayOfWeek=shiftWeekArray(Object.values(weekdays),getWeekStartsOn(props.locale))[FIFTH_DAY];let day=(0,setDay.l)(start,weekday>=fifthDayOfWeek?fifthDayOfWeek:fifthDayOfWeek-WEEK);const days=[];for(;day(0,react.createElement)(Day,{...props,day:date,empty:date void",signature:{arguments:[{type:{name:"number"},name:"to"}],return:{name:"void"}}},description:""},onScrollChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: number) => void",signature:{arguments:[{type:{name:"number"},name:"date"}],return:{name:"void"}}},description:""},onSelect:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:"",type:{name:"func"}},onHover:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:"",type:{name:"func"}},day:{required:!1,tsType:{name:"Date"},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},empty:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},parseDateInput:{description:"",type:{name:"func"},required:!1},locale:{description:"",type:{name:"object"},required:!1},minDate:{description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1},maxDate:{description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1}},composes:["Omit"]},Month.propTypes={month:dateType,locale:prop_types_default().object},Month.__docgenInfo={description:"",methods:[],displayName:"Month",props:{from:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},to:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},date:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},time:{required:!1,tsType:{name:"never"},description:""},activeDate:{required:!0,tsType:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]},description:""},scrollDate:{required:!0,tsType:{name:"union",raw:"number | Date",elements:[{name:"number"},{name:"Date"}]},description:""},currentRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},activeRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},onScroll:{required:!0,tsType:{name:"signature",type:"function",raw:"(to: number) => void",signature:{arguments:[{type:{name:"number"},name:"to"}],return:{name:"void"}}},description:""},onScrollChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: number) => void",signature:{arguments:[{type:{name:"number"},name:"date"}],return:{name:"void"}}},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},onHover:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},month:{required:!1,tsType:{name:"Date"},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},locale:{description:"",type:{name:"object"},required:!1}},composes:["Omit"]};var isThisMonth=__webpack_require__("./node_modules/date-fns/isThisMonth.mjs"),startOfYear=__webpack_require__("./node_modules/date-fns/startOfYear.mjs"),addYears=__webpack_require__("./node_modules/date-fns/addYears.mjs"),subYears=__webpack_require__("./node_modules/date-fns/subYears.mjs");class MonthSlider extends react.PureComponent{static propTypes={scrollDate:dateType,onScroll:prop_types_default().func,pxToDate:prop_types_default().shape({x:prop_types_default().func,y:prop_types_default().func})};state={dragging:!1};componentDidUpdate(prevProps,prevState){this.state.dragging&&!prevState.dragging?(window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp)):!this.state.dragging&&prevState.dragging&&(window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp))}onMouseDown=()=>{this.setState({dragging:!0})};onMouseUp=()=>{this.setState({dragging:!1})};onMouseMove=e=>{this.props.onScroll((0,linear_function.A)(0,Number(this.props.scrollDate),yearScrollSpeed).y(e.movementY))};render(){let year=(0,subYears.d)((0,startOfDay.o)(this.props.scrollDate),1);const years=[year];for(let i=0;i<=3;i++)year=(0,addYears.e)(year,1),years.push(year);const classes=classnames_default()(date_picker_default().monthSlider,{[date_picker_default().dragging]:this.state.dragging});return(0,jsx_runtime.jsx)("div",{children:years.map((date=>(0,jsx_runtime.jsx)("button",{type:"button",className:classes,style:{top:Math.floor(this.props.pxToDate.x(Number(date))-consts.cellSize)},onMouseDown:this.onMouseDown},+date)))})}}MonthSlider.__docgenInfo={description:"",methods:[{name:"onMouseDown",docblock:null,modifiers:[],params:[],returns:null},{name:"onMouseUp",docblock:null,modifiers:[],params:[],returns:null},{name:"onMouseMove",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"MouseEvent",alias:"MouseEvent"}}],returns:null}],displayName:"MonthSlider",props:{from:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},to:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},date:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},time:{required:!1,tsType:{name:"never"},description:""},activeDate:{required:!0,tsType:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]},description:""},scrollDate:{required:!1,tsType:{name:"union",raw:"number | Date",elements:[{name:"number"},{name:"Date"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},currentRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},activeRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},onScroll:{required:!1,tsType:{name:"signature",type:"function",raw:"(to: number) => void",signature:{arguments:[{type:{name:"number"},name:"to"}],return:{name:"void"}}},description:"",type:{name:"func"}},onScrollChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: number) => void",signature:{arguments:[{type:{name:"number"},name:"date"}],return:{name:"void"}}},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},onHover:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},pxToDate:{required:!1,tsType:{name:"LinearFunction"},description:"",type:{name:"shape",value:{x:{name:"func",required:!1},y:{name:"func",required:!1}}}}},composes:["Omit"]};class MonthName extends react.PureComponent{static propTypes={month:dateType,onScrollChange:prop_types_default().func,locale:prop_types_default().object};handleClick=()=>{const end=(0,endOfMonth.p)(this.props.month);this.props.onScrollChange(end.getTime())};render(){const{month,locale}=this.props;return(0,jsx_runtime.jsx)("button",{type:"button",className:classnames_default()(date_picker_default().monthName,{[date_picker_default().today]:(0,isThisMonth.d)(month)}),onClick:this.handleClick,children:(0,format.GP)(month,"LLL",{locale})})}}function MonthNames(props){const{scrollDate,locale}=props,months=[];for(let i=0;iMath.floor(pxToDate.x(Number(date)))))),(0,jsx_runtime.jsxs)("div",{className:date_picker_default().monthNames,children:[months.map((month=>(0,jsx_runtime.jsx)(MonthName,{month,onScrollChange:props.onScrollChange,locale},+month))),props.currentRange&&(0,jsx_runtime.jsx)("div",{className:date_picker_default().range,style:{top:top-1,height:bottom+1-(top-1)}}),(0,jsx_runtime.jsx)(MonthSlider,{...props,pxToDate})]})}MonthNames.propTypes={scrollDate:dateType,onScrollChange:prop_types_default().func,currentRange:prop_types_default().arrayOf(dateType),locale:prop_types_default().object},MonthNames.__docgenInfo={description:"",methods:[],displayName:"MonthNames",props:{from:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},to:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},date:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},time:{required:!1,tsType:{name:"never"},description:""},activeDate:{required:!0,tsType:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]},description:""},scrollDate:{required:!1,tsType:{name:"union",raw:"number | Date",elements:[{name:"number"},{name:"Date"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},currentRange:{required:!1,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:"",type:{name:"arrayOf",value:{name:"custom",raw:"dateType"}}},activeRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},onScroll:{required:!0,tsType:{name:"signature",type:"function",raw:"(to: number) => void",signature:{arguments:[{type:{name:"number"},name:"to"}],return:{name:"void"}}},description:""},onScrollChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: number) => void",signature:{arguments:[{type:{name:"number"},name:"date"}],return:{name:"void"}}},description:"",type:{name:"func"}},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},onHover:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},locale:{description:"",type:{name:"object"},required:!1}},composes:["Omit"]};const{unit:months_unit,cellSize,calHeight}=consts,FridayToSunday=WEEK+weekdays.SU-weekdays.FR,FIVELINES=31,TALLMONTH=6,SHORTMONTH=5,PADDING=2;function monthHeight(date){const monthStart=(0,startOfMonth.w)(date);return(((0,getDay.P)(monthStart)+FridayToSunday)%WEEK+(0,getDaysInMonth.P)(monthStart)>FIVELINES?TALLMONTH:SHORTMONTH)*cellSize+months_unit*PADDING}function scrollSpeed(date){const monthStart=(0,startOfMonth.w)(date),monthEnd=(0,endOfMonth.p)(date);return(Number(monthEnd)-Number(monthStart))/monthHeight(monthStart)}const scrollSchedule=(0,schedule_raf.A)();let dy=0;function Months(props){const{scrollDate}=props,monthDate=scrollDate instanceof Date?scrollDate:new Date(scrollDate),monthStart=(0,startOfMonth.w)(monthDate),months=(0,react.useMemo)((()=>{let month=(0,subMonths.a)(monthStart,2);const result=[month];for(let i=0;i<4;i++)month=(0,addMonths.P)(month,1),result.push(month);return result}),[monthStart]),currentSpeed=scrollSpeed(scrollDate),pxToDate=(0,linear_function.A)(0,Number(scrollDate),currentSpeed),offset=pxToDate.x(Number(monthStart)),bottomOffset=monthHeight(scrollDate)+offset,componentRef=(0,react.useRef)(null),handleWheel=function useEventCallback(fn){const ref=(0,react.useRef)();return(0,react.useLayoutEffect)((()=>{ref.current=fn})),(0,react.useCallback)(((...args)=>{const{current}=ref;if(null==current)throw new Error("callback created in useEventCallback can only be called from event handlers");return current(...args)}),[])}((e=>{e.preventDefault(),dy+=e.deltaY,scrollSchedule((()=>{let date;date=dybottomOffset?pxToDate.y(bottomOffset)+(dy-bottomOffset)*scrollSpeed(months[3]):pxToDate.y(dy),props.onScroll(date),dy=0}))}));return(0,react.useEffect)((()=>{const current=componentRef.current;return null!==current&¤t.addEventListener("wheel",handleWheel,{passive:!1}),()=>{null!==current&¤t.removeEventListener("wheel",handleWheel)}}),[handleWheel]),(0,jsx_runtime.jsxs)("div",{className:date_picker_default().months,ref:componentRef,children:[(0,jsx_runtime.jsx)("div",{style:{top:Math.floor(.5*calHeight-monthHeight(months[0])-monthHeight(months[1])+offset)},className:date_picker_default().days,children:months.map((date=>(0,react.createElement)(Month,{...props,month:date,key:+date})))}),(0,jsx_runtime.jsx)(MonthNames,{...props})]})}Months.propTypes={onScroll:prop_types_default().func,scrollDate:dateType},Months.__docgenInfo={description:"",methods:[],displayName:"Months",props:{from:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},to:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},date:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},time:{required:!1,tsType:{name:"never"},description:""},activeDate:{required:!0,tsType:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]},description:""},scrollDate:{required:!1,tsType:{name:"union",raw:"number | Date",elements:[{name:"number"},{name:"Date"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},currentRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},activeRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},onScroll:{required:!1,tsType:{name:"signature",type:"function",raw:"(to: number) => void",signature:{arguments:[{type:{name:"number"},name:"to"}],return:{name:"void"}}},description:"",type:{name:"func"}},onScrollChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: number) => void",signature:{arguments:[{type:{name:"number"},name:"date"}],return:{name:"void"}}},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},onHover:{required:!0,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""}},composes:["Omit"]};var getYear=__webpack_require__("./node_modules/date-fns/getYear.mjs"),isThisYear=__webpack_require__("./node_modules/date-fns/isThisYear.mjs"),setYear=__webpack_require__("./node_modules/date-fns/setYear.mjs");const{yearHeight,calHeight:years_calHeight}=consts;let scrollTO;class Years extends react.PureComponent{static propTypes={scrollDate:dateType,onScroll:prop_types_default().func,onScrollChange:prop_types_default().func};state={scrollDate:null};componentDidMount(){this.componentRef.current&&this.componentRef.current.addEventListener("wheel",this.handleWheel)}componentDidUpdate(prevProps,prevState){this.stoppedScrolling=null!=prevState.scrollDate&&!this.state.scrollDate}componentWillUnmount(){this.componentRef.current&&this.componentRef.current.removeEventListener("wheel",this.handleWheel)}stoppedScrolling;setYear(date){scrollTO&&(window.clearTimeout(scrollTO),scrollTO=null),this.setState({scrollDate:null}),this.props.onScroll(Number((0,setYear.i)(this.props.scrollDate,(0,getYear.C)(date))))}componentRef=(0,react.createRef)();handleWheel=e=>{const{scrollDate}=this.props,date=this.state.scrollDate||scrollDate;e.preventDefault();const newScrollDate=(0,linear_function.A)(0,Number(date),yearDuration/yearHeight).y(e.deltaY);this.setState({scrollDate:newScrollDate}),scrollTO&&window.clearTimeout(scrollTO),scrollTO=window.setTimeout((()=>this.setYear(newScrollDate)),100)};render(){const{onScrollChange,scrollDate}=this.props,date=this.state.scrollDate||scrollDate,yearStart=(0,startOfYear.D)(date);let year=(0,subYears.d)(yearStart,5);const years=[year];for(let i=0;i<10;i++)year=(0,addYears.e)(year,1),years.push(year);const pxToDate=(0,linear_function.A)(0,Number(years[0]),yearDuration/yearHeight);return(0,jsx_runtime.jsx)("div",{className:date_picker_default().years,ref:this.componentRef,style:{transition:this.stoppedScrolling?"top .2s ease-out 0s":"none",top:Math.floor(.5*years_calHeight-pxToDate.x(Number(date)))},children:years.map((item=>(0,jsx_runtime.jsx)("button",{type:"button",className:classnames_default()(date_picker_default().year,{[date_picker_default().currentYear]:(0,isSameYear.s)(item,date),[date_picker_default().today]:(0,isThisYear.e)(item)}),onClick:function handleClick(){onScrollChange(Number((0,setYear.i)(scrollDate,(0,getYear.C)(item))))},children:(0,format.GP)(item,"yyyy")},+item)))})}}function Weekdays(props){const days=shiftWeekArray(Object.values(weekdays),getWeekStartsOn(props.locale)).map((value=>(0,startOfDay.o)((0,setDay.l)(new Date,value)))),{locale}=props;return(0,jsx_runtime.jsx)("div",{className:date_picker_default().weekdays,children:days.map((day=>(0,jsx_runtime.jsx)("span",{className:classnames_default()(date_picker_default().weekday,{[date_picker_default().weekend]:[weekdays.SA,weekdays.SU].includes((0,getDay.P)(day))}),children:(0,format.GP)(day,"EEEEEE",{locale})},+day)))})}Years.__docgenInfo={description:"",methods:[{name:"setYear",docblock:null,modifiers:[],params:[{name:"date",optional:!1,type:{name:"number"}}],returns:null},{name:"handleWheel",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"WheelEvent",alias:"WheelEvent"}}],returns:null}],displayName:"Years",props:{from:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},to:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},date:{required:!1,tsType:{name:"union",raw:"Date | null | undefined",elements:[{name:"Date"},{name:"null"},{name:"undefined"}]},description:""},time:{required:!1,tsType:{name:"never"},description:""},activeDate:{required:!0,tsType:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]},description:""},scrollDate:{required:!1,tsType:{name:"union",raw:"number | Date",elements:[{name:"number"},{name:"Date"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},currentRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},activeRange:{required:!0,tsType:{name:"union",raw:"[Date, Date] | null",elements:[{name:"tuple",raw:"[Date, Date]",elements:[{name:"Date"},{name:"Date"}]},{name:"null"}]},description:""},onScroll:{required:!1,tsType:{name:"signature",type:"function",raw:"(to: number) => void",signature:{arguments:[{type:{name:"number"},name:"to"}],return:{name:"void"}}},description:"",type:{name:"func"}},onScrollChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: number) => void",signature:{arguments:[{type:{name:"number"},name:"date"}],return:{name:"void"}}},description:"",type:{name:"func"}}},composes:["Omit"]},Weekdays.propTypes={locale:prop_types_default().object},Weekdays.__docgenInfo={description:"",methods:[],displayName:"Weekdays",props:{locale:{required:!1,tsType:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},description:"",type:{name:"object"}}}};class DatePopup extends react.Component{static sameDay(next,prev){return next&&prev?(0,isSameDay.r)(next,prev):next===prev}static propTypes={className:prop_types_default().string,date:dateType,range:prop_types_default().bool,withTime:prop_types_default().bool,time:prop_types_default().string,from:dateType,to:dateType,renderAfterCalendar:prop_types_default().func,displayFormat:prop_types_default().func,parseDateInput:prop_types_default().func,onChange:prop_types_default().func,onComplete:prop_types_default().func,onClear:prop_types_default().func,minDate:dateType,maxDate:dateType,fromPlaceholder:prop_types_default().string,toPlaceholder:prop_types_default().string,timePlaceholder:prop_types_default().string,locale:prop_types_default().object};static defaultProps={onChange(){}};constructor(props){super(props);const defaultState={text:null,hoverDate:null,scrollDate:null},{range,withTime}=props;if(range)props.from&&!props.to?this.state={...defaultState,active:"to"}:this.state={...defaultState,active:"from"};else{const parsedDate=this.parse(props.date,"date"),active=withTime&&parsedDate&&!props.time?"time":"date";this.state={...defaultState,active}}}componentDidMount(){this.componentRef.current&&this.componentRef.current.addEventListener("wheel",this.handleWheel)}componentDidUpdate(prevProps,prevState){this.state.active!==prevState.active&&(this.state.text&&prevState.active&&this.confirm(prevState.active),this.setState({text:null}))}componentWillUnmount(){this.componentRef.current&&this.componentRef.current.removeEventListener("wheel",this.handleWheel)}_scrollDate;_scrollTS;isInTimeMode=()=>!this.props.range&&this.props.withTime||!1;componentRef=react.createRef();handleWheel=e=>{e.cancelable&&e.preventDefault()};parse(text,type){return"time"===type?function parseTime(time){let result=null;return/^([01][0-9]|2[0-3]):[0-5][0-9]$/.test(time)?result=time:/^([0-9]|2[0-3]):[0-5][0-9]$/.test(time)&&(result=`0${time}`),result}(String(text)):this.props.parseDateInput(text)}select(changes){const{range,withTime}=this.props,prevActive=this.state.active;if(range||withTime)if(!range&&withTime){const date=this.parse(this.props.date,"date"),time=this.parse(this.props.time,"time"),changeToSubmit={date:changes.date||date,time:changes.time||time};this.setState({active:changes.date?"time":"date",text:null,scrollDate:null}),this.props.onChange(changeToSubmit),!changes.date&&"time"===prevActive&&changeToSubmit.date&&changeToSubmit.time&&this.props.onComplete()}else{let{from,to}={...this.props,...changes};from=this.parse(from,"from"),to=this.parse(to,"to");let active="to",complete=!1;from&&to&&(0,isAfter.d)((0,startOfDay.o)(from),(0,startOfDay.o)(to))?changes.from?to=null:changes.to&&(to=from,from=changes.to):changes.to&&(active="from",complete=!!from),this.setState({active,hoverDate:null,text:null}),this.props.onChange({from,to}),complete&&this.props.onComplete()}else{this.setState({text:null,scrollDate:null});const adjustedDate=changes.date&&(0,set.h)(new Date,{year:changes.date.getFullYear(),month:changes.date.getMonth(),date:changes.date.getDate()});this.props.onChange(adjustedDate),this.props.onComplete()}}confirm(name){const text=this.state.text;let result;if("time"===name){result=this.parse(text,name);const time=this.parse("time"in this.props?this.props.time:"","time"),emptyCase="time"===this.state.active?"00:00":null;result=result||time||emptyCase}else result=this.parse(text,name),this.isValidDate(result)||(result=this.parse(name in this.props?this.props[name]:"",name));this.select({[name]:result})}isValidDate=parsedText=>{const minDate=this.parse(this.props.minDate,"date"),maxDate=this.parse(this.props.maxDate,"date");return!!parsedText&&!(minDate&&(0,isBefore.Y)(parsedText,minDate)||maxDate&&(0,isAfter.d)(parsedText,maxDate))};scheduleScroll=()=>{const current=this.state.scrollDate&&this.parse(this.state.scrollDate,"date")||this.parse(this.props[this.state.active],"date")||new Date,goal=this._scrollDate;if(!current||!goal||DatePopup.sameDay(goal,current))return this._scrollDate=null,void(this._scrollTS=null);if(this._scrollTS){const diff=goal-Number(current),dt=Date.now()-this._scrollTS,next=goal-diff*Math.E**(-dt/10);this.setState({scrollDate:next})}this._scrollTS=Date.now(),window.requestAnimationFrame(this.scheduleScroll)};scrollTo=scrollDate=>{this._scrollDate=scrollDate,this._scrollTS||this.scheduleScroll()};hoverHandler=hoverDate=>this.setState({hoverDate});handleActivate=(0,memoize.A)((name=>()=>this.setState({active:name})));handleInput=(text,name)=>{if("time"!==name){const parsed=this.parse(text,name);this.isValidDate(parsed)&&this.scrollTo(Number(parsed))}this.setState({text,hoverDate:null})};handleConfirm=(0,memoize.A)((name=>()=>this.confirm(name)));selectHandler=date=>{this.isInTimeMode()?this.setState({active:"time"},(()=>this.select({date}))):this.select({[this.state.active]:date})};handleScroll=scrollDate=>this.setState({scrollDate});onClear=e=>{let changes;changes=this.props.range?{from:null,to:null}:{date:null},this.select(changes),this.props.onClear?.(e),this.componentRef.current?.querySelector("input")?.focus()};render(){const{range,withTime,locale}=this.props,{from,to,date,time,...restProps}=this.props,parsedDate=this.parse(this.props.date,"date"),parsedTo=this.parse(this.props.to,"to"),names=range?["from","to"]:["date"],dates=names.reduce(((obj,key)=>{const value=this.props[key];return{...obj,[key]:this.parse(value,key)}}),{}),activeDate="time"!==this.state.active?this.state.hoverDate||(null!=this.state.text?this.parse(this.state.text,"date"):null):this.state.hoverDate||null,currentRange=range&&dates.from&&dates.to&&[dates.from,dates.to]||null;let activeRange=null;if(range&&activeDate)switch(this.state.active){case"from":dates.to&&(0,isAfter.d)((0,startOfDay.o)(activeDate),(0,startOfDay.o)(dates.to))&&(activeRange=[activeDate,dates.to]);break;case"to":if(!dates.from)break;activeRange=(0,isBefore.Y)((0,startOfDay.o)(activeDate),(0,startOfDay.o)(dates.from))?[activeDate,dates.from]:[dates.from,activeDate]}const scrollDate=withTime&&!range?this.state.scrollDate||dates.date||new Date:this.state.scrollDate||dates[this.state.active]||new Date,calendarProps={...restProps,...dates,scrollDate,activeDate,currentRange,activeRange,onScroll:this.handleScroll,onScrollChange:this.scrollTo},clearable=Boolean(this.props.onClear);return(0,jsx_runtime.jsxs)("div",{className:date_picker_default().datePopup,"data-test":"ring-date-popup",ref:this.componentRef,children:[(0,jsx_runtime.jsxs)("div",{className:date_picker_default().filterWrapper,children:[names.map((name=>{let onClear;return clearable&&"from"!==name&&!this.isInTimeMode()&&(onClear=this.onClear.bind(this)),(0,react.createElement)(DateInput,{...this.props,...this.state,divider:"from"===name&&(null!=dates[name]||null!=parsedTo),name,key:name,date:dates[name],active:this.state.active===name,onActivate:this.handleActivate(name),onInput:this.handleInput,onConfirm:this.handleConfirm(name),onClear,locale})})),this.isInTimeMode()?(0,react.createElement)(DateInput,{...this.props,text:this.state.text,divider:!!parsedDate,hoverDate:null,name:"time",key:"time",date:null,time,active:"time"===this.state.active,onActivate:this.handleActivate("time"),onInput:this.handleInput,onConfirm:this.handleConfirm("time"),onClear:clearable&&this.onClear||void 0,locale}):""]}),(0,jsx_runtime.jsx)(Weekdays,{locale}),(0,jsx_runtime.jsxs)("div",{className:date_picker_default().calendar,children:[(0,jsx_runtime.jsx)(Months,{...calendarProps,onHover:this.hoverHandler,onSelect:this.selectHandler,locale}),(0,jsx_runtime.jsx)(Years,{...calendarProps})]}),this.props.renderAfterCalendar&&this.props.renderAfterCalendar(this.state)]})}}DatePopup.__docgenInfo={description:"",methods:[{name:"sameDay",docblock:null,modifiers:["static"],params:[{name:"next",optional:!1,type:{name:"union",raw:"Date | number | null",elements:[{name:"Date"},{name:"number"},{name:"null"}]}},{name:"prev",optional:!1,type:{name:"union",raw:"Date | number | null",elements:[{name:"Date"},{name:"number"},{name:"null"}]}}],returns:null},{name:"isInTimeMode",docblock:null,modifiers:[],params:[],returns:null},{name:"handleWheel",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"WheelEvent",alias:"WheelEvent"}}],returns:null},{name:"parse",docblock:null,modifiers:[],params:[{name:"text",optional:!1,type:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]}},{name:"type",optional:!0,type:{name:"union",raw:"'date' | 'time' | 'from' | 'to'",elements:[{name:"literal",value:"'date'"},{name:"literal",value:"'time'"},{name:"literal",value:"'from'"},{name:"literal",value:"'to'"}],alias:"Field"}}],returns:null},{name:"select",docblock:null,modifiers:[],params:[{name:"changes",optional:!1,type:{name:"DatePickerChange",alias:"DatePickerChange"}}],returns:null},{name:"confirm",docblock:null,modifiers:[],params:[{name:"name",optional:!1,type:{name:"union",raw:"'date' | 'time' | 'from' | 'to'",elements:[{name:"literal",value:"'date'"},{name:"literal",value:"'time'"},{name:"literal",value:"'from'"},{name:"literal",value:"'to'"}],alias:"Field"}}],returns:null},{name:"isValidDate",docblock:null,modifiers:[],params:[{name:"parsedText",optional:!1,type:{name:"Date",alias:"Date"}}],returns:null},{name:"scheduleScroll",docblock:null,modifiers:[],params:[],returns:null},{name:"scrollTo",docblock:null,modifiers:[],params:[{name:"scrollDate",optional:!1,type:{name:"number"}}],returns:null},{name:"hoverHandler",docblock:null,modifiers:[],params:[{name:"hoverDate",optional:!1,type:{name:"Date",alias:"Date"}}],returns:null},{name:"handleInput",docblock:null,modifiers:[],params:[{name:"text",optional:!1,type:{name:"string"}},{name:"name",optional:!1,type:{name:"union",raw:"'date' | 'time' | 'from' | 'to'",elements:[{name:"literal",value:"'date'"},{name:"literal",value:"'time'"},{name:"literal",value:"'from'"},{name:"literal",value:"'to'"}],alias:"Field"}}],returns:null},{name:"selectHandler",docblock:null,modifiers:[],params:[{name:"date",optional:!1,type:{name:"Date",alias:"Date"}}],returns:null},{name:"handleScroll",docblock:null,modifiers:[],params:[{name:"scrollDate",optional:!1,type:{name:"number"}}],returns:null},{name:"onClear",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLButtonElement"}],alias:"React.MouseEvent"}}],returns:null}],displayName:"DatePopup",props:{date:{required:!1,tsType:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},time:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},from:{required:!1,tsType:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},to:{required:!1,tsType:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},minDate:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},maxDate:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]}},translations:{required:!1,tsType:{name:"union",raw:"DateInputTranslations | null | undefined",elements:[{name:"DateInputTranslations"},{name:"null"},{name:"undefined"}]},description:""},fromPlaceholder:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},toPlaceholder:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},timePlaceholder:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},locale:{required:!1,tsType:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},description:"",type:{name:"object"}},parseDateInput:{required:!1,tsType:{name:"signature",type:"function",raw:"(text: Date | number | string | null | undefined) => Date | null",signature:{arguments:[{type:{name:"union",raw:"Date | number | string | null | undefined",elements:[{name:"Date"},{name:"number"},{name:"string"},{name:"null"},{name:"undefined"}]},name:"text"}],return:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]}}},description:"",type:{name:"func"}},displayFormat:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, locale: Locale | undefined) => string",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},name:"locale"}],return:{name:"string"}}},description:"",type:{name:"func"}},onComplete:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",type:{name:"func"}},onClear:{required:!1,tsType:{name:"union",raw:"((e: React.MouseEvent) => void) | null | undefined",elements:[{name:"unknown"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"func"}},renderAfterCalendar:{required:!1,tsType:{name:"union",raw:"((state: DatePopupState) => ReactNode) | undefined",elements:[{name:"unknown"},{name:"undefined"}]},description:"",type:{name:"func"}},className:{description:"",type:{name:"string"},required:!1},range:{description:"",type:{name:"bool"},required:!1},withTime:{description:"",type:{name:"bool"},required:!1},onChange:{description:"",type:{name:"func"},required:!1}}};const formats=["d M","dd M","dd MM","d-M","dd-M","dd-MM","d.M","dd.M","dd.MM","d\\M","dd\\M","dd\\MM","d/M","dd/M","dd/MM","d M yy","dd M yy","dd MM yy","d M yyyy","dd M yyyy","dd MM yyyy","d-M-yy","dd-M-yy","dd-MM-yy","d-M-yyyy","dd-M-yyyy","dd-MM-yyyy","d.M.yy","dd.M.yy","dd.MM.yy","d.M.yyyy","dd.M.yyyy","dd.MM.yyyy","d\\M\\yy","dd\\M\\yy","dd\\MM\\yy","d\\M\\yyyy","dd\\M\\yyyy","dd\\MM\\yyyy","d/M/yy","dd/M/yy","dd/MM/yy","d/M/yyyy","dd/M/yyyy","dd/MM/yyyy","d M yy","dd M yy","dd MM yy","d M yyyy","dd M yyyy","dd MM yyyy","d-M-yy","dd-M-yy","dd-MM-yy","d-M-yyyy","dd-M-yyyy","dd-MM-yyyy","d.M.yy","dd.M.yy","dd.MM.yy","d.M.yyyy","dd.M.yyyy","dd.MM.yyyy","d\\M\\yy","dd\\M\\yy","dd\\MM\\yy","d\\M\\yyyy","dd\\M\\yyyy","dd\\MM\\yyyy","d/M/yy","dd/M/yy","dd/MM/yy","d/M/yyyy","dd/M/yyyy","dd/MM/yyyy","yy M d","yy M dd","yy MM dd","yyyy M d","yyyy M dd","yyyy MM dd","yy-M-d","yy-M-dd","yy-MM-dd","yyyy-M-d","yyyy-M-dd","yyyy-MM-dd","yy.M.d","yy.M.dd","yy.MM.dd","yyyy.M.d","yyyy.M.dd","yyyy.MM.dd","yy\\M\\d","yy\\M\\dd","yy\\MM\\dd","yyyy\\M\\d","yyyy\\M\\dd","yyyy\\MM\\dd","yy/M/d","yy/M/dd","yy/MM/dd","yyyy/M/d","yyyy/M/dd","yyyy/MM/dd","yy d M","yy dd M","yy dd MM","yyyy d M","yyyy dd MM","yyyy dd MM","yy-d-M","yy-dd-M","yy-dd-MM","yyyy-d-M","yyyy-dd-MM","yyyy-dd-MM","yy.d.M","yy.dd.M","yy.dd.MM","yyyy.d.M","yyyy.dd.MM","yyyy.dd.MM","yy\\d\\M","yy\\dd\\M","yy\\dd\\MM","yyyy\\d\\M","yyyy\\dd\\MM","yyyy\\dd\\MM","yy/d/M","yy/dd/M","yy/dd/MM","yyyy/d/M","yyyy/dd/MM","yyyy/dd/MM","d MMM","d MMMM","dd MMM","dd MMMM","d M HH:mm","d M, HH:mm","dd M HH:mm","dd M, HH:mm","dd MM HH:mm","dd MM, HH:mm","d-M HH:mm","d-M, HH:mm","dd-M HH:mm","dd-M, HH:mm","dd-MM HH:mm","dd-MM, HH:mm","d.M HH:mm","d.M, HH:mm","dd.M HH:mm","dd.M, HH:mm","dd.MM HH:mm","dd.MM, HH:mm","d\\M HH:mm","d\\M, HH:mm","dd\\M HH:mm","dd\\M, HH:mm","dd\\MM HH:mm","dd\\MM, HH:mm","d/M HH:mm","d/M, HH:mm","dd/M HH:mm","dd/M, HH:mm","dd/MM HH:mm","dd/MM, HH:mm","d M yy HH:mm","d M yy, HH:mm","dd M yy HH:mm","dd M yy, HH:mm","dd MM yy HH:mm","dd MM yy, HH:mm","d M yyyy HH:mm","d M yyyy, HH:mm","dd M yyyy HH:mm","dd M yyyy, HH:mm","dd MM yyyy HH:mm","dd MM yyyy, HH:mm","d-M-yy HH:mm","d-M-yy, HH:mm","dd-M-yy HH:mm","dd-M-yy, HH:mm","dd-MM-yy HH:mm","dd-MM-yy, HH:mm","d-M-yyyy HH:mm","d-M-yyyy, HH:mm","dd-M-yyyy HH:mm","dd-M-yyyy, HH:mm","dd-MM-yyyy HH:mm","dd-MM-yyyy, HH:mm","d.M.yy HH:mm","d.M.yy, HH:mm","dd.M.yy HH:mm","dd.M.yy, HH:mm","dd.MM.yy HH:mm","dd.MM.yy, HH:mm","d.M.yyyy HH:mm","d.M.yyyy, HH:mm","dd.M.yyyy HH:mm","dd.M.yyyy, HH:mm","dd.MM.yyyy HH:mm","dd.MM.yyyy, HH:mm","d\\M\\yy HH:mm","d\\M\\yy, HH:mm","dd\\M\\yy HH:mm","dd\\M\\yy, HH:mm","dd\\MM\\yy HH:mm","dd\\MM\\yy, HH:mm","d\\M\\yyyy HH:mm","d\\M\\yyyy, HH:mm","dd\\M\\yyyy HH:mm","dd\\M\\yyyy, HH:mm","dd\\MM\\yyyy HH:mm","dd\\MM\\yyyy, HH:mm","d/M/yy HH:mm","d/M/yy, HH:mm","dd/M/yy HH:mm","dd/M/yy, HH:mm","dd/MM/yy HH:mm","dd/MM/yy, HH:mm","d/M/yyyy HH:mm","d/M/yyyy, HH:mm","dd/M/yyyy HH:mm","dd/M/yyyy, HH:mm","dd/MM/yyyy HH:mm","dd/MM/yyyy, HH:mm","d M yy HH:mm","d M yy, HH:mm","dd M yy HH:mm","dd M yy, HH:mm","dd MM yy HH:mm","dd MM yy, HH:mm","d M yyyy HH:mm","d M yyyy, HH:mm","dd M yyyy HH:mm","dd M yyyy, HH:mm","dd MM yyyy HH:mm","dd MM yyyy, HH:mm","d-M-yy HH:mm","d-M-yy, HH:mm","dd-M-yy HH:mm","dd-M-yy, HH:mm","dd-MM-yy HH:mm","dd-MM-yy, HH:mm","d-M-yyyy HH:mm","d-M-yyyy, HH:mm","dd-M-yyyy HH:mm","dd-M-yyyy, HH:mm","dd-MM-yyyy HH:mm","dd-MM-yyyy, HH:mm","d.M.yy HH:mm","d.M.yy, HH:mm","dd.M.yy HH:mm","dd.M.yy, HH:mm","dd.MM.yy HH:mm","dd.MM.yy, HH:mm","d.M.yyyy HH:mm","d.M.yyyy, HH:mm","dd.M.yyyy HH:mm","dd.M.yyyy, HH:mm","dd.MM.yyyy HH:mm","dd.MM.yyyy, HH:mm","d\\M\\yy HH:mm","d\\M\\yy, HH:mm","dd\\M\\yy HH:mm","dd\\M\\yy, HH:mm","dd\\MM\\yy HH:mm","dd\\MM\\yy, HH:mm","d\\M\\yyyy HH:mm","d\\M\\yyyy, HH:mm","dd\\M\\yyyy HH:mm","dd\\M\\yyyy, HH:mm","dd\\MM\\yyyy HH:mm","dd\\MM\\yyyy, HH:mm","d/M/yy HH:mm","d/M/yy, HH:mm","dd/M/yy HH:mm","dd/M/yy, HH:mm","dd/MM/yy HH:mm","dd/MM/yy, HH:mm","d/M/yyyy HH:mm","d/M/yyyy, HH:mm","dd/M/yyyy HH:mm","dd/M/yyyy, HH:mm","dd/MM/yyyy HH:mm","dd/MM/yyyy, HH:mm","yy M d HH:mm","yy M d, HH:mm","yy M dd HH:mm","yy M dd, HH:mm","yy MM dd HH:mm","yy MM dd, HH:mm","yyyy M d HH:mm","yyyy M d, HH:mm","yyyy M dd HH:mm","yyyy M dd, HH:mm","yyyy MM dd HH:mm","yyyy MM dd, HH:mm","yy-M-d HH:mm","yy-M-d, HH:mm","yy-M-dd HH:mm","yy-M-dd, HH:mm","yy-MM-dd HH:mm","yy-MM-dd, HH:mm","yyyy-M-d HH:mm","yyyy-M-d, HH:mm","yyyy-M-dd HH:mm","yyyy-M-dd, HH:mm","yyyy-MM-dd HH:mm","yyyy-MM-dd, HH:mm","yy.M.d HH:mm","yy.M.d, HH:mm","yy.M.dd HH:mm","yy.M.dd, HH:mm","yy.MM.dd HH:mm","yy.MM.dd, HH:mm","yyyy.M.d HH:mm","yyyy.M.d, HH:mm","yyyy.M.dd HH:mm","yyyy.M.dd, HH:mm","yyyy.MM.dd HH:mm","yyyy.MM.dd, HH:mm","yy\\M\\d HH:mm","yy\\M\\d, HH:mm","yy\\M\\dd HH:mm","yy\\M\\dd, HH:mm","yy\\MM\\dd HH:mm","yy\\MM\\dd, HH:mm","yyyy\\M\\d HH:mm","yyyy\\M\\d, HH:mm","yyyy\\M\\dd HH:mm","yyyy\\M\\dd, HH:mm","yyyy\\MM\\dd HH:mm","yyyy\\MM\\dd, HH:mm","yy/M/d HH:mm","yy/M/d, HH:mm","yy/M/dd HH:mm","yy/M/dd, HH:mm","yy/MM/dd HH:mm","yy/MM/dd, HH:mm","yyyy/M/d HH:mm","yyyy/M/d, HH:mm","yyyy/M/dd HH:mm","yyyy/M/dd, HH:mm","yyyy/MM/dd HH:mm","yyyy/MM/dd, HH:mm","yy d M HH:mm","yy d M, HH:mm","yy dd M HH:mm","yy dd M, HH:mm","yy dd MM HH:mm","yy dd MM, HH:mm","yyyy d M HH:mm","yyyy d M, HH:mm","yyyy dd MM HH:mm","yyyy dd MM, HH:mm","yyyy dd MM HH:mm","yyyy dd MM, HH:mm","yy-d-M HH:mm","yy-d-M, HH:mm","yy-dd-M HH:mm","yy-dd-M, HH:mm","yy-dd-MM HH:mm","yy-dd-MM, HH:mm","yyyy-d-M HH:mm","yyyy-d-M, HH:mm","yyyy-dd-MM HH:mm","yyyy-dd-MM, HH:mm","yyyy-dd-MM HH:mm","yyyy-dd-MM, HH:mm","yy.d.M HH:mm","yy.d.M, HH:mm","yy.dd.M HH:mm","yy.dd.M, HH:mm","yy.dd.MM HH:mm","yy.dd.MM, HH:mm","yyyy.d.M HH:mm","yyyy.d.M, HH:mm","yyyy.dd.MM HH:mm","yyyy.dd.MM, HH:mm","yyyy.dd.MM HH:mm","yyyy.dd.MM, HH:mm","yy\\d\\M HH:mm","yy\\d\\M, HH:mm","yy\\dd\\M HH:mm","yy\\dd\\M, HH:mm","yy\\dd\\MM HH:mm","yy\\dd\\MM, HH:mm","yyyy\\d\\M HH:mm","yyyy\\d\\M, HH:mm","yyyy\\dd\\MM HH:mm","yyyy\\dd\\MM, HH:mm","yyyy\\dd\\MM HH:mm","yyyy\\dd\\MM, HH:mm","yy/d/M HH:mm","yy/d/M, HH:mm","yy/dd/M HH:mm","yy/dd/M, HH:mm","yy/dd/MM HH:mm","yy/dd/MM, HH:mm","yyyy/d/M HH:mm","yyyy/d/M, HH:mm","yyyy/dd/MM HH:mm","yyyy/dd/MM, HH:mm","yyyy/dd/MM HH:mm","yyyy/dd/MM, HH:mm","d MMM HH:mm","d MMM, HH:mm","d MMMM HH:mm","d MMMM, HH:mm","dd MMM HH:mm","dd MMM, HH:mm","dd MMMM HH:mm","dd MMMM, HH:mm","yyyy MMM d","yyyy MMMM d","yyyy MMM dd","yyyy MMMM dd","yyyy d MMM","yyyy d MMMM","yyyy dd MMM","yyyy dd MMMM","d MMM yy","d MMMM yy","dd MMM yy","dd MMMM yy","d MMM yyyy","d MMMM yyyy","dd MMM yyyy","dd MMMM yyyy","d MMM yy","d MMMM yy","dd MMM yy","dd MMMM yy","d MMM yyyy","d MMMM yyyy","dd MMM yyyy","dd MMMM yyyy","MMM d yyyy","MMMM d yyyy","MMM dd yyyy","MMMM dd yyyy","yy MMM d","yy MMMM d","yy MMM dd","yy MMMM dd","yy d MMM","yy d MMMM","yy dd MMM","yy dd MMMM","d MMM","d MMMM","dd MMM","dd MMMM","yyyy MMM d HH:mm","yyyy MMM d, HH:mm","yyyy MMMM d HH:mm","yyyy MMMM d, HH:mm","yyyy MMM dd HH:mm","yyyy MMM dd, HH:mm","yyyy MMMM dd HH:mm","yyyy MMMM dd, HH:mm","yyyy d MMM HH:mm","yyyy d MMM, HH:mm","yyyy d MMMM HH:mm","yyyy d MMMM, HH:mm","yyyy dd MMM HH:mm","yyyy dd MMM, HH:mm","yyyy dd MMMM HH:mm","yyyy dd MMMM, HH:mm","d MMM yy HH:mm","d MMM yy, HH:mm","d MMMM yy HH:mm","d MMMM yy, HH:mm","dd MMM yy HH:mm","dd MMM yy, HH:mm","dd MMMM yy HH:mm","dd MMMM yy, HH:mm","d MMM yyyy HH:mm","d MMM yyyy, HH:mm","d MMMM yyyy HH:mm","d MMMM yyyy, HH:mm","dd MMM yyyy HH:mm","dd MMM yyyy, HH:mm","dd MMMM yyyy HH:mm","dd MMMM yyyy, HH:mm","d MMM yy HH:mm","d MMM yy, HH:mm","d MMMM yy HH:mm","d MMMM yy, HH:mm","dd MMM yy HH:mm","dd MMM yy, HH:mm","dd MMMM yy HH:mm","dd MMMM yy, HH:mm","d MMM yyyy HH:mm","d MMM yyyy, HH:mm","d MMMM yyyy HH:mm","d MMMM yyyy, HH:mm","dd MMM yyyy HH:mm","dd MMM yyyy, HH:mm","dd MMMM yyyy HH:mm","dd MMMM yyyy, HH:mm","MMM d yyyy HH:mm","MMM d yyyy, HH:mm","MMMM d yyyy HH:mm","MMMM d yyyy, HH:mm","MMM dd yyyy HH:mm","MMM dd yyyy, HH:mm","MMMM dd yyyy HH:mm","MMMM dd yyyy, HH:mm","yy MMM d HH:mm","yy MMM d, HH:mm","yy MMMM d HH:mm","yy MMMM d, HH:mm","yy MMM dd HH:mm","yy MMM dd, HH:mm","yy MMMM dd HH:mm","yy MMMM dd, HH:mm","yy d MMM HH:mm","yy d MMM, HH:mm","yy d MMMM HH:mm","yy d MMMM, HH:mm","yy dd MMM HH:mm","yy dd MMM, HH:mm","yy dd MMMM HH:mm","yy dd MMMM, HH:mm","d MMM HH:mm","d MMM, HH:mm","d MMMM HH:mm","d MMMM, HH:mm","dd MMM HH:mm","dd MMM, HH:mm","dd MMMM HH:mm","dd MMMM, HH:mm","yyyy MMM d","yyyy MMMM d","yyyy MMM dd","yyyy MMMM dd","yyyy d MMM","yyyy d MMMM","yyyy dd MMM","yyyy dd MMMM","d MMM yy","d MMMM yy","dd MMM yy","dd MMMM yy","d MMM yyyy","d MMMM yyyy","dd MMM yyyy","dd MMMM yyyy","d MMM yy","d MMMM yy","dd MMM yy","dd MMMM yy","d MMM yyyy","d MMMM yyyy","dd MMM yyyy","dd MMMM yyyy","MMM d yyyy","MMMM d yyyy","MMM dd yyyy","MMMM dd yyyy","yy MMM d","yy MMMM d","yy MMM dd","yy MMMM dd","yy d MMM","yy d MMMM","yy dd MMM","yy dd MMMM","yyyy MMM d HH:mm","yyyy MMM d, HH:mm","yyyy MMMM d HH:mm","yyyy MMMM d, HH:mm","yyyy MMM dd HH:mm","yyyy MMM dd, HH:mm","yyyy MMMM dd HH:mm","yyyy MMMM dd, HH:mm","yyyy d MMM HH:mm","yyyy d MMM, HH:mm","yyyy d MMMM HH:mm","yyyy d MMMM, HH:mm","yyyy dd MMM HH:mm","yyyy dd MMM, HH:mm","yyyy dd MMMM HH:mm","yyyy dd MMMM, HH:mm","d MMM yy HH:mm","d MMM yy, HH:mm","d MMMM yy HH:mm","d MMMM yy, HH:mm","dd MMM yy HH:mm","dd MMM yy, HH:mm","dd MMMM yy HH:mm","dd MMMM yy, HH:mm","d MMM yyyy HH:mm","d MMM yyyy, HH:mm","d MMMM yyyy HH:mm","d MMMM yyyy, HH:mm","dd MMM yyyy HH:mm","dd MMM yyyy, HH:mm","dd MMMM yyyy HH:mm","dd MMMM yyyy, HH:mm","d MMM yy HH:mm","d MMM yy, HH:mm","d MMMM yy HH:mm","d MMMM yy, HH:mm","dd MMM yy HH:mm","dd MMM yy, HH:mm","dd MMMM yy HH:mm","dd MMMM yy, HH:mm","d MMM yyyy HH:mm","d MMM yyyy, HH:mm","d MMMM yyyy HH:mm","d MMMM yyyy, HH:mm","dd MMM yyyy HH:mm","dd MMM yyyy, HH:mm","dd MMMM yyyy HH:mm","dd MMMM yyyy, HH:mm","MMM d yyyy HH:mm","MMM d yyyy, HH:mm","MMMM d yyyy HH:mm","MMMM d yyyy, HH:mm","MMM dd yyyy HH:mm","MMM dd yyyy, HH:mm","MMMM dd yyyy HH:mm","MMMM dd yyyy, HH:mm","yy MMM d HH:mm","yy MMM d, HH:mm","yy MMMM d HH:mm","yy MMMM d, HH:mm","yy MMM dd HH:mm","yy MMM dd, HH:mm","yy MMMM dd HH:mm","yy MMMM dd, HH:mm","yy d MMM HH:mm","yy d MMM, HH:mm","yy d MMMM HH:mm","yy d MMMM, HH:mm","yy dd MMM HH:mm","yy dd MMM, HH:mm","yy dd MMMM HH:mm","yy dd MMMM, HH:mm"],PopupComponent=({hidden=!1,className,popupRef,onClear,datePopupProps,onComplete,...restProps})=>(0,jsx_runtime.jsx)(popup.Ay,{hidden,className,ref:popupRef,directions:[popup.Ay.PopupProps.Directions.BOTTOM_RIGHT,popup.Ay.PopupProps.Directions.BOTTOM_LEFT,popup.Ay.PopupProps.Directions.TOP_LEFT,popup.Ay.PopupProps.Directions.TOP_RIGHT],...restProps,trapFocus:!0,children:(0,jsx_runtime.jsx)(DatePopup,{onClear,...datePopupProps,onComplete})});PopupComponent.propTypes={hidden:prop_types_default().bool,className:prop_types_default().string,popupRef:prop_types_default().func,onClear:prop_types_default().func,datePopupProps:prop_types_default().shape(DatePopup.propTypes),onComplete:prop_types_default().func};class DatePicker extends react.PureComponent{static propTypes={className:prop_types_default().string,popupClassName:prop_types_default().string,date:dateType,withTime:prop_types_default().bool,range:prop_types_default().bool,from:dateType,to:dateType,clear:prop_types_default().bool,inline:prop_types_default().bool,displayFormat:prop_types_default().func,displayMonthFormat:prop_types_default().func,displayDayFormat:prop_types_default().func,displayTimeFormat:prop_types_default().func,parseDateInput:prop_types_default().func,applyTimeInput:prop_types_default().func,datePlaceholder:prop_types_default().string,dateTimePlaceholder:prop_types_default().string,rangePlaceholder:prop_types_default().string,onChange:prop_types_default().func,dropdownProps:prop_types_default().object,disabled:prop_types_default().bool,minDate:dateType,maxDate:dateType,translations:prop_types_default().object,locale:prop_types_default().object,size:prop_types_default().oneOf(Object.values(input.or))};static defaultProps={className:"",date:null,withTime:!1,range:!1,from:null,to:null,clear:!1,inline:!1,size:input.or.M,displayFormat:(date,locale)=>date?(0,format.GP)(date,"d MMM yyyy",{locale}):"",displayMonthFormat:(date,locale)=>date?(0,format.GP)(date,"d MMM",{locale}):"",displayDayFormat:(date,locale)=>date?(0,format.GP)(date,"d",{locale}):"",displayTimeFormat:(date,locale)=>date?(0,format.GP)(date,"HH:mm",{locale}):"",minDate:null,maxDate:null,onChange(){},applyTimeInput(date,timeString){var _timeString$split$map;const[hours,minutes]=null!==(_timeString$split$map=timeString?.split(":").map(Number))&&void 0!==_timeString$split$map?_timeString$split$map:[];return null!=minutes?(0,set.h)(date,{hours,minutes}):date},parseDateInput(string){if(!string)return null;const today=new Date;for(const format of formats){const date=(0,parse.qg)(string,format,today);if((0,isValid.f)(date))return date}return null}};static contextType=i18n_context.g;handleChange=change=>{const{onChange,withTime,applyTimeInput}=this.props;onChange(!withTime||change instanceof Date||null==change?.date?change:applyTimeInput(change.date,change.time))};clear=()=>{let change=null;this.props.range&&(change={from:null,to:null}),this.handleChange(change)};popup;popupRef=el=>{this.popup=el};closePopup=()=>{this.popup?._onCloseAttempt()};parse=(0,memoize.A)((date=>{const{parseDateInput}=this.props;return date instanceof Date?date:"number"==typeof date?new Date(date):parseDateInput(date)}));formatTime(){const{displayTimeFormat,locale}=this.props,date=this.parse(this.props.date);return null!=date?displayTimeFormat(date,locale):null}getAnchorText=()=>{const{range,datePlaceholder,dateTimePlaceholder,rangePlaceholder,withTime,displayFormat,displayMonthFormat,displayDayFormat,translations,locale}=this.props,{translate}=this.context,date=this.parse(this.props.date),from=this.parse(this.props.from),to=this.parse(this.props.to),time=this.formatTime();var _ref2,_ref3,_ref;return range||withTime?!range&&withTime?date||time?`${date&&displayFormat(date,locale)||"—"}, ${time||"—"}`:null!==(_ref2=null!=dateTimePlaceholder?dateTimePlaceholder:translations?.setDateTime)&&void 0!==_ref2?_ref2:translate("setDateTime"):from&&to?(0,isSameYear.s)(from,to)?(0,isSameMonth.t)(from,to)?(0,isSameDay.r)(from,to)?`${displayFormat(to,locale)}`:`${displayDayFormat(from,locale)} — ${displayFormat(to,locale)}`:`${displayMonthFormat(from,locale)} — ${displayFormat(to,locale)}`:`${displayFormat(from,locale)} — ${displayFormat(to,locale)}`:from?`${displayFormat(from,locale)} —`:to?`— ${displayFormat(to,locale)}`:null!==(_ref3=null!=rangePlaceholder?rangePlaceholder:translations?.setPeriod)&&void 0!==_ref3?_ref3:translate("setPeriod"):date?displayFormat(date,locale):null!==(_ref=null!=datePlaceholder?datePlaceholder:translations?.setDate)&&void 0!==_ref?_ref:translate("setDate")};render(){var _this$props$disabled,_this$props$disabled2;const anchorContent=(0,jsx_runtime.jsxs)("div",{className:date_picker_default().anchorContent,children:[(0,jsx_runtime.jsx)(icon.Ay,{glyph:calendar_default(),className:date_picker_default().calendarIcon}),this.getAnchorText(),(0,jsx_runtime.jsx)(icon.Ay,{glyph:chevron_down_default(),className:date_picker_default().chevronDownIcon})]}),{className,popupClassName,clear,inline,dropdownProps,translations,...datePopupProps}=this.props,classes=classnames_default()(date_picker_default().datePicker,className,date_picker_default()[`size${this.props.size}`],{[date_picker_default().inline]:inline});return(0,jsx_runtime.jsx)(dropdown.A,{className:classes,disabled:this.props.disabled,anchor:inline?(0,jsx_runtime.jsx)(link_link.A,{"data-test-ring-dropdown-anchor":!0,className:date_picker_default().anchor,disabled:null!==(_this$props$disabled=this.props.disabled)&&void 0!==_this$props$disabled&&_this$props$disabled,pseudo:!0,children:this.getAnchorText()}):(0,jsx_runtime.jsx)(button_button.Ay,{"data-test-ring-dropdown-anchor":!0,className:date_picker_default().anchor,text:!1,disabled:null!==(_this$props$disabled2=this.props.disabled)&&void 0!==_this$props$disabled2&&_this$props$disabled2,children:anchorContent}),...dropdownProps,children:(0,jsx_runtime.jsx)(PopupComponent,{className:popupClassName,popupRef:this.popupRef,onClear:clear?this.clear:null,datePopupProps:{...datePopupProps,translations,onChange:this.handleChange,parseDateInput:this.parse,time:this.formatTime()},onComplete:this.closePopup})})}}DatePicker.__docgenInfo={description:"@name Date Picker",methods:[{name:"handleChange",docblock:null,modifiers:[],params:[{name:"change",optional:!1,type:{name:"union",raw:"DatePickerChange | Date | null | undefined",elements:[{name:"DatePickerChange"},{name:"Date"},{name:"null"},{name:"undefined"}]}}],returns:null},{name:"clear",docblock:null,modifiers:[],params:[],returns:null},{name:"popupRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"Popup | null",elements:[{name:"Popup"},{name:"null"}]}}],returns:null},{name:"closePopup",docblock:null,modifiers:[],params:[],returns:null},{name:"formatTime",docblock:null,modifiers:[],params:[],returns:null},{name:"getAnchorText",docblock:null,modifiers:[],params:[],returns:null}],displayName:"DatePicker",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1},type:{name:"string"}},clear:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},inline:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},popupClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},dropdownProps:{required:!1,tsType:{name:"Partial",elements:[{name:"JSX.LibraryManagedAttributes",elements:[{name:"Dropdown"},{name:"DropdownProps"}],raw:"JSX.LibraryManagedAttributes"}],raw:"Partial"},description:"",type:{name:"object"}},translations:{required:!1,tsType:{name:"union",raw:"DatePickerTranslations | null | undefined",elements:[{name:"DatePickerTranslations"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"object"}},displayMonthFormat:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, locale: Locale | undefined) => string",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},name:"locale"}],return:{name:"string"}}},description:"",defaultValue:{value:"(date, locale) => (date ? formatDate(date, 'd MMM', {locale}) : '')",computed:!1},type:{name:"func"}},displayDayFormat:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, locale: Locale | undefined) => string",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},name:"locale"}],return:{name:"string"}}},description:"",defaultValue:{value:"(date, locale) => (date ? formatDate(date, 'd', {locale}) : '')",computed:!1},type:{name:"func"}},displayTimeFormat:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, locale: Locale | undefined) => string",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"union",raw:"Locale | undefined",elements:[{name:"Locale"},{name:"undefined"}]},name:"locale"}],return:{name:"string"}}},description:"",defaultValue:{value:"(date, locale) => (date ? formatDate(date, 'HH:mm', {locale}) : '')",computed:!1},type:{name:"func"}},applyTimeInput:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, time: string | null | undefined) => Date",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},name:"time"}],return:{name:"Date"}}},description:"",type:{name:"func"}},datePlaceholder:{required:!1,tsType:{name:"string"},description:"",type:{name:"string"}},dateTimePlaceholder:{required:!1,tsType:{name:"string"},description:"",type:{name:"string"}},rangePlaceholder:{required:!1,tsType:{name:"string"},description:"",type:{name:"string"}},disabled:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},parseDateInput:{required:!1,tsType:{name:"signature",type:"function",raw:"(input: string | null | undefined) => Date | null",signature:{arguments:[{type:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},name:"input"}],return:{name:"union",raw:"Date | null",elements:[{name:"Date"},{name:"null"}]}}},description:"",type:{name:"func"}},size:{required:!1,tsType:{name:"Size"},description:"",defaultValue:{value:"Size.M",computed:!0},type:{name:"enum",computed:!0,value:"Object.values(Size)"}},date:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1},withTime:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},range:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},from:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1},to:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1},displayFormat:{defaultValue:{value:"(date, locale) => (date ? formatDate(date, 'd MMM yyyy', {locale}) : '')",computed:!1},description:"",type:{name:"func"},required:!1},minDate:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1},maxDate:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"instanceOf",value:"Date"},{name:"string"},{name:"number"}]},required:!1},onChange:{description:"",type:{name:"func"},required:!1},locale:{description:"",type:{name:"object"},required:!1}}};const{size,inline}=DatePicker.defaultProps,date_picker_stories={title:"Components/Date Picker",component:DatePicker,parameters:{notes:"Allows picking a date or a date range. Uses [date-fns](https://date-fns.org) under the hood.",screenshots:{actions:[{type:"click",selector:"[data-test-ring-dropdown-anchor]"},{type:"capture",name:"datePickerPopup",selector:["[data-test~=ring-dropdown]","[data-test~=ring-popup]"]}]},zeplinLink:"https://app.zeplin.io/project/5afd8f5511c2d1c625752bb0/screen/5b0d1f6c877adb4d06c959ef"},args:{size,inline},argTypes:{size:{options:Object.keys(input.or),control:{type:"select"}}}},singleDate=args=>{class DatePickerExample extends react.Component{state={date:"01.01.18"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};singleDate.storyName="single date";const singleDateAndTime=args=>{class DatePickerExample extends react.Component{state={date:"8 January 2020, 9:45"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,withTime:!0,clear:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};singleDateAndTime.parameters={screenshots:{actions:[{type:"click",selector:"[data-test-ring-dropdown-anchor]"},{type:"capture",name:"datePickerPopup",selector:["[data-test~=ring-dropdown]","[data-test~=ring-popup]"]}]}},singleDateAndTime.storyName="single date and time";const range=args=>{class DatePickerExample extends react.Component{state={from:"1 January 2018",to:"15 February 2018"};setRange=({from,to})=>{this.setState({from,to})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{from:this.state.from,to:this.state.to,onChange:this.setRange,range:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};range.storyName="range";const clearable=args=>{class DatePickerExample extends react.Component{state={date:"01.01.18"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,clear:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};clearable.storyName="clearable";const singleWithMinMax=args=>{class DatePickerExample extends react.Component{state={date:"01.02.18"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,clear:!0,minDate:"25 January 2018",maxDate:"5 February 2018",...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};singleWithMinMax.storyName="single with min-max dates";const singleWithMin=args=>{class DatePickerExample extends react.Component{state={date:"01.02.18"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,clear:!0,minDate:"25 January 2018",...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};singleWithMin.storyName="single with min date";const singleWithMax=args=>{class DatePickerExample extends react.Component{state={date:"01.02.18"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,clear:!0,maxDate:"5 February 2018",...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};singleWithMax.storyName="single with max date";const rangeWithMinMax=args=>{class DatePickerExample extends react.Component{state={from:"27 January 2018",to:"4 February 2018"};setRange=({from,to})=>{this.setState({from,to})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{from:this.state.from,to:this.state.to,onChange:this.setRange,clear:!0,minDate:"25 January 2018",maxDate:"5 February 2018",range:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};rangeWithMinMax.storyName="range with min-max dates";const rangeWithMin=args=>{class DatePickerExample extends react.Component{state={from:"27 January 2018",to:"4 February 2018"};setRange=({from,to})=>{this.setState({from,to})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{from:this.state.from,to:this.state.to,onChange:this.setRange,clear:!0,minDate:"25 January 2018",range:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};rangeWithMin.storyName="range with min date";const rangeWithMax=args=>{class DatePickerExample extends react.Component{state={from:"27 January 2018",to:"4 February 2018"};setRange=({from,to})=>{this.setState({from,to})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{from:this.state.from,to:this.state.to,onChange:this.setRange,clear:!0,maxDate:"5 February 2018",range:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};rangeWithMax.storyName="range with max date";const rangeWithCustomPlaceholders=args=>{class DatePickerExample extends react.Component{state={from:void 0,to:void 0};setRange=({from,to})=>{this.setState({from,to})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{from:this.state.from,to:this.state.to,onChange:this.setRange,fromPlaceholder:"From",toPlaceholder:"To",rangePlaceholder:"Set range",clear:!0,range:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};rangeWithCustomPlaceholders.storyName="range with customized placeholders",rangeWithCustomPlaceholders.parameters={screenshots:{skip:!0}};const renderInline=args=>{class DatePickerExample extends react.Component{state={date:"8 January 2020, 9:45"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,withTime:!0,clear:!0,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};renderInline.args={inline:!0},renderInline.parameters={screenshots:{skip:!0}},renderInline.storyName="inline";const allSizes=()=>{class DatePickerExample extends react.Component{state={date:"8 January 2020, 9:45"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsxs)("div",{style:{width:"100%"},"data-test":"root",children:[(0,jsx_runtime.jsxs)("div",{className:"block",children:[(0,jsx_runtime.jsx)("span",{className:"label",children:"M"}),(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,size:input.or.M})]}),(0,jsx_runtime.jsxs)("div",{className:"block",children:[(0,jsx_runtime.jsx)("span",{className:"label",children:"L"}),(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,size:input.or.L})]}),(0,jsx_runtime.jsxs)("div",{className:"block",children:[(0,jsx_runtime.jsx)("span",{className:"label",children:"FULL"}),(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,size:input.or.FULL})]}),(0,jsx_runtime.jsxs)("div",{className:"block",children:[(0,jsx_runtime.jsx)("span",{className:"label",children:"AUTO"}),(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,onChange:this.setDate,size:input.or.AUTO})]})]})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};allSizes.storyName="all sizes",allSizes.parameters={storyStyles:"\n\n ",screenshots:{actions:[{type:"capture",name:"datepickers",selector:["[data-test~=root]"]}]}};const startsFromSunday=args=>{class DatePickerExample extends react.Component{state={date:"01.01.25"};setDate=date=>{this.setState({date})};render(){return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(DatePicker,{date:this.state.date,locale:en_US.c,onChange:this.setDate,...args})})}}return(0,jsx_runtime.jsx)(DatePickerExample,{})};startsFromSunday.storyName="starts on Sunday",singleDate.parameters={...singleDate.parameters,docs:{...singleDate.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '01.01.18'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...singleDate.parameters?.docs?.source}}},singleDateAndTime.parameters={...singleDateAndTime.parameters,docs:{...singleDateAndTime.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '8 January 2020, 9:45'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...singleDateAndTime.parameters?.docs?.source}}},range.parameters={...range.parameters,docs:{...range.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n from: '1 January 2018',\n to: '15 February 2018'\n };\n setRange = ({\n from,\n to\n }: DatePickerChange) => {\n this.setState({\n from,\n to\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...range.parameters?.docs?.source}}},clearable.parameters={...clearable.parameters,docs:{...clearable.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '01.01.18'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...clearable.parameters?.docs?.source}}},singleWithMinMax.parameters={...singleWithMinMax.parameters,docs:{...singleWithMinMax.parameters?.docs,source:{originalSource:'args => {\n class DatePickerExample extends Component {\n state = {\n date: \'01.02.18\'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}',...singleWithMinMax.parameters?.docs?.source}}},singleWithMin.parameters={...singleWithMin.parameters,docs:{...singleWithMin.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '01.02.18'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...singleWithMin.parameters?.docs?.source}}},singleWithMax.parameters={...singleWithMax.parameters,docs:{...singleWithMax.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '01.02.18'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...singleWithMax.parameters?.docs?.source}}},rangeWithMinMax.parameters={...rangeWithMinMax.parameters,docs:{...rangeWithMinMax.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n from: '27 January 2018',\n to: '4 February 2018'\n };\n setRange = ({\n from,\n to\n }: DatePickerChange) => {\n this.setState({\n from,\n to\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...rangeWithMinMax.parameters?.docs?.source}}},rangeWithMin.parameters={...rangeWithMin.parameters,docs:{...rangeWithMin.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n from: '27 January 2018',\n to: '4 February 2018'\n };\n setRange = ({\n from,\n to\n }: DatePickerChange) => {\n this.setState({\n from,\n to\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...rangeWithMin.parameters?.docs?.source}}},rangeWithMax.parameters={...rangeWithMax.parameters,docs:{...rangeWithMax.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n from: '27 January 2018',\n to: '4 February 2018'\n };\n setRange = ({\n from,\n to\n }: DatePickerChange) => {\n this.setState({\n from,\n to\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...rangeWithMax.parameters?.docs?.source}}},rangeWithCustomPlaceholders.parameters={...rangeWithCustomPlaceholders.parameters,docs:{...rangeWithCustomPlaceholders.parameters?.docs,source:{originalSource:'args => {\n class DatePickerExample extends Component {\n state = {\n from: undefined,\n to: undefined\n };\n setRange = ({\n from,\n to\n }: DatePickerChange) => {\n this.setState({\n from,\n to\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}',...rangeWithCustomPlaceholders.parameters?.docs?.source}}},renderInline.parameters={...renderInline.parameters,docs:{...renderInline.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '8 January 2020, 9:45'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...renderInline.parameters?.docs?.source}}},allSizes.parameters={...allSizes.parameters,docs:{...allSizes.parameters?.docs,source:{originalSource:'() => {\n class DatePickerExample extends Component {\n state = {\n date: \'8 January 2020, 9:45\'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n
\n M\n \n
\n
\n L\n \n
\n
\n FULL\n \n
\n
\n AUTO\n \n
\n
;\n }\n }\n return ;\n}',...allSizes.parameters?.docs?.source}}},startsFromSunday.parameters={...startsFromSunday.parameters,docs:{...startsFromSunday.parameters?.docs,source:{originalSource:"args => {\n class DatePickerExample extends Component {\n state = {\n date: '01.01.25'\n };\n setDate = (date: Date | null | undefined) => {\n this.setState({\n date\n });\n };\n render() {\n return
\n \n
;\n }\n }\n return ;\n}",...startsFromSunday.parameters?.docs?.source}}}},"./src/dropdown/anchor.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__),_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@jetbrains/icons/chevron-10px.js"),_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1__),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_icon_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/icon/icon.tsx"),_button_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/button/button.tsx"),_dropdown_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/dropdown/dropdown.css"),_dropdown_css__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_dropdown_css__WEBPACK_IMPORTED_MODULE_3__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Anchor=({children,className,...restProps})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_button_button__WEBPACK_IMPORTED_MODULE_5__.Ay,{"data-test-ring-dropdown-anchor":!0,text:!0,className:classnames__WEBPACK_IMPORTED_MODULE_2___default()(_dropdown_css__WEBPACK_IMPORTED_MODULE_3___default().anchor,className),...restProps,children:[children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icon_icon__WEBPACK_IMPORTED_MODULE_6__.Ay,{glyph:_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1___default(),className:_dropdown_css__WEBPACK_IMPORTED_MODULE_3___default().chevron})]});Anchor.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string};const __WEBPACK_DEFAULT_EXPORT__=(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(Anchor);Anchor.__docgenInfo={description:"",methods:[],displayName:"Anchor",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./src/dropdown/dropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Dropdown});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/global/data-tests.ts"),_global_typescript_utils__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/typescript-utils.ts"),_anchor__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/dropdown/anchor.tsx"),_dropdown_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/dropdown/dropdown.css"),_dropdown_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_dropdown_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Dropdown extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={anchor:prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,prop_types__WEBPACK_IMPORTED_MODULE_4___default().func]).isRequired,children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default().element,prop_types__WEBPACK_IMPORTED_MODULE_4___default().func]).isRequired,initShown:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,activeClassName:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,clickMode:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,hoverMode:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,hoverShowTimeOut:prop_types__WEBPACK_IMPORTED_MODULE_4___default().number,hoverHideTimeOut:prop_types__WEBPACK_IMPORTED_MODULE_4___default().number,disabled:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,onShow:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onHide:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onMouseEnter:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onMouseLeave:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};static defaultProps={initShown:!1,clickMode:!0,hoverMode:!1,hoverShowTimeOut:300,hoverHideTimeOut:600,disabled:!1,onShow:()=>{},onHide:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{}};state={show:this.props.initShown,pinned:!1};onClick=()=>{if(this.props.disabled)return;const{show,pinned}=this.state;let nextPinned=pinned;if(this.props.hoverMode)if(pinned)nextPinned=!1;else if(nextPinned=!0,show)return void this.setState({pinned:!0});this._toggle(!show,nextPinned)};onChildCloseAttempt=()=>{let nextPinned=this.state.pinned;this.props.hoverMode&&(nextPinned=!1),this._toggle(!1,nextPinned)};hoverTimer;onMouseEnter=event=>{this.props.disabled||(this._clearTimer(),this.props.onMouseEnter?.(event),this.hoverTimer=window.setTimeout((()=>{this.state.show||this._toggle(!0)}),this.props.hoverShowTimeOut))};onMouseLeave=event=>{this.props.disabled||(this.props.onMouseLeave?.(event),this.state.pinned||(this._clearTimer(),this.hoverTimer=window.setTimeout((()=>{this.state.show&&this._toggle(!1)}),this.props.hoverHideTimeOut)))};handlePopupInteraction=()=>{this.setState((({pinned})=>pinned?null:{pinned:!0}))};toggle(show=!this.state.show){this._toggle(show)}_toggle(show,pinned=this.state.pinned){this.setState({show,pinned},(()=>show?this.props.onShow():this.props.onHide()))}_clearTimer(){this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)}render(){const{show,pinned}=this.state,{initShown,onShow,onHide,hoverShowTimeOut,hoverHideTimeOut,children,anchor,className,activeClassName,hoverMode,clickMode,"data-test":dataTest,disabled,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_dropdown_css__WEBPACK_IMPORTED_MODULE_2___default().dropdown,className,{[null!=activeClassName?activeClassName:""]:null!=activeClassName&&show});let anchorElement;const active=hoverMode?pinned:show;switch(typeof anchor){case"string":anchorElement=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_anchor__WEBPACK_IMPORTED_MODULE_5__.A,{active,children:anchor});break;case"function":anchorElement=anchor({active:show,pinned});break;default:anchorElement=(0,_global_typescript_utils__WEBPACK_IMPORTED_MODULE_6__.c)(anchor)||"string"==typeof anchor.type?anchor:(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(anchor,{active})}const childProps={hidden:!show,onCloseAttempt:this.onChildCloseAttempt,onMouseDown:hoverMode?this.handlePopupInteraction:void 0,onContextMenu:hoverMode?this.handlePopupInteraction:void 0,dontCloseOnAnchorClick:!0};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_7__.A)("ring-dropdown",dataTest),...restProps,onClick:clickMode?this.onClick:void 0,role:"presentation",onMouseEnter:hoverMode?this.onMouseEnter:void 0,onMouseLeave:hoverMode?this.onMouseLeave:void 0,className:classes,children:[anchorElement,"function"==typeof children?children(childProps):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(children,childProps)]})}}Dropdown.__docgenInfo={description:"@name Dropdown",methods:[{name:"onClick",docblock:null,modifiers:[],params:[],returns:null},{name:"onChildCloseAttempt",docblock:null,modifiers:[],params:[],returns:null},{name:"onMouseEnter",docblock:null,modifiers:[],params:[{name:"event",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLElement"}],alias:"React.MouseEvent"}}],returns:null},{name:"onMouseLeave",docblock:null,modifiers:[],params:[{name:"event",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLElement"}],alias:"React.MouseEvent"}}],returns:null},{name:"handlePopupInteraction",docblock:null,modifiers:[],params:[],returns:null},{name:"toggle",docblock:null,modifiers:[],params:[{name:"show",optional:!0,type:null}],returns:null},{name:"_toggle",docblock:null,modifiers:[],params:[{name:"show",optional:!1,type:{name:"boolean"}},{name:"pinned",optional:!0,type:null}],returns:null},{name:"_clearTimer",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Dropdown",props:{anchor:{required:!0,tsType:{name:"union",raw:"ReactElement | readonly ReactElement[] | string | ((props: AnchorProps) => ReactNode)",elements:[{name:"ReactElement"},{name:"unknown"},{name:"string"},{name:"unknown"}]},description:"Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element\nReact element should render some interactive HTML element like `button` or `a`",type:{name:"union",value:[{name:"node"},{name:"func"}]}},children:{required:!0,tsType:{name:"union",raw:"ReactElement | ((props: Omit) => ReactNode)",elements:[{name:"ReactElement",elements:[{name:"JSX.LibraryManagedAttributes",elements:[{name:"Popup"},{name:"PopupProps"}],raw:"JSX.LibraryManagedAttributes"}],raw:"ReactElement"},{name:"unknown"}]},description:"",type:{name:"union",value:[{name:"element"},{name:"func"}]}},initShown:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},disabled:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},clickMode:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1},type:{name:"bool"}},hoverMode:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},hoverShowTimeOut:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"300",computed:!1},type:{name:"number"}},hoverHideTimeOut:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"600",computed:!1},type:{name:"number"}},onShow:{required:!1,tsType:{name:"unknown"},description:"",defaultValue:{value:"() => {}",computed:!1},type:{name:"func"}},onHide:{required:!1,tsType:{name:"unknown"},description:"",defaultValue:{value:"() => {}",computed:!1},type:{name:"func"}},activeClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},onMouseEnter:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},onMouseLeave:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},className:{description:"",type:{name:"string"},required:!1}},composes:["Omit"]}},"./src/global/linear-function.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function linearFunction(x0,y0,a){return{y:x=>+y0+(x-x0)*a,x:y=>+x0+(y-y0)/a}}function interpolateLinear(x0,x1,phase){return linearFunction(x0,x0,phase).y(x1)}__webpack_require__.d(__webpack_exports__,{A:()=>linearFunction,h:()=>interpolateLinear})},"./src/global/typescript-utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>isArray,z:()=>isTruthy});const isArray=arg=>Array.isArray(arg),isTruthy=arg=>Boolean(arg)},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/date-picker/date-picker.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_select_select_popup_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/select/select-popup.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/global.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_4__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_select_select_popup_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,':root {\n /* stylelint-disable-next-line color-no-hex */\n --ring-date-picker-hover-color: var(--ring-border-hover-color);\n}\n\n.container_dad6 {\n display: inline-block;\n}\n\n.hoverable_cbab {\n cursor: pointer;\n transition: color 0.2s ease-out 0s;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.hoverable_cbab:hover {\n transition: none;\n\n color: var(--ring-link-hover-color);\n}}\n\n.datePicker_dab6.datePicker_dab6 {\n padding-right: var(--ring-unit);\n}\n\n.datePicker_dab6.datePicker_dab6.inline_e474 {\n padding: 0;\n }\n\n.datePicker_dab6.datePicker_dab6.sizeS_ec2d {\n width: calc(var(--ring-unit)*12);\n }\n\n.datePicker_dab6.datePicker_dab6.sizeM_bf3c {\n width: calc(var(--ring-unit)*30);\n }\n\n.datePicker_dab6.datePicker_dab6.sizeL_c873 {\n width: calc(var(--ring-unit)*50);\n }\n\n.datePicker_dab6.datePicker_dab6.sizeFULL_ac9b {\n width: 100%;\n }\n\n.datePicker_dab6.datePicker_dab6.sizeAUTO_c236 {\n max-width: 100%;\n }\n\n.displayDate_bd03 {\n display: inline-block;\n\n min-width: calc(var(--ring-unit)*11);\n\n text-align: left;\n}\n\n.displayDate_bd03.displayRange_f1a1 {\n min-width: calc(var(--ring-unit)*22);\n}\n\n.clear_cbda {\n cursor: pointer;\n transition: opacity var(--ring-ease);\n\n opacity: 0.3;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.datePicker_dab6:hover .clear_cbda {\n opacity: 0.5;\n}}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.datePicker_dab6 .clear_cbda:hover {\n transition: none;\n\n opacity: 1;\n}}\n\n.datePopup_b189 {\n width: min-content;\n\n -webkit-user-select: none;\n\n user-select: none;\n text-align: left;\n\n color: var(--ring-text-color);\n}\n\n.datePopup_b189 * {\n box-sizing: border-box;\n}\n\n.filterWrapper_e62f {\n\n display: flex;\n\n padding-left: calc(var(--ring-unit)*2);\n}\n\n.filter_a249 {\n}\n\n.calendarIcon_cff7 {\n margin-right: calc(var(--ring-unit)/2);\n\n color: var(--ring-icon-color);\n}\n\n.anchor_cfd8 {\n width: 100%;\n padding: 0 var(--ring-unit);\n\n text-align: start;\n white-space: nowrap;\n}\n\n.inline_e474 .anchor_cfd8 {\n min-width: initial;\n padding: 0;\n\n cursor: pointer;\n }\n\n.anchorContent_c7b4 {\n display: flex;\n align-items: baseline;\n}\n\n.chevronDownIcon_d693 {\n margin-left: auto;\n\n color: var(--ring-icon-secondary-color);\n}\n\n.fromInput_f01f {\n position: relative;\n\n flex-basis: calc(var(--ring-unit)*13);\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.fromInputWithDivider_e320::after {\n position: absolute;\n top: 0;\n right: var(--ring-unit);\n\n content: "—";\n\n line-height: calc(var(--ring-unit)*4 - 2px);\n }\n\n.toInput_ca86 {\n flex-basis: calc(var(--ring-unit)*13);\n flex-grow: 1;\n flex-shrink: 0;\n\n width: calc(var(--ring-unit)*13);\n}\n\n.dateInput_b0b0 {\n flex-basis: calc(var(--ring-unit)*11);\n flex-grow: 1;\n flex-shrink: 0;\n}\n\n.timeInputWithDivider_b1cd {\n position: relative;\n}\n\n.timeInputWithDivider_b1cd::before {\n position: absolute;\n left: calc(var(--ring-unit)*-1);\n\n content: ",";\n\n line-height: calc(var(--ring-unit)*4 - 3px);\n }\n\n.weekdays_e810 {\n height: calc(var(--ring-unit)*4);\n padding: 5px calc(var(--ring-unit)*2) 0;\n\n color: var(--ring-secondary-color);\n}\n\n.weekday_ab35.weekday_ab35 {\n display: inline-block;\n\n width: calc(var(--ring-unit)*3);\n\n text-align: center;\n text-transform: capitalize;\n}\n\n.weekend_b354.weekend_b354 {\n color: var(--ring-error-color);\n}\n\n.calendar_d951 {\n position: relative;\n\n overflow: hidden;\n\n width: calc(var(--ring-unit)*37);\n height: calc(var(--ring-unit)*36);\n\n box-shadow: 0 -1px var(--ring-line-color);\n}\n\n.months_d4e9.months_d4e9 {\n position: absolute;\n top: 0;\n right: calc(var(--ring-unit)*6);\n bottom: 0;\n left: 0;\n}\n\n.days_cf0b {\n position: relative;\n left: 0;\n}\n\n.month_bac5.month_bac5 {\n display: flex;\n flex-wrap: wrap;\n\n width: calc(var(--ring-unit)*21);\n margin: calc(var(--ring-unit)*2);\n}\n\n.month_bac5.month_bac5 > * {\n flex-shrink: 0;\n\n height: calc(var(--ring-unit)*3);\n\n line-height: calc(var(--ring-unit)*3);\n}\n\n.monthTitle_cc6c {\n /* IE workaround, see https://github.com/philipwalton/flexbugs#7-flex-basis-doesnt-account-for-box-sizingborder-box */\n\n width: calc(var(--ring-unit)*12);\n\n padding-left: calc(var(--ring-unit)*0.5);\n\n text-align: left;\n\n text-transform: capitalize;\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n@supports (flex-basis: 1px) {\n\n.monthTitle_cc6c {\n flex-basis: calc(var(--ring-unit)*12);\n\n width: auto;\n}\n }\n\n.day_c689 {\n}\n\n.day_c689.day_c689 {\n position: relative;\n\n flex-basis: calc(var(--ring-unit)*3);\n\n margin: 0;\n\n cursor: pointer;\n transition: background-color var(--ring-ease), color var(--ring-ease);\n text-align: center;\n}\n\n.day_c689.day_c689::before,\n .day_c689.day_c689::after {\n pointer-events: none;\n }\n\n.between_c589.between_c589 {\n transition: none;\n\n background-color: var(--ring-selected-background-color);\n}\n\n.activeBetween_d1ce.activeBetween_d1ce {\n transition: none;\n\n background-color: var(--ring-date-picker-hover-color);\n}\n\n.current_ee75.current_ee75 {\n color: var(--ring-white-text-color);\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-main-color);\n}\n\n.active_ff5c.active_ff5c {\n transition: none;\n\n color: var(--ring-text-color);\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-date-picker-hover-color);\n}\n\n.disabled_a223.disabled_a223 {\n cursor: not-allowed;\n\n color: var(--ring-disabled-color);\n}\n\n.from_e689.from_e689 {\n border-radius: var(--ring-border-radius) 0 0 var(--ring-border-radius);\n}\n\n.to_f121.to_f121 {\n border-radius: 0 var(--ring-border-radius) var(--ring-border-radius) 0;\n}\n\n.from_e689.to_f121 {\n border-radius: var(--ring-border-radius);\n}\n\n.Day1_aa62 {\n position: relative;\n}\n\n.Day1_aa62::before,\n .Day1_aa62::after {\n position: absolute;\n\n width: calc(var(--ring-unit)*2);\n height: 100%;\n\n content: "";\n transition: background-color var(--ring-ease);\n }\n\n.Day1_aa62::before {\n right: 100%;\n }\n\n.Day1_aa62::after {\n bottom: 100%;\n left: 700%;\n }\n\n.Day1_aa62.spread_d67f::before,\n .Day1_aa62.spread_d67f::after {\n transition: none;\n\n background-color: var(--ring-selected-background-color);\n }\n\n.Day1_aa62.activeSpread_cc8f::before,\n .Day1_aa62.activeSpread_cc8f::after {\n transition: none;\n\n background-color: var(--ring-date-picker-hover-color);\n }\n\n.first_f7ca {\n position: relative;\n}\n\n.first_f7ca::before,\n .first_f7ca::after {\n position: absolute;\n z-index: var(--ring-invisible-element-z-index);\n\n width: calc(var(--ring-unit)*23);\n height: calc(var(--ring-unit)*8);\n\n content: "";\n transition: background-color var(--ring-ease);\n }\n\n.first_f7ca::before {\n right: 100%;\n bottom: 0;\n }\n\n.first_f7ca::after {\n bottom: 100%;\n left: 0;\n }\n\n.first_f7ca.Day1_aa62::after {\n height: calc(var(--ring-unit)*5);\n }\n\n.first_f7ca + .Day2_a846 {\n position: relative;\n }\n\n.first_f7ca + .Day2_a846::before {\n position: absolute;\n z-index: var(--ring-invisible-element-z-index);\n top: calc(var(--ring-unit)*-8);\n left: 600%;\n\n width: calc(var(--ring-unit)*2);\n height: 100%;\n\n content: "";\n transition: background-color var(--ring-ease);\n }\n\n.Day5_c8f0::before,\n .Day6_dce5::before,\n .Day7_ef55::before,\n .Day5_c8f0::after,\n .Day6_dce5::after,\n .Day7_ef55::after {\n height: calc(var(--ring-unit)*5);\n }\n\n.spread_d67f::before,\n .spread_d67f::after,\n .spread_d67f + .Day2_a846::before {\n transition: none;\n\n background-color: var(--ring-selected-background-color);\n }\n\n.activeSpread_cc8f::before,\n .activeSpread_cc8f::after,\n .activeSpread_cc8f + .Day2_a846::before {\n transition: none;\n\n background-color: var(--ring-date-picker-hover-color);\n }\n\n.empty_f067.empty_f067 {\n pointer-events: none;\n\n opacity: 0;\n}\n\n.today_b7bc.today_b7bc {\n position: relative;\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n.today_b7bc::before {\n position: absolute;\n top: 0;\n left: calc(var(--ring-unit)*0.5);\n\n content: "•";\n\n font-size: var(--ring-font-size-smaller);\n}\n\n.day_c689 > .today_b7bc::before {\n top: 4px;\n left: 0;\n\n width: 100%;\n\n text-align: center;\n}\n\n.year_b06b.today_b7bc::before {\n top: -1px;\n left: 2px;\n}\n\n.monthNames_e3a5 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n\n width: calc(var(--ring-unit)*6);\n\n background-color: var(--ring-content-background-color);\n box-shadow: -1px 0 var(--ring-line-color);\n}\n\n.monthName_d041 {\n}\n\n.monthName_d041.monthName_d041 {\n position: relative;\n\n width: 100%;\n\n height: calc(var(--ring-unit)*3);\n padding-left: calc(var(--ring-unit)*1.5);\n\n text-transform: capitalize;\n\n line-height: calc(var(--ring-unit)*3);\n}\n\n.monthSlider_dca5 {\n}\n\n.monthSlider_dca5.monthSlider_dca5 {\n position: absolute;\n z-index: var(--ring-fixed-z-index);\n right: 0;\n left: -1px;\n\n width: calc(100% + 1px);\n\n height: calc(var(--ring-unit)*6);\n\n cursor: grab;\n\n opacity: 0.17;\n background-color: var(--ring-main-color);\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.monthSlider_dca5:hover {\n opacity: 0.3;\n}}\n\n.dragging_d711 {\n cursor: grabbing;\n\n opacity: 0.35;\n}\n\n.range_f910 {\n position: absolute;\n left: 0;\n\n width: 2px;\n\n background-color: var(--ring-main-color);\n}\n\n.years_a39c {\n position: absolute;\n top: 0;\n right: 0;\n\n width: calc(var(--ring-unit)*6);\n\n background-color: var(--ring-content-background-color);\n box-shadow: -1px 0 var(--ring-line-color);\n\n font-size: var(--ring-font-size-smaller);\n}\n\n.year_b06b {\n}\n\n.year_b06b.year_b06b {\n position: relative;\n\n width: 100%;\n\n height: calc(var(--ring-unit)*4);\n\n text-align: center;\n\n color: var(--ring-secondary-color);\n\n line-height: calc(var(--ring-unit)*4);\n}\n\n.currentYear_b133.currentYear_b133 {\n cursor: auto;\n transition: none;\n\n color: var(--ring-text-color);\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.currentYear_b133:hover {\n color: var(--ring-text-color);\n}}\n',"",{version:3,sources:["webpack://./src/date-picker/date-picker.css",""],names:[],mappings:"AASA;EACE,6CAA6C;EAC7C,8DAA8D;AAChE;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,eAAe;EACf,kCAAkC;AACpC;;ACrBA,wGAAA;EAAA,iBAAA;;EAAA,oCAAA;CAAA,CAAA;;AD6BA;EACE,+BAA+B;AAyBjC;;AAvBE;IACE,UAAU;EACZ;;AAEA;IACE,gCAAkC;EACpC;;AAEA;IACE,gCAAkC;EACpC;;AAEA;IACE,gCAAkC;EACpC;;AAEA;IACE,WAAW;EACb;;AAEA;IACE,eAAe;EACjB;;AAGF;EACE,qBAAqB;;EAErB,oCAAsC;;EAEtC,gBAAgB;AAClB;;AAEA;EACE,oCAAsC;AACxC;;AAEA;EACE,eAAe;EACf,oCAAoC;;EAEpC,YAAY;AACd;;AC1EA,wGAAA;EAAA,aAAA;CAAA,CAAA;;AAAA,wGAAA;EAAA,iBAAA;;EAAA,WAAA;CAAA,CAAA;;ADsFA;EACE,kBAAkB;;EAElB,yBAAiB;;UAAjB,iBAAiB;EACjB,gBAAgB;;EAEhB,6BAA6B;AAC/B;;AAEA;EACE,sBAAsB;AACxB;;AAEA;;EAGE,aAAa;;EAEb,sCAAwC;AAC1C;;AAEA;AAEA;;AAEA;EACE,sCAAwC;;EAExC,6BAA6B;AAC/B;;AAEA;EACE,WAAW;EACX,2BAA2B;;EAE3B,iBAAiB;EACjB,mBAAmB;AAQrB;;AANE;IACE,kBAAkB;IAClB,UAAU;;IAEV,eAAe;EACjB;;AAGF;EACE,aAAa;EACb,qBAAqB;AACvB;;AAEA;EACE,iBAAiB;;EAEjB,uCAAuC;AACzC;;AAEA;EACE,kBAAkB;;EAElB,qCAAuC;EACvC,YAAY;EACZ,cAAc;AAChB;;AAGE;IACE,kBAAkB;IAClB,MAAM;IACN,uBAAuB;;IAEvB,YAAY;;IAEZ,2CAA6C;EAC/C;;AAGF;EACE,qCAAuC;EACvC,YAAY;EACZ,cAAc;;EAEd,gCAAkC;AACpC;;AAEA;EACE,qCAAuC;EACvC,YAAY;EACZ,cAAc;AAChB;;AAEA;EACE,kBAAkB;AAUpB;;AARE;IACE,kBAAkB;IAClB,+BAAiC;;IAEjC,YAAY;;IAEZ,2CAA6C;EAC/C;;AAGF;EACE,gCAAkC;EAClC,uCAAyC;;EAEzC,kCAAkC;AACpC;;AAEA;EACE,qBAAqB;;EAErB,+BAAe;;EAEf,kBAAkB;EAClB,0BAA0B;AAC5B;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,kBAAkB;;EAElB,gBAAgB;;EAEhB,gCAAe;EACf,iCAAiB;;EAEjB,yCAAyC;AAC3C;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,+BAAgB;EAChB,SAAS;EACT,OAAO;AACT;;AAEA;EACE,kBAAkB;EAClB,OAAO;AACT;;AAEA;EACE,aAAa;EACb,eAAe;;EAEf,gCAAkC;EAClC,gCAAkC;AACpC;;AAEA;EACE,cAAc;;EAEd,gCAAgB;;EAEhB,qCAAqB;AACvB;;AAEA;EACE,qHAAqH;;EAErH,gCAAkC;;EAElC,wCAA0C;;EAE1C,gBAAgB;;EAEhB,0BAA0B;;EAE1B,yCAAyC;AAO3C;;AALE;;AAbF;IAcI,qCAAuC;;IAEvC,WAAW;AAEf;EADE;;AAGF;AAEA;;AAEA;EACE,kBAAkB;;EAElB,oCAAoB;;EAEpB,SAAS;;EAET,eAAe;EACf,qEAAqE;EACrE,kBAAkB;AAMpB;;AAJE;;IAEE,oBAAoB;EACtB;;AAGF;EACE,gBAAgB;;EAEhB,uDAAuD;AACzD;;AAEA;EACE,gBAAgB;;EAEhB,qDAAqD;AACvD;;AAEA;EACE,mCAAmC;EACnC,wCAAwC;EACxC,wCAAwC;AAC1C;;AAEA;EACE,gBAAgB;;EAEhB,6BAA6B;EAC7B,wCAAwC;EACxC,qDAAqD;AACvD;;AAEA;EACE,mBAAmB;;EAEnB,iCAAiC;AACnC;;AAEA;EACE,sEAAsE;AACxE;;AAEA;EACE,sEAAsE;AACxE;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kBAAkB;AAuCpB;;AArCE;;IAEE,kBAAkB;;IAElB,+BAAiC;IACjC,YAAY;;IAEZ,WAAW;IACX,6CAA6C;EAC/C;;AAEA;IACE,WAAW;EACb;;AAEA;IACE,YAAY;IACZ,UAAU;EACZ;;AAGE;;MAEE,gBAAgB;;MAEhB,uDAAuD;IACzD;;AAIA;;MAEE,gBAAgB;;MAEhB,qDAAqD;IACvD;;AAIJ;EACE,kBAAkB;AA8CpB;;AA5CE;;IAEE,kBAAkB;IAClB,8CAA8C;;IAE9C,gCAAkC;IAClC,gCAAkC;;IAElC,WAAW;IACX,6CAA6C;EAC/C;;AAEA;IACE,WAAW;IACX,SAAS;EACX;;AAEA;IACE,YAAY;IACZ,OAAO;EACT;;AAGE;MACE,gCAAkC;IACpC;;AAGF;IACE,kBAAkB;EAcpB;;AAZE;MACE,kBAAkB;MAClB,8CAA8C;MAC9C,8BAAgC;MAChC,UAAU;;MAEV,+BAAiC;MACjC,YAAY;;MAEZ,WAAW;MACX,6CAA6C;IAC/C;;AAOF;;;;;;IAEE,gCAAkC;EACpC;;AAIA;;;IAGE,gBAAgB;;IAEhB,uDAAuD;EACzD;;AAIA;;;IAGE,gBAAgB;;IAEhB,qDAAqD;EACvD;;AAGF;EACE,oBAAoB;;EAEpB,UAAU;AACZ;;AAEA;EACE,kBAAkB;;EAElB,yCAAyC;AAC3C;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,gCAAkC;;EAElC,YAAY;;EAEZ,wCAAwC;AAC1C;;AAEA;EACE,QAAQ;EACR,OAAO;;EAEP,WAAW;;EAEX,kBAAkB;AACpB;;AAEA;EACE,SAAS;EACT,SAAS;AACX;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;;EAET,+BAAiC;;EAEjC,sDAAsD;EACtD,yCAAyC;AAC3C;;AAEA;AAGA;;AAEA;EACE,kBAAkB;;EAElB,WAAW;;EAEX,gCAAgB;EAChB,wCAA0C;;EAE1C,0BAA0B;;EAE1B,qCAAqB;AACvB;;AAEA;AAEA;;AAEA;EACE,kBAAkB;EAClB,kCAAkC;EAClC,QAAQ;EACR,UAAU;;EAEV,uBAAuB;;EAEvB,gCAAkC;;EAElC,YAAY;;EAEZ,aAAa;EACb,wCAAwC;AAC1C;;AC3hBA,wGAAA;EAAA,aAAA;CAAA,CAAA;;ADiiBA;EACE,gBAAgB;;EAEhB,aAAa;AACf;;AAEA;EACE,kBAAkB;EAClB,OAAO;;EAEP,UAAU;;EAEV,wCAAwC;AAC1C;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;;EAER,+BAAgB;;EAEhB,sDAAsD;EACtD,yCAAyC;;EAEzC,wCAAwC;AAC1C;;AAEA;AAGA;;AAEA;EACE,kBAAkB;;EAElB,WAAW;;EAEX,gCAAkB;;EAElB,kBAAkB;;EAElB,kCAAkC;;EAElC,qCAAuB;AACzB;;AAEA;EACE,YAAY;EACZ,gBAAgB;;EAEhB,6BAA6B;AAC/B;;ACrlBA,wGAAA;EAAA,8BAAA;CAAA,CAAA",sourcesContent:['@import "../global/variables.css";\n@import "../global/global.css";\n\n@value cellSize: calc(var(--ring-unit) * 3);\n@value calHeight: calc(var(--ring-unit) * 36);\n@value calWidth: calc(var(--ring-unit) * 37);\n@value yearHeight: calc(var(--ring-unit) * 4);\n@value yearWidth: calc(var(--ring-unit) * 6);\n\n:root {\n /* stylelint-disable-next-line color-no-hex */\n --ring-date-picker-hover-color: var(--ring-border-hover-color);\n}\n\n.container {\n display: inline-block;\n}\n\n.hoverable {\n cursor: pointer;\n transition: color 0.2s ease-out 0s;\n}\n\n.hoverable:hover {\n transition: none;\n\n color: var(--ring-link-hover-color);\n}\n\n.datePicker.datePicker {\n padding-right: var(--ring-unit);\n\n &.inline {\n padding: 0;\n }\n\n &.sizeS {\n width: calc(var(--ring-unit) * 12);\n }\n\n &.sizeM {\n width: calc(var(--ring-unit) * 30);\n }\n\n &.sizeL {\n width: calc(var(--ring-unit) * 50);\n }\n\n &.sizeFULL {\n width: 100%;\n }\n\n &.sizeAUTO {\n max-width: 100%;\n }\n}\n\n.displayDate {\n display: inline-block;\n\n min-width: calc(var(--ring-unit) * 11);\n\n text-align: left;\n}\n\n.displayDate.displayRange {\n min-width: calc(var(--ring-unit) * 22);\n}\n\n.clear {\n cursor: pointer;\n transition: opacity var(--ring-ease);\n\n opacity: 0.3;\n}\n\n.datePicker:hover .clear {\n opacity: 0.5;\n}\n\n.datePicker .clear:hover {\n transition: none;\n\n opacity: 1;\n}\n\n.datePopup {\n width: min-content;\n\n user-select: none;\n text-align: left;\n\n color: var(--ring-text-color);\n}\n\n.datePopup * {\n box-sizing: border-box;\n}\n\n.filterWrapper {\n composes: filterWrapper from "../select/select-popup.css";\n\n display: flex;\n\n padding-left: calc(var(--ring-unit) * 2);\n}\n\n.filter {\n composes: filter from "../select/select-popup.css";\n}\n\n.calendarIcon {\n margin-right: calc(var(--ring-unit) / 2);\n\n color: var(--ring-icon-color);\n}\n\n.anchor {\n width: 100%;\n padding: 0 var(--ring-unit);\n\n text-align: start;\n white-space: nowrap;\n\n .inline & {\n min-width: initial;\n padding: 0;\n\n cursor: pointer;\n }\n}\n\n.anchorContent {\n display: flex;\n align-items: baseline;\n}\n\n.chevronDownIcon {\n margin-left: auto;\n\n color: var(--ring-icon-secondary-color);\n}\n\n.fromInput {\n position: relative;\n\n flex-basis: calc(var(--ring-unit) * 13);\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.fromInputWithDivider {\n &::after {\n position: absolute;\n top: 0;\n right: var(--ring-unit);\n\n content: "—";\n\n line-height: calc(4 * var(--ring-unit) - 2px);\n }\n}\n\n.toInput {\n flex-basis: calc(var(--ring-unit) * 13);\n flex-grow: 1;\n flex-shrink: 0;\n\n width: calc(var(--ring-unit) * 13);\n}\n\n.dateInput {\n flex-basis: calc(var(--ring-unit) * 11);\n flex-grow: 1;\n flex-shrink: 0;\n}\n\n.timeInputWithDivider {\n position: relative;\n\n &::before {\n position: absolute;\n left: calc(-1 * var(--ring-unit));\n\n content: ",";\n\n line-height: calc(4 * var(--ring-unit) - 3px);\n }\n}\n\n.weekdays {\n height: calc(var(--ring-unit) * 4);\n padding: 5px calc(var(--ring-unit) * 2) 0;\n\n color: var(--ring-secondary-color);\n}\n\n.weekday.weekday {\n display: inline-block;\n\n width: cellSize;\n\n text-align: center;\n text-transform: capitalize;\n}\n\n.weekend.weekend {\n color: var(--ring-error-color);\n}\n\n.calendar {\n position: relative;\n\n overflow: hidden;\n\n width: calWidth;\n height: calHeight;\n\n box-shadow: 0 -1px var(--ring-line-color);\n}\n\n.months.months {\n position: absolute;\n top: 0;\n right: yearWidth;\n bottom: 0;\n left: 0;\n}\n\n.days {\n position: relative;\n left: 0;\n}\n\n.month.month {\n display: flex;\n flex-wrap: wrap;\n\n width: calc(var(--ring-unit) * 21);\n margin: calc(var(--ring-unit) * 2);\n}\n\n.month.month > * {\n flex-shrink: 0;\n\n height: cellSize;\n\n line-height: cellSize;\n}\n\n.monthTitle {\n /* IE workaround, see https://github.com/philipwalton/flexbugs#7-flex-basis-doesnt-account-for-box-sizingborder-box */\n\n width: calc(var(--ring-unit) * 12);\n\n padding-left: calc(var(--ring-unit) * 0.5);\n\n text-align: left;\n\n text-transform: capitalize;\n\n font-weight: var(--ring-font-weight-bold);\n\n @supports (flex-basis: 1px) {\n flex-basis: calc(var(--ring-unit) * 12);\n\n width: auto;\n }\n}\n\n.day {\n composes: resetButton from "../global/global.css";\n}\n\n.day.day {\n position: relative;\n\n flex-basis: cellSize;\n\n margin: 0;\n\n cursor: pointer;\n transition: background-color var(--ring-ease), color var(--ring-ease);\n text-align: center;\n\n &::before,\n &::after {\n pointer-events: none;\n }\n}\n\n.between.between {\n transition: none;\n\n background-color: var(--ring-selected-background-color);\n}\n\n.activeBetween.activeBetween {\n transition: none;\n\n background-color: var(--ring-date-picker-hover-color);\n}\n\n.current.current {\n color: var(--ring-white-text-color);\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-main-color);\n}\n\n.active.active {\n transition: none;\n\n color: var(--ring-text-color);\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-date-picker-hover-color);\n}\n\n.disabled.disabled {\n cursor: not-allowed;\n\n color: var(--ring-disabled-color);\n}\n\n.from.from {\n border-radius: var(--ring-border-radius) 0 0 var(--ring-border-radius);\n}\n\n.to.to {\n border-radius: 0 var(--ring-border-radius) var(--ring-border-radius) 0;\n}\n\n.from.to {\n border-radius: var(--ring-border-radius);\n}\n\n.Day1 {\n position: relative;\n\n &::before,\n &::after {\n position: absolute;\n\n width: calc(var(--ring-unit) * 2);\n height: 100%;\n\n content: "";\n transition: background-color var(--ring-ease);\n }\n\n &::before {\n right: 100%;\n }\n\n &::after {\n bottom: 100%;\n left: 700%;\n }\n\n &.spread {\n &::before,\n &::after {\n transition: none;\n\n background-color: var(--ring-selected-background-color);\n }\n }\n\n &.activeSpread {\n &::before,\n &::after {\n transition: none;\n\n background-color: var(--ring-date-picker-hover-color);\n }\n }\n}\n\n.first {\n position: relative;\n\n &::before,\n &::after {\n position: absolute;\n z-index: var(--ring-invisible-element-z-index);\n\n width: calc(var(--ring-unit) * 23);\n height: calc(var(--ring-unit) * 8);\n\n content: "";\n transition: background-color var(--ring-ease);\n }\n\n &::before {\n right: 100%;\n bottom: 0;\n }\n\n &::after {\n bottom: 100%;\n left: 0;\n }\n\n &.Day1 {\n &::after {\n height: calc(var(--ring-unit) * 5);\n }\n }\n\n & + .Day2 {\n position: relative;\n\n &::before {\n position: absolute;\n z-index: var(--ring-invisible-element-z-index);\n top: calc(var(--ring-unit) * -8);\n left: 600%;\n\n width: calc(var(--ring-unit) * 2);\n height: 100%;\n\n content: "";\n transition: background-color var(--ring-ease);\n }\n }\n}\n\n.Day5,\n.Day6,\n.Day7 {\n &::before,\n &::after {\n height: calc(var(--ring-unit) * 5);\n }\n}\n\n.spread {\n &::before,\n &::after,\n & + .Day2::before {\n transition: none;\n\n background-color: var(--ring-selected-background-color);\n }\n}\n\n.activeSpread {\n &::before,\n &::after,\n & + .Day2::before {\n transition: none;\n\n background-color: var(--ring-date-picker-hover-color);\n }\n}\n\n.empty.empty {\n pointer-events: none;\n\n opacity: 0;\n}\n\n.today.today {\n position: relative;\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n.today::before {\n position: absolute;\n top: 0;\n left: calc(var(--ring-unit) * 0.5);\n\n content: "•";\n\n font-size: var(--ring-font-size-smaller);\n}\n\n.day > .today::before {\n top: 4px;\n left: 0;\n\n width: 100%;\n\n text-align: center;\n}\n\n.year.today::before {\n top: -1px;\n left: 2px;\n}\n\n.monthNames {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n\n width: calc(var(--ring-unit) * 6);\n\n background-color: var(--ring-content-background-color);\n box-shadow: -1px 0 var(--ring-line-color);\n}\n\n.monthName {\n composes: hoverable;\n composes: resetButton from "../global/global.css";\n}\n\n.monthName.monthName {\n position: relative;\n\n width: 100%;\n\n height: cellSize;\n padding-left: calc(var(--ring-unit) * 1.5);\n\n text-transform: capitalize;\n\n line-height: cellSize;\n}\n\n.monthSlider {\n composes: resetButton from "../global/global.css";\n}\n\n.monthSlider.monthSlider {\n position: absolute;\n z-index: var(--ring-fixed-z-index);\n right: 0;\n left: -1px;\n\n width: calc(100% + 1px);\n\n height: calc(var(--ring-unit) * 6);\n\n cursor: grab;\n\n opacity: 0.17;\n background-color: var(--ring-main-color);\n}\n\n.monthSlider:hover {\n opacity: 0.3;\n}\n\n.dragging {\n cursor: grabbing;\n\n opacity: 0.35;\n}\n\n.range {\n position: absolute;\n left: 0;\n\n width: 2px;\n\n background-color: var(--ring-main-color);\n}\n\n.years {\n position: absolute;\n top: 0;\n right: 0;\n\n width: yearWidth;\n\n background-color: var(--ring-content-background-color);\n box-shadow: -1px 0 var(--ring-line-color);\n\n font-size: var(--ring-font-size-smaller);\n}\n\n.year {\n composes: hoverable;\n composes: resetButton from "../global/global.css";\n}\n\n.year.year {\n position: relative;\n\n width: 100%;\n\n height: yearHeight;\n\n text-align: center;\n\n color: var(--ring-secondary-color);\n\n line-height: yearHeight;\n}\n\n.currentYear.currentYear {\n cursor: auto;\n transition: none;\n\n color: var(--ring-text-color);\n}\n\n.currentYear:hover {\n color: var(--ring-text-color);\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={cellSize:"calc(var(--ring-unit)*3)",calHeight:"calc(var(--ring-unit)*36)",calWidth:"calc(var(--ring-unit)*37)",yearHeight:"calc(var(--ring-unit)*4)",yearWidth:"calc(var(--ring-unit)*6)",container:"container_dad6",hoverable:"hoverable_cbab",datePicker:"datePicker_dab6",inline:"inline_e474",sizeS:"sizeS_ec2d",sizeM:"sizeM_bf3c",sizeL:"sizeL_c873",sizeFULL:"sizeFULL_ac9b",sizeAUTO:"sizeAUTO_c236",displayDate:"displayDate_bd03",displayRange:"displayRange_f1a1",clear:"clear_cbda",datePopup:"datePopup_b189",filterWrapper:`filterWrapper_e62f ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_select_select_popup_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.filterWrapper}`,filter:`filter_a249 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_select_select_popup_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.filter}`,calendarIcon:"calendarIcon_cff7",anchor:"anchor_cfd8",anchorContent:"anchorContent_c7b4",chevronDownIcon:"chevronDownIcon_d693",fromInput:"fromInput_f01f",fromInputWithDivider:"fromInputWithDivider_e320",toInput:"toInput_ca86",dateInput:"dateInput_b0b0",timeInputWithDivider:"timeInputWithDivider_b1cd",weekdays:"weekdays_e810",weekday:"weekday_ab35",weekend:"weekend_b354",calendar:"calendar_d951",months:"months_d4e9",days:"days_cf0b",month:"month_bac5",monthTitle:"monthTitle_cc6c",day:`day_c689 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default.locals.resetButton}`,between:"between_c589",activeBetween:"activeBetween_d1ce",current:"current_ee75",active:"active_ff5c",disabled:"disabled_a223",from:"from_e689",to:"to_f121",Day1:"Day1_aa62",spread:"spread_d67f",activeSpread:"activeSpread_cc8f",first:"first_f7ca",Day2:"Day2_a846",Day5:"Day5_c8f0",Day6:"Day6_dce5",Day7:"Day7_ef55",empty:"empty_f067",today:"today_b7bc",year:`year_b06b hoverable_cbab ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default.locals.resetButton}`,monthNames:"monthNames_e3a5",monthName:`monthName_d041 hoverable_cbab ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default.locals.resetButton}`,monthSlider:`monthSlider_dca5 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default.locals.resetButton}`,dragging:"dragging_d711",range:"range_f910",years:"years_a39c",currentYear:"currentYear_b133"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/dropdown/dropdown.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".dropdown_c237 {\n display: inline-block;\n}\n\n.anchor_dff2.anchor_dff2 {\n margin: 0 -3px;\n padding: 0 3px;\n\n font: inherit;\n}\n\n.chevron_a400 {\n margin-left: 2px;\n\n line-height: normal;\n}\n","",{version:3,sources:["webpack://./src/dropdown/dropdown.css"],names:[],mappings:"AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,cAAc;EACd,cAAc;;EAEd,aAAa;AACf;;AAEA;EACE,gBAAgB;;EAEhB,mBAAmB;AACrB",sourcesContent:['@import "../global/variables.css";\n\n.dropdown {\n display: inline-block;\n}\n\n.anchor.anchor {\n margin: 0 -3px;\n padding: 0 3px;\n\n font: inherit;\n}\n\n.chevron {\n margin-left: 2px;\n\n line-height: normal;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={dropdown:"dropdown_c237",anchor:"anchor_dff2",chevron:"chevron_a400"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/select/select-popup.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,'@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.filterWithTagsFocused_ead3.filterWithTagsFocused_ead3:hover {\n border-color: var(--ring-main-color);\n}}\n\n.filterWithTags_d44f {\n overflow: hidden;\n\n margin: calc(var(--ring-unit)*2) var(--ring-unit) 0;\n padding: 3px;\n\n text-align: left;\n\n border: 1px solid var(--ring-borders-color);\n border-radius: var(--ring-border-radius);\n}\n\n.filterWithTags_d44f .filterWrapper_fe8f {\n padding-right: 0;\n padding-left: 0;\n\n border-bottom: none;\n }\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.filterWithTags_d44f:hover {\n border-color: var(--ring-border-hover-color);\n }}\n\n.filterWithTagsFocused_ead3 {\n border-color: var(--ring-main-color);\n}\n\n.filterWithTagsInput_cf40 {\n padding: 0;\n\n border: none;\n}\n\n.filter_b74b {\n flex-grow: 1;\n\n width: 0;\n}\n\n.popup_b994 {\n overscroll-behavior: contain;\n}\n\n.filterWrapper_fe8f {\n position: relative;\n\n display: flex;\n\n margin: 0;\n padding-right: var(--ring-unit);\n padding-left: calc(var(--ring-unit)*5.5);\n\n border-bottom: 1px solid var(--ring-borders-color);\n}\n\n[dir="rtl"] .filterWrapper_fe8f {\n padding-right: calc(var(--ring-unit)*5.5);\n padding-left: var(--ring-unit);\n }\n\n.filterIcon_da31 {\n position: absolute;\n top: 7px;\n left: calc(var(--ring-unit)*2);\n\n color: var(--ring-icon-color);\n}\n\n[dir="rtl"] .filterIcon_da31 {\n right: calc(var(--ring-unit)*2);\n left: auto;\n }\n\n.bottomLine_b399 {\n text-align: center;\n}\n\n.bottomLine_b399.bottomLineOverItem_a026 {\n position: relative;\n\n z-index: var(--ring-fixed-z-index);\n\n margin-top: -36px;\n\n background-color: var(--ring-content-background-color);\n }\n\n.message_fefb {\n display: inline-block;\n\n margin: var(--ring-unit) 0;\n padding: 0 calc(var(--ring-unit)*2);\n}\n\n.selectAll_ba59 {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n\n padding: 8px 16px 0;\n}\n',"",{version:3,sources:["","webpack://./src/select/select-popup.css"],names:[],mappings:"AAAA,wGAAA;EAAA,qCAAA;CAAA,CAAA;;ACEA;EACE,gBAAgB;;EAEhB,mDAAqD;EACrD,YAAY;;EAEZ,gBAAgB;;EAEhB,2CAA2C;EAC3C,wCAAwC;AAY1C;;AAVE;IACE,gBAAgB;IAChB,eAAe;;IAEf,mBAAmB;EACrB;;ADlBF,wGAAA;IAAA,6CAAA;GAAA,CAAA;;ACyBA;EAEE,oCAAoC;AACtC;;AAEA;EACE,UAAU;;EAEV,YAAY;AACd;;AAEA;EACE,YAAY;;EAEZ,QAAQ;AACV;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,kBAAkB;;EAElB,aAAa;;EAEb,SAAS;EACT,+BAA+B;EAC/B,wCAA0C;;EAE1C,kDAAkD;AAMpD;;AAJE;IACE,yCAA2C;IAC3C,8BAA8B;EAChC;;AAGF;EACE,kBAAkB;EAClB,QAAQ;EACR,8BAAgC;;EAEhC,6BAA6B;AAM/B;;AAJE;IACE,+BAAiC;IACjC,UAAU;EACZ;;AAGF;EACE,kBAAkB;AAWpB;;AATE;IACE,kBAAkB;;IAElB,kCAAkC;;IAElC,iBAAiB;;IAEjB,sDAAsD;EACxD;;AAGF;EACE,qBAAqB;;EAErB,0BAA0B;EAC1B,mCAAqC;AACvC;;AAEA;EACE,aAAa;EACb,qBAAqB;EACrB,8BAA8B;;EAE9B,mBAAmB;AACrB",sourcesContent:[null,'@import "../global/variables.css";\n\n.filterWithTags {\n overflow: hidden;\n\n margin: calc(var(--ring-unit) * 2) var(--ring-unit) 0;\n padding: 3px;\n\n text-align: left;\n\n border: 1px solid var(--ring-borders-color);\n border-radius: var(--ring-border-radius);\n\n & .filterWrapper {\n padding-right: 0;\n padding-left: 0;\n\n border-bottom: none;\n }\n\n &:hover {\n border-color: var(--ring-border-hover-color);\n }\n}\n\n.filterWithTagsFocused,\n.filterWithTagsFocused.filterWithTagsFocused:hover {\n border-color: var(--ring-main-color);\n}\n\n.filterWithTagsInput {\n padding: 0;\n\n border: none;\n}\n\n.filter {\n flex-grow: 1;\n\n width: 0;\n}\n\n.popup {\n overscroll-behavior: contain;\n}\n\n.filterWrapper {\n position: relative;\n\n display: flex;\n\n margin: 0;\n padding-right: var(--ring-unit);\n padding-left: calc(var(--ring-unit) * 5.5);\n\n border-bottom: 1px solid var(--ring-borders-color);\n\n [dir="rtl"] & {\n padding-right: calc(var(--ring-unit) * 5.5);\n padding-left: var(--ring-unit);\n }\n}\n\n.filterIcon {\n position: absolute;\n top: 7px;\n left: calc(var(--ring-unit) * 2);\n\n color: var(--ring-icon-color);\n\n [dir="rtl"] & {\n right: calc(var(--ring-unit) * 2);\n left: auto;\n }\n}\n\n.bottomLine {\n text-align: center;\n\n &.bottomLineOverItem {\n position: relative;\n\n z-index: var(--ring-fixed-z-index);\n\n margin-top: -36px;\n\n background-color: var(--ring-content-background-color);\n }\n}\n\n.message {\n display: inline-block;\n\n margin: var(--ring-unit) 0;\n padding: 0 calc(2 * var(--ring-unit));\n}\n\n.selectAll {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n\n padding: 8px 16px 0;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={filterWithTagsFocused:"filterWithTagsFocused_ead3",filterWithTags:"filterWithTags_d44f",filterWrapper:"filterWrapper_fe8f",filterWithTagsInput:"filterWithTagsInput_cf40",filter:"filter_b74b",popup:"popup_b994",filterIcon:"filterIcon_da31",bottomLine:"bottomLine_b399",bottomLineOverItem:"bottomLineOverItem_a026",message:"message_fefb",selectAll:"selectAll_ba59"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/date-picker/date-picker.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/date-picker/date-picker.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/dropdown/dropdown.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/dropdown/dropdown.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/link/link.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}}}]); \ No newline at end of file diff --git a/master/dialog-dialog-stories.6e8211eb.iframe.bundle.js b/master/dialog-dialog-stories.6e8211eb.iframe.bundle.js new file mode 100644 index 00000000000..43c09be05ca --- /dev/null +++ b/master/dialog-dialog-stories.6e8211eb.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[7060],{"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close-12px.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close.js":module=>{module.exports=''},"./src/dialog/dialog.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{WithOverflowScrollOnHtml:()=>WithOverflowScrollOnHtml,basic:()=>basic,default:()=>__WEBPACK_DEFAULT_EXPORT__,dense:()=>dense,native:()=>native,withScroll:()=>withScroll});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_preview_api__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("storybook/internal/preview-api"),_island_island__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/island/header.tsx"),_island_island__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/island/content.tsx"),_button_button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/button/button.tsx"),_input_input__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/input/input.tsx"),_group_group__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/group/group.tsx"),_toggle_toggle__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/toggle/toggle.tsx"),_panel_panel__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/panel/panel.tsx"),_dialog__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/dialog/dialog.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Dialog",parameters:{notes:"The Dialog component is a simple way to present content above an enclosing view.",screenshots:{captureSelector:"*[data-test~=ring-dialog]"},a11y:{element:"#storybook-root,*[data-test~=ring-dialog]"},zeplinLink:"https://app.zeplin.io/project/5afd8f5511c2d1c625752bb0/screen/6193bc71d1f136a8dec29cee"}},basic=({onAction})=>{class DialogDemo extends react__WEBPACK_IMPORTED_MODULE_0__.Component{state={show:!0,text:"",autoFocusEnabled:!0};doAction=()=>{onAction(`${this.state.text} performed`),this.setState({show:!1})};cancelDialog=()=>{this.setState({show:!1})};render(){const{show,text,autoFocusEnabled}=this.state;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"long-page",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_group_group__WEBPACK_IMPORTED_MODULE_3__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{onClick:()=>this.setState({show:!0}),children:"Show dialog"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_toggle_toggle__WEBPACK_IMPORTED_MODULE_5__.A,{checked:this.state.autoFocusEnabled,onChange:()=>this.setState({autoFocusEnabled:!autoFocusEnabled}),children:"Autofocus"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_dialog__WEBPACK_IMPORTED_MODULE_6__.A,{label:"Dialog",show,onCloseAttempt:this.cancelDialog,trapFocus:!0,autoFocusFirst:autoFocusEnabled,showCloseButton:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_7__.A,{children:"Dialog title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input_input__WEBPACK_IMPORTED_MODULE_9__.Ay,{label:"Enter action name",value:text,onChange:e=>this.setState({text:e.target.value})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_panel_panel__WEBPACK_IMPORTED_MODULE_10__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{primary:!0,onClick:this.doAction,children:"OK"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{onClick:this.cancelDialog,children:"Cancel"})]})]})]})}}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(DialogDemo,{})};basic.storyName="basic",basic.argTypes={onAction:{}},basic.parameters={storyStyles:"\n"};const native=({onAction})=>{class DialogDemo extends react__WEBPACK_IMPORTED_MODULE_0__.Component{state={show:!0,text:"",modal:!0};doAction=()=>{onAction(`${this.state.text} performed`),this.setState({show:!1})};cancelDialog=()=>{this.setState({show:!1})};render(){const{show,text,modal}=this.state;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"long-page",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_group_group__WEBPACK_IMPORTED_MODULE_3__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{onClick:()=>this.setState({show:!0}),children:"Show dialog"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_toggle_toggle__WEBPACK_IMPORTED_MODULE_5__.A,{checked:modal,onChange:()=>this.setState({modal:!modal}),children:"Modal"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_dialog__WEBPACK_IMPORTED_MODULE_6__.A,{label:"Dialog",show,onCloseAttempt:this.cancelDialog,native:!0,modal,showCloseButton:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_7__.A,{children:"Dialog title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input_input__WEBPACK_IMPORTED_MODULE_9__.Ay,{label:"Enter action name",value:text,onChange:e=>this.setState({text:e.target.value})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_panel_panel__WEBPACK_IMPORTED_MODULE_10__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{primary:!0,onClick:this.doAction,children:"OK"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{onClick:this.cancelDialog,children:"Cancel"})]})]})]})}}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(DialogDemo,{})};native.storyName="native",native.argTypes={onAction:{}},native.parameters={storyStyles:"\n"};const dense=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_dialog__WEBPACK_IMPORTED_MODULE_6__.A,{show:!0,dense:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_7__.A,{children:"Dialog title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input_input__WEBPACK_IMPORTED_MODULE_9__.Ay,{label:"Enter action name"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_panel_panel__WEBPACK_IMPORTED_MODULE_10__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{primary:!0,children:"OK"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{children:"Cancel"})]})]}),lorem="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem\nIpsum has been the industry's standard dummy text ever since the 1500s, when an\nunknown printer took a galley of type and scrambled it to make a type specimen\nbook. It has survived not only five centuries, but also the leap into electronic\ntypesetting, remaining essentially unchanged.",withScroll=({onAction})=>{class DialogDemo extends react__WEBPACK_IMPORTED_MODULE_0__.Component{state={show:!0};doAction=()=>{onAction("action performed"),this.setState({show:!1})};cancelDialog=()=>{this.setState({show:!1})};render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{onClick:()=>this.setState({show:!0}),children:"Show dialog"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_dialog__WEBPACK_IMPORTED_MODULE_6__.A,{label:"Dialog",show:this.state.show,onCloseAttempt:this.cancelDialog,trapFocus:!0,showCloseButton:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_7__.A,{children:"Dialog title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_8__.A,{tabIndex:0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:"Dialog content (scrollable)"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_panel_panel__WEBPACK_IMPORTED_MODULE_10__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{primary:!0,onClick:this.doAction,children:"OK"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{onClick:this.cancelDialog,children:"Cancel"})]})]})]})}}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(DialogDemo,{})};withScroll.storyName="with scroll",withScroll.argTypes={onAction:{}};const WithOverflowScrollOnHtml=()=>{const[open,setOpen]=(0,_storybook_preview_api__WEBPACK_IMPORTED_MODULE_1__.useState)(!1);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"container",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:"Scroll down"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{className:"button",onClick:()=>setOpen(!0),children:"Show dialog"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dialog__WEBPACK_IMPORTED_MODULE_6__.A,{label:"Dialog",show:open,onCloseAttempt:()=>setOpen(!1),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_7__.A,{children:"Dialog title"})})]})};WithOverflowScrollOnHtml.parameters={storyStyles:"\n \n ",screenshots:{actions:[{type:"click",selector:".button"},{type:"capture",selector:"*[data-test~=ring-dialog-container]"}]}},basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:'({\n onAction\n}) => {\n class DialogDemo extends Component {\n state = {\n show: true,\n text: \'\',\n autoFocusEnabled: true\n };\n doAction = () => {\n onAction(`${this.state.text} performed`);\n this.setState({\n show: false\n });\n };\n cancelDialog = () => {\n this.setState({\n show: false\n });\n };\n render() {\n const {\n show,\n text,\n autoFocusEnabled\n } = this.state;\n return
\n \n \n this.setState({\n autoFocusEnabled: !autoFocusEnabled\n })}>\n Autofocus\n \n \n\n \n
Dialog title
\n \n this.setState({\n text: e.target.value\n })} />\n \n \n \n \n \n \n
;\n }\n }\n return ;\n}',...basic.parameters?.docs?.source}}},native.parameters={...native.parameters,docs:{...native.parameters?.docs,source:{originalSource:'({\n onAction\n}) => {\n class DialogDemo extends Component {\n state = {\n show: true,\n text: \'\',\n modal: true\n };\n doAction = () => {\n onAction(`${this.state.text} performed`);\n this.setState({\n show: false\n });\n };\n cancelDialog = () => {\n this.setState({\n show: false\n });\n };\n render() {\n const {\n show,\n text,\n modal\n } = this.state;\n return
\n \n \n this.setState({\n modal: !modal\n })}>\n Modal\n \n \n\n \n
Dialog title
\n \n this.setState({\n text: e.target.value\n })} />\n \n \n \n \n \n \n
;\n }\n }\n return ;\n}',...native.parameters?.docs?.source}}},dense.parameters={...dense.parameters,docs:{...dense.parameters?.docs,source:{originalSource:'() => \n
Dialog title
\n \n \n \n \n \n \n \n ',...dense.parameters?.docs?.source}}},withScroll.parameters={...withScroll.parameters,docs:{...withScroll.parameters?.docs,source:{originalSource:"({\n onAction\n}) => {\n class DialogDemo extends Component {\n state = {\n show: true\n };\n doAction = () => {\n onAction('action performed');\n this.setState({\n show: false\n });\n };\n cancelDialog = () => {\n this.setState({\n show: false\n });\n };\n render() {\n return
\n
\n \n
\n\n \n
Dialog title
\n \n
\n

Dialog content (scrollable)

\n

{lorem}

\n

{lorem}

\n

{lorem}

\n

{lorem}

\n

{lorem}

\n

{lorem}

\n

{lorem}

\n
\n \n \n \n \n \n \n
;\n }\n }\n return ;\n}",...withScroll.parameters?.docs?.source}}},WithOverflowScrollOnHtml.parameters={...WithOverflowScrollOnHtml.parameters,docs:{...WithOverflowScrollOnHtml.parameters?.docs,source:{originalSource:'() => {\n const [open, setOpen] = useState(false);\n return
\n
Scroll down
\n \n setOpen(false)}>\n
Dialog title
\n \n
;\n}',...WithOverflowScrollOnHtml.parameters?.docs?.source}}}},"./src/group/group.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Group});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_group_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/group/group.css"),_group_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_group_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Group extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};render(){const{children,className,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_group_css__WEBPACK_IMPORTED_MODULE_2___default().group,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{...restProps,className:classes,children})}}Group.__docgenInfo={description:"@name Group",methods:[],displayName:"Group",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./src/island/header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_linear_function__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/global/linear-function.ts"),_island_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/island/island.css"),_island_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_island_css__WEBPACK_IMPORTED_MODULE_2__),_adaptive_island_hoc__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/island/adaptive-island-hoc.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Start={FONT_SIZE:24,LINE_HEIGHT:28,PADDING_TOP:24,PADDING_BOTTOM:0,X:0,Y:0,SPACING:0},End={FONT_SIZE:13,LINE_HEIGHT:20,PADDING_TOP:16,PADDING_BOTTOM:8,X:.4,Y:.1,SPACING:1.09};class Header extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,border:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,wrapWithTitle:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,phase:prop_types__WEBPACK_IMPORTED_MODULE_4___default().number};static defaultProps={wrapWithTitle:!0};style(name){var _this$props$phase;return(0,_global_linear_function__WEBPACK_IMPORTED_MODULE_5__.h)(Start[name],End[name],null!==(_this$props$phase=this.props.phase)&&void 0!==_this$props$phase?_this$props$phase:0)}render(){const{children,className,wrapWithTitle,border,phase,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_island_css__WEBPACK_IMPORTED_MODULE_2___default().header,className,{[_island_css__WEBPACK_IMPORTED_MODULE_2___default().withBottomBorder]:border||null!=phase&&phase>=.5}),headerStyle=null!=phase?{lineHeight:`${this.style("LINE_HEIGHT")}px`,paddingTop:this.style("PADDING_TOP"),paddingBottom:this.style("PADDING_BOTTOM")}:void 0,scaleFont=null!=phase&&this.style("FONT_SIZE")/Start.FONT_SIZE,titleStyle=null!=phase&&phase<1?{fontSize:Start.FONT_SIZE,transform:`translate(${this.style("X")}px, ${this.style("Y")}px) scale(${scaleFont})`,letterSpacing:this.style("SPACING")}:void 0;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{...restProps,"data-test":"ring-island-header",className:classes,style:headerStyle,children:[wrapWithTitle&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h2",{className:_island_css__WEBPACK_IMPORTED_MODULE_2___default().title,style:titleStyle,children}),!wrapWithTitle&&children]})}}const HeaderWrapper=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_adaptive_island_hoc__WEBPACK_IMPORTED_MODULE_6__.L6.Consumer,{children:phase=>{const addProps=null!=phase?{phase}:{};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Header,{...props,...addProps})}}),__WEBPACK_DEFAULT_EXPORT__=HeaderWrapper;HeaderWrapper.__docgenInfo={description:"",methods:[],displayName:"HeaderWrapper",props:{wrapWithTitle:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},border:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},phase:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:""}},composes:["HTMLAttributes"]}},"./src/panel/panel.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Panel});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_panel_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/panel/panel.css"),_panel_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_panel_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Panel extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node};render(){const{className,children,...props}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_panel_css__WEBPACK_IMPORTED_MODULE_2___default().panel,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{...props,className:classes,children})}}Panel.__docgenInfo={description:"@name Panel",methods:[],displayName:"Panel",props:{className:{description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!1}}}},"./src/toggle/toggle.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,o:()=>Size});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/global/data-tests.ts"),_control_help_control_help__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/control-help/control-help.tsx"),_toggle_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/toggle/toggle.css"),_toggle_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_toggle_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Size={Size14:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().size14,Size16:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().size16,Size20:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().size20};class Toggle extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,name:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,title:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,leftLabel:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,defaultChecked:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,checked:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,disabled:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,onChange:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onTransitionEnd:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,size:prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOf(Object.values(Size)),"data-test":prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};static defaultProps={size:Size.Size14};render(){const{className,children,disabled,title,leftLabel,size=Size.Size16,"data-test":dataTest,help,onTransitionEnd,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(className,size,_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().toggle,disabled&&_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().disabled);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label",{className:classes,title,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_5__.A)("ring-toggle",dataTest),children:[leftLabel&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span",{className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().leftLabel,children:[leftLabel,help&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_control_help_control_help__WEBPACK_IMPORTED_MODULE_6__.A,{className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().help,children:help})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span",{className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().switchWrapper,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input",{"data-test":"ring-toggle-input",...restProps,type:"checkbox",disabled,className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().input}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().switch,onTransitionEnd})]}),children&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().label,children:[children,help&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_control_help_control_help__WEBPACK_IMPORTED_MODULE_6__.A,{className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().help,children:help})]})]})}}const __WEBPACK_DEFAULT_EXPORT__=Toggle;Toggle.__docgenInfo={description:"",methods:[],displayName:"Toggle",props:{size:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"styles.size14",computed:!0},type:{name:"enum",value:[{value:"null",computed:!1},{value:"null",computed:!1},{value:"null",computed:!1}]}},leftLabel:{required:!1,tsType:{name:"ReactNode"},description:"",type:{name:"node"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},help:{required:!1,tsType:{name:"ReactNode"},description:""},children:{description:"",type:{name:"node"},required:!1},name:{description:"",type:{name:"string"},required:!1},className:{description:"",type:{name:"string"},required:!1},title:{description:"",type:{name:"string"},required:!1},defaultChecked:{description:"",type:{name:"bool"},required:!1},checked:{description:"",type:{name:"bool"},required:!1},disabled:{description:"",type:{name:"bool"},required:!1},onChange:{description:"",type:{name:"func"},required:!1},onTransitionEnd:{description:"",type:{name:"func"},required:!1}},composes:["Omit"]}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".group_ba3b > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n","",{version:3,sources:["webpack://./src/group/group.css"],names:[],mappings:"AAGE;IACE,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.group {\n & > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={group:"group_ba3b"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/panel/panel.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dialog_dialog_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/dialog/dialog.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dialog_dialog_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,".panel_ce91 { /* TODO: Invert dependency using :externals CSS Modules selector */\n\n position: relative;\n\n margin-top: calc(var(--ring-unit)*2);\n padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4) calc(var(--ring-unit)*4);\n\n border-top: 1px solid var(--ring-popup-border-color);\n}\n\n.panel_ce91:empty {\n display: none;\n }\n\n.panel_ce91 > button:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n","",{version:3,sources:["webpack://./src/panel/panel.css"],names:[],mappings:"AAEA,cAC+C,kEAAkE;;EAE/G,kBAAkB;;EAElB,oCAAsC;EACtC,mFAAyF;;EAEzF,oDAAoD;AAStD;;AAPE;IACE,aAAa;EACf;;AAEA;IACE,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.panel {\n composes: panel from "../dialog/dialog.css"; /* TODO: Invert dependency using :externals CSS Modules selector */\n\n position: relative;\n\n margin-top: calc(var(--ring-unit) * 2);\n padding: calc(var(--ring-unit) * 2) calc(var(--ring-unit) * 4) calc(var(--ring-unit) * 4);\n\n border-top: 1px solid var(--ring-popup-border-color);\n\n &:empty {\n display: none;\n }\n\n & > button:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={panel:`panel_ce91 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dialog_dialog_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.panel}`};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/toggle/toggle.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,'.toggle_a8a5 {\n display: inline-flex;\n align-items: baseline;\n\n cursor: pointer;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.toggle_a8a5:hover .switch_f3b6 {\n --ring-toggle-background-color: var(--ring-border-hover-color);\n\n transition: none;\n }}\n\n.toggle_a8a5.disabled_b68a {\n pointer-events: none;\n }\n\n.label_a612 {\n margin-left: var(--ring-unit);\n}\n\n.help_cfea {\n margin-top: calc(var(--ring-unit)/2);\n}\n\n.disabled_b68a .label_a612,\n.disabled_b68a .help_cfea {\n color: var(--ring-disabled-color);\n}\n\n.leftLabel_e622 {\n margin-right: var(--ring-unit);\n}\n\n.switchWrapper_adf2 {\n position: relative;\n}\n\n.input_e5d0 {\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n\n opacity: 0;\n}\n\n.switch_f3b6 {\n --ring-toggle-item-color: var(--ring-white-text-color);\n --ring-toggle-background-color: var(--ring-borders-color);\n --ring-toggle-border-color: var(--ring-toggle-background-color);\n --ring-switch-border-color: var(--ring-toggle-item-color);\n\n position: relative;\n\n display: inline-block;\n\n box-sizing: border-box;\n\n width: 100%;\n height: 100%;\n\n transition: background-color cubic-bezier(0.23, 1, 0.32, 1) 300ms;\n\n border: solid 1px var(--ring-toggle-border-color);\n\n background-color: var(--ring-toggle-background-color);\n}\n\n.input_e5d0:focus + .switch_f3b6 {\n box-shadow: inset 0 0 0 1px var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);\n }\n\n.switch_f3b6::before {\n position: absolute;\n top: 50%;\n left: -1px;\n\n box-sizing: border-box;\n\n width: calc(var(--ring-unit)*1.5);\n height: calc(var(--ring-unit)*1.5);\n\n content: "";\n\n transition: transform cubic-bezier(0.23, 1, 0.32, 1) 300ms;\n\n transform: translateX(2px) translateY(-50%);\n\n border: solid 1px var(--ring-switch-border-color);\n\n border-radius: calc(var(--ring-unit)*0.75);\n background-color: var(--ring-toggle-item-color);\n }\n\n.input_e5d0:checked + .switch_f3b6 {\n --ring-toggle-background-color: var(--ring-main-color);\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:checked:hover + .switch_f3b6 {\n --ring-toggle-background-color: var(--ring-main-hover-color);\n}}\n\n.size16_f69a .switchWrapper_adf2 {\n width: calc(var(--ring-unit)*3);\n height: calc(var(--ring-unit)*2);\n }\n\n.size16_f69a .switch_f3b6 {\n vertical-align: -3px;\n\n border-radius: var(--ring-unit);\n }\n\n.size16_f69a .switch_f3b6::before {\n width: calc(var(--ring-unit)*1.5);\n height: calc(var(--ring-unit)*1.5);\n\n border-radius: calc(var(--ring-unit)*0.75);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n.size16_f69a .input_e5d0:checked + ::before {\n transform: translateX(calc(var(--ring-unit)*1.5 - 2px)) translateY(-50%);\n }\n\n.size14_f6be .switchWrapper_adf2 {\n width: calc(var(--ring-unit)*3);\n height: 14px;\n }\n\n.size14_f6be .switch_f3b6 {\n vertical-align: -2px;\n\n border-radius: 7px;\n }\n\n.size14_f6be .switch_f3b6::before {\n width: 10px;\n height: 10px;\n\n border-radius: 5px;\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n.size14_f6be .input_e5d0:checked + ::before {\n transform: translateX(12px) translateY(-50%);\n }\n\n.size20_d4b6 .switchWrapper_adf2 {\n width: calc(var(--ring-unit)*4);\n height: calc(var(--ring-unit)*2.5);\n }\n\n.size20_d4b6 .switch_f3b6 {\n vertical-align: -5px;\n\n border-radius: calc(var(--ring-unit)*1.25);\n }\n\n.size20_d4b6 .switch_f3b6::before {\n width: calc(var(--ring-unit)*2);\n height: calc(var(--ring-unit)*2);\n\n border-radius: calc(var(--ring-unit));\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n.size20_d4b6 .input_e5d0:checked + ::before {\n transform: translateX(calc(var(--ring-unit)*2 - 2px)) translateY(-50%);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n.input_e5d0:checked[disabled] + .switch_f3b6 {\n --ring-toggle-background-color: var(--ring-border-selected-disabled-color);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.input_e5d0[disabled]:not(:checked) + .switch_f3b6 {\n --ring-toggle-item-color: var(--ring-content-background-color);\n --ring-toggle-background-color: var(--ring-disabled-background-color);\n --ring-toggle-border-color: var(--ring-border-disabled-color);\n --ring-switch-border-color: var(--ring-border-disabled-color);\n}\n',"",{version:3,sources:["webpack://./src/toggle/toggle.css",""],names:[],mappings:"AAMA;EACE,oBAAoB;EACpB,qBAAqB;;EAErB,eAAe;AAWjB;;ACrBA,wGAAA;IAAA,+DAAA;;IAAA,iBAAA;GAAA,CAAA;;ADkBE;IACE,oBAAoB;EACtB;;AAGF;EACE,6BAA6B;AAC/B;;AAEA;EACE,oCAAsC;AACxC;;AAEA;;EAEE,iCAAiC;AACnC;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;;EAEP,WAAW;EACX,YAAY;;EAEZ,SAAS;;EAET,UAAU;AACZ;;AAEA;EACE,sDAAsD;EACtD,yDAAyD;EACzD,+DAA+D;EAC/D,yDAAyD;;EAEzD,kBAAkB;;EAElB,qBAAqB;;EAErB,sBAAsB;;EAEtB,WAAW;EACX,YAAY;;EAEZ,iEAAqD;;EAErD,iDAAiD;;EAEjD,qDAAqD;AA2BvD;;AAzBE;IACE,oGAAoG;EACtG;;AAEA;IACE,kBAAkB;IAClB,QAAQ;IACR,UAAU;;IAEV,sBAAsB;;IAEtB,iCAAmC;IACnC,kCAAoC;;IAEpC,WAAW;;IAEX,0DAA8C;;IAE9C,2CAA+C;;IAE/C,iDAAiD;;IAEjD,0CAA4C;IAC5C,+CAA+C;EACjD;;AAGF;EACE,sDAAsD;AACxD;;AC3GA,wGAAA;EAAA,6DAAA;CAAA,CAAA;;ADkHE;IACE,+BAAiC;IACjC,gCAAkC;EACpC;;AAEA;IACE,oBAAoB;;IAEpB,+BAA+B;EAQjC;;AANE;MACE,iCAAmC;MACnC,kCAAoC;;MAEpC,0CAA4C;IAC9C;;AAGF,yDAAyD;;AACzD;IACE,wEAA8E;EAChF;;AAIA;IACE,+BAAiC;IACjC,YAAY;EACd;;AAEA;IACE,oBAAoB;;IAEpB,kBAAkB;EAQpB;;AANE;MACE,WAAW;MACX,YAAY;;MAEZ,kBAAkB;IACpB;;AAGF,yDAAyD;;AACzD;IACE,4CAA4C;EAC9C;;AAIA;IACE,+BAAiC;IACjC,kCAAoC;EACtC;;AAEA;IACE,oBAAoB;;IAEpB,0CAA4C;EAQ9C;;AANE;MACE,+BAAiC;MACjC,gCAAkC;;MAElC,qCAAqC;IACvC;;AAGF,yDAAyD;;AACzD;IACE,sEAA4E;EAC9E;;AAGF,yDAAyD;AACzD;EACE,0EAA0E;AAC5E;;AAEA,yDAAyD;AACzD;EACE,8DAA8D;EAC9D,qEAAqE;EACrE,6DAA6D;EAC7D,6DAA6D;AAC/D",sourcesContent:['@import "../global/variables.css";\n\n@value padding: 2px;\n@value duration: 300ms;\n@value timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n\n.toggle {\n display: inline-flex;\n align-items: baseline;\n\n cursor: pointer;\n\n &:hover .switch {\n --ring-toggle-background-color: var(--ring-border-hover-color);\n\n transition: none;\n }\n\n &.disabled {\n pointer-events: none;\n }\n}\n\n.label {\n margin-left: var(--ring-unit);\n}\n\n.help {\n margin-top: calc(var(--ring-unit) / 2);\n}\n\n.disabled .label,\n.disabled .help {\n color: var(--ring-disabled-color);\n}\n\n.leftLabel {\n margin-right: var(--ring-unit);\n}\n\n.switchWrapper {\n position: relative;\n}\n\n.input {\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n\n opacity: 0;\n}\n\n.switch {\n --ring-toggle-item-color: var(--ring-white-text-color);\n --ring-toggle-background-color: var(--ring-borders-color);\n --ring-toggle-border-color: var(--ring-toggle-background-color);\n --ring-switch-border-color: var(--ring-toggle-item-color);\n\n position: relative;\n\n display: inline-block;\n\n box-sizing: border-box;\n\n width: 100%;\n height: 100%;\n\n transition: background-color timing-function duration;\n\n border: solid 1px var(--ring-toggle-border-color);\n\n background-color: var(--ring-toggle-background-color);\n\n .input:focus + & {\n box-shadow: inset 0 0 0 1px var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);\n }\n\n &::before {\n position: absolute;\n top: 50%;\n left: -1px;\n\n box-sizing: border-box;\n\n width: calc(var(--ring-unit) * 1.5);\n height: calc(var(--ring-unit) * 1.5);\n\n content: "";\n\n transition: transform timing-function duration;\n\n transform: translateX(padding) translateY(-50%);\n\n border: solid 1px var(--ring-switch-border-color);\n\n border-radius: calc(var(--ring-unit) * 0.75);\n background-color: var(--ring-toggle-item-color);\n }\n}\n\n.input:checked + .switch {\n --ring-toggle-background-color: var(--ring-main-color);\n}\n\n:checked:hover + .switch {\n --ring-toggle-background-color: var(--ring-main-hover-color);\n}\n\n.size16 {\n & .switchWrapper {\n width: calc(var(--ring-unit) * 3);\n height: calc(var(--ring-unit) * 2);\n }\n\n & .switch {\n vertical-align: -3px;\n\n border-radius: var(--ring-unit);\n\n &::before {\n width: calc(var(--ring-unit) * 1.5);\n height: calc(var(--ring-unit) * 1.5);\n\n border-radius: calc(var(--ring-unit) * 0.75);\n }\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n & .input:checked + ::before {\n transform: translateX(calc(var(--ring-unit) * 1.5 - padding)) translateY(-50%);\n }\n}\n\n.size14 {\n & .switchWrapper {\n width: calc(var(--ring-unit) * 3);\n height: 14px;\n }\n\n & .switch {\n vertical-align: -2px;\n\n border-radius: 7px;\n\n &::before {\n width: 10px;\n height: 10px;\n\n border-radius: 5px;\n }\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n & .input:checked + ::before {\n transform: translateX(12px) translateY(-50%);\n }\n}\n\n.size20 {\n & .switchWrapper {\n width: calc(var(--ring-unit) * 4);\n height: calc(var(--ring-unit) * 2.5);\n }\n\n & .switch {\n vertical-align: -5px;\n\n border-radius: calc(var(--ring-unit) * 1.25);\n\n &::before {\n width: calc(var(--ring-unit) * 2);\n height: calc(var(--ring-unit) * 2);\n\n border-radius: calc(var(--ring-unit));\n }\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n & .input:checked + ::before {\n transform: translateX(calc(var(--ring-unit) * 2 - padding)) translateY(-50%);\n }\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.input:checked[disabled] + .switch {\n --ring-toggle-background-color: var(--ring-border-selected-disabled-color);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.input[disabled]:not(:checked) + .switch {\n --ring-toggle-item-color: var(--ring-content-background-color);\n --ring-toggle-background-color: var(--ring-disabled-background-color);\n --ring-toggle-border-color: var(--ring-border-disabled-color);\n --ring-switch-border-color: var(--ring-border-disabled-color);\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={padding:"2px",duration:"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)",toggle:"toggle_a8a5",switch:"switch_f3b6",disabled:"disabled_b68a",label:"label_a612",help:"help_cfea",leftLabel:"leftLabel_e622",switchWrapper:"switchWrapper_adf2",input:"input_e5d0",size16:"size16_f69a",size14:"size14_f6be",size20:"size20_d4b6"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/panel/panel.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/panel/panel.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/toggle/toggle.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/toggle/toggle.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/dialog-dialog-stories.7a519fff.iframe.bundle.js b/master/dialog-dialog-stories.7a519fff.iframe.bundle.js deleted file mode 100644 index a1742e3e01f..00000000000 --- a/master/dialog-dialog-stories.7a519fff.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[7060],{"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close-12px.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close.js":module=>{module.exports=''},"./src/dialog/dialog.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{WithOverflowScrollOnHtml:()=>WithOverflowScrollOnHtml,basic:()=>basic,default:()=>__WEBPACK_DEFAULT_EXPORT__,dense:()=>dense,native:()=>native,withScroll:()=>withScroll});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_preview_api__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("storybook/internal/preview-api"),_island_island__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/island/header.tsx"),_island_island__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/island/content.tsx"),_button_button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/button/button.tsx"),_input_input__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/input/input.tsx"),_group_group__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/group/group.tsx"),_toggle_toggle__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/toggle/toggle.tsx"),_panel_panel__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/panel/panel.tsx"),_dialog__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/dialog/dialog.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Dialog",parameters:{notes:"The Dialog component is a simple way to present content above an enclosing view.",screenshots:{captureSelector:"*[data-test~=ring-dialog]"},a11y:{element:"#storybook-root,*[data-test~=ring-dialog]"},zeplinLink:"https://app.zeplin.io/project/5afd8f5511c2d1c625752bb0/screen/6193bc71d1f136a8dec29cee"}},basic=({onAction})=>{class DialogDemo extends react__WEBPACK_IMPORTED_MODULE_0__.Component{state={show:!0,text:"",autoFocusEnabled:!0};doAction=()=>{onAction(`${this.state.text} performed`),this.setState({show:!1})};cancelDialog=()=>{this.setState({show:!1})};render(){const{show,text,autoFocusEnabled}=this.state;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"long-page",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_group_group__WEBPACK_IMPORTED_MODULE_3__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{onClick:()=>this.setState({show:!0}),children:"Show dialog"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_toggle_toggle__WEBPACK_IMPORTED_MODULE_5__.A,{checked:this.state.autoFocusEnabled,onChange:()=>this.setState({autoFocusEnabled:!autoFocusEnabled}),children:"Autofocus"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_dialog__WEBPACK_IMPORTED_MODULE_6__.A,{label:"Dialog",show,onCloseAttempt:this.cancelDialog,trapFocus:!0,autoFocusFirst:autoFocusEnabled,showCloseButton:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_7__.A,{children:"Dialog title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input_input__WEBPACK_IMPORTED_MODULE_9__.Ay,{label:"Enter action name",value:text,onChange:e=>this.setState({text:e.target.value})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_panel_panel__WEBPACK_IMPORTED_MODULE_10__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{primary:!0,onClick:this.doAction,children:"OK"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{onClick:this.cancelDialog,children:"Cancel"})]})]})]})}}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(DialogDemo,{})};basic.storyName="basic",basic.argTypes={onAction:{}},basic.parameters={storyStyles:"\n"};const native=({onAction})=>{class DialogDemo extends react__WEBPACK_IMPORTED_MODULE_0__.Component{state={show:!0,text:"",modal:!0};doAction=()=>{onAction(`${this.state.text} performed`),this.setState({show:!1})};cancelDialog=()=>{this.setState({show:!1})};render(){const{show,text,modal}=this.state;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"long-page",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_group_group__WEBPACK_IMPORTED_MODULE_3__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{onClick:()=>this.setState({show:!0}),children:"Show dialog"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_toggle_toggle__WEBPACK_IMPORTED_MODULE_5__.A,{checked:modal,onChange:()=>this.setState({modal:!modal}),children:"Modal"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_dialog__WEBPACK_IMPORTED_MODULE_6__.A,{label:"Dialog",show,onCloseAttempt:this.cancelDialog,native:!0,modal,showCloseButton:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_7__.A,{children:"Dialog title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input_input__WEBPACK_IMPORTED_MODULE_9__.Ay,{label:"Enter action name",value:text,onChange:e=>this.setState({text:e.target.value})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_panel_panel__WEBPACK_IMPORTED_MODULE_10__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{primary:!0,onClick:this.doAction,children:"OK"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{onClick:this.cancelDialog,children:"Cancel"})]})]})]})}}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(DialogDemo,{})};native.storyName="native",native.argTypes={onAction:{}},native.parameters={storyStyles:"\n"};const dense=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_dialog__WEBPACK_IMPORTED_MODULE_6__.A,{show:!0,dense:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_7__.A,{children:"Dialog title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_8__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input_input__WEBPACK_IMPORTED_MODULE_9__.Ay,{label:"Enter action name"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_panel_panel__WEBPACK_IMPORTED_MODULE_10__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{primary:!0,children:"OK"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{children:"Cancel"})]})]}),lorem="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem\nIpsum has been the industry's standard dummy text ever since the 1500s, when an\nunknown printer took a galley of type and scrambled it to make a type specimen\nbook. It has survived not only five centuries, but also the leap into electronic\ntypesetting, remaining essentially unchanged.",withScroll=({onAction})=>{class DialogDemo extends react__WEBPACK_IMPORTED_MODULE_0__.Component{state={show:!0};doAction=()=>{onAction("action performed"),this.setState({show:!1})};cancelDialog=()=>{this.setState({show:!1})};render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{onClick:()=>this.setState({show:!0}),children:"Show dialog"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_dialog__WEBPACK_IMPORTED_MODULE_6__.A,{label:"Dialog",show:this.state.show,onCloseAttempt:this.cancelDialog,trapFocus:!0,showCloseButton:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_7__.A,{children:"Dialog title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_8__.A,{tabIndex:0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:"Dialog content (scrollable)"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:lorem})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_panel_panel__WEBPACK_IMPORTED_MODULE_10__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{primary:!0,onClick:this.doAction,children:"OK"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{onClick:this.cancelDialog,children:"Cancel"})]})]})]})}}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(DialogDemo,{})};withScroll.storyName="with scroll",withScroll.argTypes={onAction:{}};const WithOverflowScrollOnHtml=()=>{const[open,setOpen]=(0,_storybook_preview_api__WEBPACK_IMPORTED_MODULE_1__.useState)(!1);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"container",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:"Scroll down"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_4__.Ay,{className:"button",onClick:()=>setOpen(!0),children:"Show dialog"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dialog__WEBPACK_IMPORTED_MODULE_6__.A,{label:"Dialog",show:open,onCloseAttempt:()=>setOpen(!1),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_island_island__WEBPACK_IMPORTED_MODULE_7__.A,{children:"Dialog title"})})]})};WithOverflowScrollOnHtml.parameters={storyStyles:"\n \n ",screenshots:{actions:[{type:"click",selector:".button"},{type:"capture",selector:"*[data-test~=ring-dialog-container]"}]}},basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:'({\n onAction\n}) => {\n class DialogDemo extends Component {\n state = {\n show: true,\n text: \'\',\n autoFocusEnabled: true\n };\n doAction = () => {\n onAction(`${this.state.text} performed`);\n this.setState({\n show: false\n });\n };\n cancelDialog = () => {\n this.setState({\n show: false\n });\n };\n render() {\n const {\n show,\n text,\n autoFocusEnabled\n } = this.state;\n return
\n \n \n this.setState({\n autoFocusEnabled: !autoFocusEnabled\n })}>\n Autofocus\n \n \n\n \n
Dialog title
\n \n this.setState({\n text: e.target.value\n })} />\n \n \n \n \n \n \n
;\n }\n }\n return ;\n}',...basic.parameters?.docs?.source}}},native.parameters={...native.parameters,docs:{...native.parameters?.docs,source:{originalSource:'({\n onAction\n}) => {\n class DialogDemo extends Component {\n state = {\n show: true,\n text: \'\',\n modal: true\n };\n doAction = () => {\n onAction(`${this.state.text} performed`);\n this.setState({\n show: false\n });\n };\n cancelDialog = () => {\n this.setState({\n show: false\n });\n };\n render() {\n const {\n show,\n text,\n modal\n } = this.state;\n return
\n \n \n this.setState({\n modal: !modal\n })}>\n Modal\n \n \n\n \n
Dialog title
\n \n this.setState({\n text: e.target.value\n })} />\n \n \n \n \n \n \n
;\n }\n }\n return ;\n}',...native.parameters?.docs?.source}}},dense.parameters={...dense.parameters,docs:{...dense.parameters?.docs,source:{originalSource:'() => \n
Dialog title
\n \n \n \n \n \n \n \n ',...dense.parameters?.docs?.source}}},withScroll.parameters={...withScroll.parameters,docs:{...withScroll.parameters?.docs,source:{originalSource:"({\n onAction\n}) => {\n class DialogDemo extends Component {\n state = {\n show: true\n };\n doAction = () => {\n onAction('action performed');\n this.setState({\n show: false\n });\n };\n cancelDialog = () => {\n this.setState({\n show: false\n });\n };\n render() {\n return
\n
\n \n
\n\n \n
Dialog title
\n \n
\n

Dialog content (scrollable)

\n

{lorem}

\n

{lorem}

\n

{lorem}

\n

{lorem}

\n

{lorem}

\n

{lorem}

\n

{lorem}

\n
\n \n \n \n \n \n \n
;\n }\n }\n return ;\n}",...withScroll.parameters?.docs?.source}}},WithOverflowScrollOnHtml.parameters={...WithOverflowScrollOnHtml.parameters,docs:{...WithOverflowScrollOnHtml.parameters?.docs,source:{originalSource:'() => {\n const [open, setOpen] = useState(false);\n return
\n
Scroll down
\n \n setOpen(false)}>\n
Dialog title
\n \n
;\n}',...WithOverflowScrollOnHtml.parameters?.docs?.source}}}},"./src/global/composeRefs.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>createComposedRef});var memoize_one__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/memoize-one/dist/memoize-one.esm.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/util-deprecate/browser.js");function composeRefs(...refs){return value=>refs.forEach((ref=>{"function"==typeof ref?ref(value):null!=ref&&(ref.current=value)}))}__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_0__)()(composeRefs,"composeRefs is deprecated and will be removed in 7.0. Use createComposedRef instead.");function createComposedRef(){return(0,memoize_one__WEBPACK_IMPORTED_MODULE_1__.A)(composeRefs)}},"./src/global/prop-types.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>refObject});var prop_types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);const refObject=value=>prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({current:value})},"./src/group/group.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Group});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_group_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/group/group.css"),_group_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_group_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Group extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};render(){const{children,className,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_group_css__WEBPACK_IMPORTED_MODULE_2___default().group,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{...restProps,className:classes,children})}}Group.__docgenInfo={description:"@name Group",methods:[],displayName:"Group",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./src/island/header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_linear_function__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/global/linear-function.ts"),_island_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/island/island.css"),_island_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_island_css__WEBPACK_IMPORTED_MODULE_2__),_adaptive_island_hoc__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/island/adaptive-island-hoc.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Start={FONT_SIZE:24,LINE_HEIGHT:28,PADDING_TOP:24,PADDING_BOTTOM:0,X:0,Y:0,SPACING:0},End={FONT_SIZE:13,LINE_HEIGHT:20,PADDING_TOP:16,PADDING_BOTTOM:8,X:.4,Y:.1,SPACING:1.09};class Header extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,border:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,wrapWithTitle:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,phase:prop_types__WEBPACK_IMPORTED_MODULE_4___default().number};static defaultProps={wrapWithTitle:!0};style(name){var _this$props$phase;return(0,_global_linear_function__WEBPACK_IMPORTED_MODULE_5__.h)(Start[name],End[name],null!==(_this$props$phase=this.props.phase)&&void 0!==_this$props$phase?_this$props$phase:0)}render(){const{children,className,wrapWithTitle,border,phase,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_island_css__WEBPACK_IMPORTED_MODULE_2___default().header,className,{[_island_css__WEBPACK_IMPORTED_MODULE_2___default().withBottomBorder]:border||null!=phase&&phase>=.5}),headerStyle=null!=phase?{lineHeight:`${this.style("LINE_HEIGHT")}px`,paddingTop:this.style("PADDING_TOP"),paddingBottom:this.style("PADDING_BOTTOM")}:void 0,scaleFont=null!=phase&&this.style("FONT_SIZE")/Start.FONT_SIZE,titleStyle=null!=phase&&phase<1?{fontSize:Start.FONT_SIZE,transform:`translate(${this.style("X")}px, ${this.style("Y")}px) scale(${scaleFont})`,letterSpacing:this.style("SPACING")}:void 0;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{...restProps,"data-test":"ring-island-header",className:classes,style:headerStyle,children:[wrapWithTitle&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h2",{className:_island_css__WEBPACK_IMPORTED_MODULE_2___default().title,style:titleStyle,children}),!wrapWithTitle&&children]})}}const HeaderWrapper=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_adaptive_island_hoc__WEBPACK_IMPORTED_MODULE_6__.L6.Consumer,{children:phase=>{const addProps=null!=phase?{phase}:{};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Header,{...props,...addProps})}}),__WEBPACK_DEFAULT_EXPORT__=HeaderWrapper;HeaderWrapper.__docgenInfo={description:"",methods:[],displayName:"HeaderWrapper",props:{wrapWithTitle:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},border:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},phase:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:""}},composes:["HTMLAttributes"]}},"./src/panel/panel.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Panel});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_panel_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/panel/panel.css"),_panel_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_panel_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Panel extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node};render(){const{className,children,...props}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_panel_css__WEBPACK_IMPORTED_MODULE_2___default().panel,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{...props,className:classes,children})}}Panel.__docgenInfo={description:"@name Panel",methods:[],displayName:"Panel",props:{className:{description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!1}}}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".group_ba3b > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n","",{version:3,sources:["webpack://./src/group/group.css"],names:[],mappings:"AAGE;IACE,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.group {\n & > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={group:"group_ba3b"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/panel/panel.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dialog_dialog_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/dialog/dialog.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dialog_dialog_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,".panel_ce91 { /* TODO: Invert dependency using :externals CSS Modules selector */\n\n position: relative;\n\n margin-top: calc(var(--ring-unit)*2);\n padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4) calc(var(--ring-unit)*4);\n\n border-top: 1px solid var(--ring-popup-border-color);\n}\n\n.panel_ce91:empty {\n display: none;\n }\n\n.panel_ce91 > button:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n","",{version:3,sources:["webpack://./src/panel/panel.css"],names:[],mappings:"AAEA,cAC+C,kEAAkE;;EAE/G,kBAAkB;;EAElB,oCAAsC;EACtC,mFAAyF;;EAEzF,oDAAoD;AAStD;;AAPE;IACE,aAAa;EACf;;AAEA;IACE,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.panel {\n composes: panel from "../dialog/dialog.css"; /* TODO: Invert dependency using :externals CSS Modules selector */\n\n position: relative;\n\n margin-top: calc(var(--ring-unit) * 2);\n padding: calc(var(--ring-unit) * 2) calc(var(--ring-unit) * 4) calc(var(--ring-unit) * 4);\n\n border-top: 1px solid var(--ring-popup-border-color);\n\n &:empty {\n display: none;\n }\n\n & > button:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={panel:`panel_ce91 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dialog_dialog_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.panel}`};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/panel/panel.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/panel/panel.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/editable-heading-editable-heading-stories.1dc8a13c.iframe.bundle.js b/master/editable-heading-editable-heading-stories.1dc8a13c.iframe.bundle.js new file mode 100644 index 00000000000..d97319fc419 --- /dev/null +++ b/master/editable-heading-editable-heading-stories.1dc8a13c.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[2934],{"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close-12px.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/more-options.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/pencil.js":module=>{module.exports=''},"./src/editable-heading/editable-heading.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{basic:()=>basic,default:()=>editable_heading_stories});var react=__webpack_require__("./node_modules/react/index.js"),pencil=__webpack_require__("./node_modules/@jetbrains/icons/pencil.js"),pencil_default=__webpack_require__.n(pencil),more_options=__webpack_require__("./node_modules/@jetbrains/icons/more-options.js"),more_options_default=__webpack_require__.n(more_options),input=__webpack_require__("./src/input/input.tsx"),button_button=__webpack_require__("./src/button/button.tsx"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),heading=__webpack_require__("./src/heading/heading.tsx"),input_input=__webpack_require__("./src/input/input.css"),input_default=__webpack_require__.n(input_input),get_uid=__webpack_require__("./src/global/get-uid.ts"),shortcuts=__webpack_require__("./src/shortcuts/shortcuts.ts"),editable_heading=__webpack_require__("./src/editable-heading/editable-heading.css"),editable_heading_default=__webpack_require__.n(editable_heading),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function noop(){}const EditableHeading=props=>{const{level=heading.E.H1,className,headingClassName,inputClassName,children,isEditing=!1,isSavingPossible=!1,isSaving=!1,embedded=!1,size=input.or.L,onEdit=noop,onSave=noop,onCancel=noop,autoFocus=!0,"data-test":dataTest,error,disabled,multiline=!1,renderMenu=()=>null,onFocus,onBlur,onChange,onScroll,maxInputRows,translations={save:"Save",cancel:"Cancel"},...restProps}=props,[shortcutsScope]=react.useState((0,get_uid.A)("ring-editable-heading-")),[isInFocus,setIsInFocus]=react.useState(!1),[isMouseDown,setIsMouseDown]=react.useState(!1),[isInSelectionMode,setIsInSelectionMode]=react.useState(!1),textAreaRef=react.useRef(null),[isScrolledToBottom,setIsScrolledToBottom]=react.useState(!1),[isOverflow,setIsOverflow]=react.useState(!1),hasError=void 0!==error,isSaveDisabled=!isSavingPossible||!children||""===children.trim()||hasError||isSaving,isCancelDisabled=isSaving,isShortcutsDisabled=!isInFocus||isSaving,shortcutsMap=react.useMemo((()=>{const map={};return isSaveDisabled||(map.enter=onSave),isCancelDisabled&&(map.esc=onCancel),map}),[isSaveDisabled,isCancelDisabled,onSave,onCancel]),classes=classnames_default()(editable_heading_default().editableHeading,className,{[editable_heading_default().fullSize]:isEditing&&size===input.or.FULL,[editable_heading_default().isEditing]:isEditing,[editable_heading_default().error]:hasError,[editable_heading_default().disabled]:disabled,[editable_heading_default().multiline]:multiline,[editable_heading_default().selectionMode]:isInSelectionMode}),headingClasses=classnames_default()(editable_heading_default().heading,headingClassName,editable_heading_default()[`size${size}`]),inputClasses=classnames_default()("ring-js-shortcuts",editable_heading_default().input,editable_heading_default().textarea,{[editable_heading_default().textareaNotOverflow]:!isOverflow},input_default()[`size${size}`],editable_heading_default()[`level${level}`],inputClassName),stretch=(0,react.useCallback)((el=>{if(!el||!el.style)return;el.style.height="0";const{paddingTop,paddingBottom}=window.getComputedStyle(el);el.style.height=el.scrollHeight-parseFloat(paddingTop)-parseFloat(paddingBottom)+"px"}),[]),checkValue=(0,react.useCallback)((el=>{multiline&&null!=el&&el.scrollHeight>=el.clientHeight&&stretch(el)}),[stretch,multiline]),checkOverflow=(0,react.useCallback)((el=>{const scrollHeight=el.scrollHeight||0,clientHeight=el.clientHeight||0,scrollTop=el.scrollTop||0;setIsScrolledToBottom(scrollHeight-clientHeight<=scrollTop),setIsOverflow(scrollHeight>clientHeight)}),[setIsScrolledToBottom]),onHeadingMouseDown=react.useCallback((()=>{setIsMouseDown(!0)}),[]),onMouseMove=react.useCallback((()=>{isMouseDown&&setIsInSelectionMode(!0)}),[isMouseDown]),onMouseUp=react.useCallback((()=>{!isMouseDown||isInSelectionMode||disabled||onEdit(),setIsMouseDown(!1),setIsInSelectionMode(!1)}),[isMouseDown,isInSelectionMode,disabled,onEdit]),onInputFocus=react.useCallback((e=>{setIsInFocus(!0),checkValue(e.target),checkOverflow(e.target),onFocus?.(e)}),[onFocus,checkOverflow,checkValue]),onInputChange=react.useCallback((e=>{checkValue(e.target),checkOverflow(e.target),onChange?.(e)}),[onChange,checkOverflow,checkValue]),onInputScroll=react.useCallback((e=>{checkOverflow(e.target),onScroll?.(e)}),[onScroll,checkOverflow]),onInputBlur=react.useCallback((e=>{setIsInFocus(!1),onBlur?.(e)}),[onBlur]);return(0,react.useEffect)((()=>(window.addEventListener("mousemove",onMouseMove),window.addEventListener("mouseup",onMouseUp),()=>{window.removeEventListener("mousemove",onMouseMove),window.removeEventListener("mouseup",onMouseUp)})),[onMouseMove,onMouseUp]),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("div",{className:classes,children:[!disabled&&isEditing?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(shortcuts.A,{map:shortcutsMap,scope:shortcutsScope,disabled:isShortcutsDisabled}),multiline?(0,jsx_runtime.jsxs)("div",{className:classnames_default()(editable_heading_default().textareaWrapper,input_default()[`size${size}`]),children:[(0,jsx_runtime.jsx)("textarea",{ref:textAreaRef,className:inputClasses,value:children,autoFocus,"data-test":dataTest,disabled:isSaving,onChange:onInputChange,...restProps,onFocus:onInputFocus,onBlur:onInputBlur,onScroll:onInputScroll,style:{maxHeight:maxInputRows?`${maxInputRows}lh`:""}}),!isScrolledToBottom&&(0,jsx_runtime.jsx)("div",{className:editable_heading_default().textareaFade})]}):(0,jsx_runtime.jsx)("input",{className:inputClasses,value:children,autoFocus,"data-test":dataTest,disabled:isSaving,onChange,...restProps,onFocus:onInputFocus,onBlur:onInputBlur})]}):(0,jsx_runtime.jsx)("button",{type:"button",className:editable_heading_default().headingWrapperButton,onMouseDown:onHeadingMouseDown,children:(0,jsx_runtime.jsx)(heading.A,{className:headingClasses,level,"data-test":dataTest,children})}),!isEditing&&renderMenu(),isEditing&&!embedded&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(button_button.Ay,{className:editable_heading_default().button,primary:!0,disabled:isSaveDisabled,loader:isSaving,onClick:onSave,children:translations.save}),(0,jsx_runtime.jsx)(button_button.Ay,{className:editable_heading_default().button,disabled:isCancelDisabled,onClick:onCancel,children:translations.cancel})]})]}),isEditing&&error&&(0,jsx_runtime.jsx)("div",{className:classnames_default()(editable_heading_default().errorText,input_default()[`size${size}`]),children:error})]})},editable_heading_editable_heading=react.memo(EditableHeading);EditableHeading.__docgenInfo={description:"",methods:[],displayName:"EditableHeading",props:{level:{required:!1,tsType:{name:"Levels"},description:""},headingClassName:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},inputClassName:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},isEditing:{required:!1,tsType:{name:"boolean"},description:""},isSavingPossible:{required:!1,tsType:{name:"boolean"},description:""},isSaving:{required:!1,tsType:{name:"boolean"},description:""},children:{required:!1,tsType:{name:"string"},description:""},embedded:{required:!1,tsType:{name:"boolean"},description:""},size:{required:!1,tsType:{name:"Size"},description:""},onEdit:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onSave:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onCancel:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},"data-test":{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},error:{required:!1,tsType:{name:"string"},description:""},multiline:{required:!1,tsType:{name:"boolean"},description:""},maxInputRows:{required:!1,tsType:{name:"number"},description:""},renderMenu:{required:!1,tsType:{name:"signature",type:"function",raw:"() => React.ReactNode",signature:{arguments:[],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:""},translations:{required:!1,tsType:{name:"EditableHeadingTranslations"},description:""}}};const lorem=(0,jsx_runtime.jsx)("div",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."}),editable_heading_stories={title:"Components/Editable Heading",parameters:{notes:"A component for editable rendering h1-h5 tags."}},basic=()=>{const ExampleEditableHeading=props=>{const{children:initChildren,...restProps}=props,[isEditing,setIsEditing]=(0,react.useState)(!1),[isSaving,setIsSaving]=(0,react.useState)(!1),[children,setChildren]=(0,react.useState)(initChildren),onSave=(0,react.useCallback)((()=>{setIsSaving(!0),setTimeout((()=>{setIsSaving(!1),setIsEditing(!1)}),1e3)}),[]),onCancel=(0,react.useCallback)((()=>{setChildren(initChildren),setIsEditing(!1)}),[initChildren]);return(0,jsx_runtime.jsx)(editable_heading_editable_heading,{isEditing,isSavingPossible:children!==initChildren,placeholder:"Enter the field name",onEdit:()=>setIsEditing(!isEditing),onChange:e=>setChildren(e.target.value),onSave,onCancel,className:"example-editable-heading",isSaving,...restProps,children})},renderMenu=()=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(button_button.Ay,{icon:pencil_default(),className:"example-editable-heading__menu-button",title:"Edit"}),(0,jsx_runtime.jsx)(button_button.Ay,{icon:more_options_default(),className:"example-editable-heading__menu-button",title:"More Options"})]});return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(ExampleEditableHeading,{level:heading.E.H1,children:"Editable Heading 1"}),lorem,(0,jsx_runtime.jsx)(ExampleEditableHeading,{level:heading.E.H2,children:"Editable Heading 2"}),lorem,(0,jsx_runtime.jsx)(ExampleEditableHeading,{level:heading.E.H3,children:"Editable Heading 3"}),lorem,(0,jsx_runtime.jsx)(ExampleEditableHeading,{level:heading.E.H1,size:input.or.S,children:"S size"}),lorem,(0,jsx_runtime.jsx)(ExampleEditableHeading,{level:heading.E.H1,size:input.or.M,children:"M size"}),lorem,(0,jsx_runtime.jsx)(ExampleEditableHeading,{level:heading.E.H1,size:input.or.L,children:"L size"}),lorem,(0,jsx_runtime.jsx)(ExampleEditableHeading,{level:heading.E.H1,size:input.or.FULL,children:"FULL size"}),lorem,(0,jsx_runtime.jsx)(ExampleEditableHeading,{renderMenu,children:"Heading with menu"}),lorem,(0,jsx_runtime.jsx)(ExampleEditableHeading,{size:input.or.FULL,renderMenu,children:"Full size heading with menu"}),lorem,(0,jsx_runtime.jsx)(ExampleEditableHeading,{size:input.or.M,children:"Too long long long long long long long heading"}),lorem,(0,jsx_runtime.jsx)(ExampleEditableHeading,{multiline:!0,maxInputRows:5,children:"Multiline Heading. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio tellus. Suspendisse ut elit orci. Pellentesque sagittis pharetra lacus, id vehicula mauris. Donec lacinia tincidunt risus, et sollicitudin risus dignissim sit amet. Duis eu lectus ac odio pharetra egestas in eget ipsum. Curabitur luctus lacinia molestie. Nullam id metus tortor."}),lorem,(0,jsx_runtime.jsx)(ExampleEditableHeading,{error:"",children:"Invalid Heading"}),lorem,(0,jsx_runtime.jsx)(ExampleEditableHeading,{error:"Some error message",children:"Invalid Heading with an error message"}),lorem,(0,jsx_runtime.jsx)(ExampleEditableHeading,{disabled:!0,children:"Disabled Heading"}),lorem]})};basic.storyName="Editable Heading",basic.parameters={storyStyles:"\n"},basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:'() => {\n const ExampleEditableHeading = (props: EditableHeadingProps) => {\n const {\n children: initChildren,\n ...restProps\n } = props;\n const [isEditing, setIsEditing] = useState(false);\n const [isSaving, setIsSaving] = useState(false);\n const [children, setChildren] = useState(initChildren);\n const onSave = useCallback(() => {\n setIsSaving(true);\n setTimeout(() => {\n setIsSaving(false);\n setIsEditing(false);\n }, 1000);\n }, []);\n const onCancel = useCallback(() => {\n setChildren(initChildren);\n setIsEditing(false);\n }, [initChildren]);\n return setIsEditing(!isEditing)} onChange={e => setChildren(e.target.value)} onSave={onSave} onCancel={onCancel} className="example-editable-heading" isSaving={isSaving} {...restProps}>{children};\n };\n const renderMenu = () => <>\n \n ;\n}',...SelectAll.parameters?.docs?.source}}}},"./src/control-help/control-help.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ControlHelp});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),_control_help_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/control-help/control-help.css"),_control_help_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_control_help_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ControlHelp({className,...restProps}){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()(className,_control_help_css__WEBPACK_IMPORTED_MODULE_1___default().help),...restProps})}ControlHelp.__docgenInfo={description:"",methods:[],displayName:"ControlHelp"}},"./src/global/composeRefs.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>createComposedRef});var memoize_one__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/memoize-one/dist/memoize-one.esm.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/util-deprecate/browser.js");function composeRefs(...refs){return value=>refs.forEach((ref=>{"function"==typeof ref?ref(value):null!=ref&&(ref.current=value)}))}__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_0__)()(composeRefs,"composeRefs is deprecated and will be removed in 7.0. Use createComposedRef instead.");function createComposedRef(){return(0,memoize_one__WEBPACK_IMPORTED_MODULE_1__.A)(composeRefs)}},"./src/global/prop-types.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>refObject});var prop_types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);const refObject=value=>prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({current:value})},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".help_cb69 {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n","",{version:3,sources:["webpack://./src/control-help/control-help.css"],names:[],mappings:"AAEA;EACE,kCAAkC;;EAElC,wCAAwC;EACxC,2CAA2C;AAC7C",sourcesContent:['@import "../global/variables.css";\n\n.help {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={help:"help_cb69"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[2234],{"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close-12px.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/search.js":module=>{module.exports=''},"./src/input/input.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,HeightS:()=>HeightS,SelectAll:()=>SelectAll,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_jetbrains_icons_search__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@jetbrains/icons/search.js"),_jetbrains_icons_search__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_jetbrains_icons_search__WEBPACK_IMPORTED_MODULE_1__),_button_button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/button/button.tsx"),_global_controls_height__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/global/controls-height.tsx"),_control_label_control_label__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/control-label/control-label.tsx"),_input__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/input/input.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Input",parameters:{notes:"Text input fields of varying size.",zeplinLink:"https://app.zeplin.io/project/5afd8f5511c2d1c625752bb0/screen/6193bc70ab2b23a8ca449004"}},Basic=()=>{const[clearableInputValue,setClearableInputValue]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("Default value"),[borderlessInputValue,setBorderlessInputValue]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("Borderless input");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("form",{className:"inputs",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Labeled input"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{name:"login",label:"Label and hint",placeholder:"Hint"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Label and value",defaultValue:"Default value"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Clearable input",value:clearableInputValue,onChange:e=>setClearableInputValue(e.currentTarget.value),onClear:()=>setClearableInputValue("")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{placeholder:"Hint",label:"Disabled clearable input",defaultValue:"Default value",onClear:()=>{},disabled:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Input with icon",icon:_jetbrains_icons_search__WEBPACK_IMPORTED_MODULE_1___default(),defaultValue:"Default value"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{name:"login",label:"Primary label",labelType:_control_label_control_label__WEBPACK_IMPORTED_MODULE_4__.HD.FORM,placeholder:"Hint"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{placeholder:"Hint",value:borderlessInputValue,onChange:e=>setBorderlessInputValue(e.currentTarget.value),onClear:()=>setBorderlessInputValue(""),borderless:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Disabled input",disabled:!0,defaultValue:"Default value"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Invalid input",error:"Error description that wraps over lines because of being really long"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Error without description",error:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Input with help",help:"Help text"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Short input",size:_input__WEBPACK_IMPORTED_MODULE_3__.or.S}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Long input",size:_input__WEBPACK_IMPORTED_MODULE_3__.or.L}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Autogrowing textarea",multiline:!0,defaultValue:"First line\nSecond line"})]})};Basic.storyName="basic",Basic.parameters={storyStyles:"\n"};const HeightS=()=>{const[clearableInputValue,setClearableInputValue]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("Default value"),[borderlessInputValue,setBorderlessInputValue]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("Borderless input");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_global_controls_height__WEBPACK_IMPORTED_MODULE_5__.VJ.Provider,{value:_global_controls_height__WEBPACK_IMPORTED_MODULE_5__.sr.S,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("form",{className:"inputs",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Labeled input"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{name:"login",label:"Label and hint",placeholder:"Hint"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Label and value",defaultValue:"Default value"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Clearable input",value:clearableInputValue,onChange:e=>setClearableInputValue(e.currentTarget.value),onClear:()=>setClearableInputValue("")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{placeholder:"Hint",label:"Disabled clearable input",defaultValue:"Default value",onClear:()=>{},disabled:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Input with icon",icon:_jetbrains_icons_search__WEBPACK_IMPORTED_MODULE_1___default(),defaultValue:"Default value"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{name:"login",label:"Primary label",labelType:_control_label_control_label__WEBPACK_IMPORTED_MODULE_4__.HD.FORM,placeholder:"Hint"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{placeholder:"Hint",value:borderlessInputValue,onChange:e=>setBorderlessInputValue(e.currentTarget.value),onClear:()=>setBorderlessInputValue(""),borderless:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Disabled input",disabled:!0,defaultValue:"Default value"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Invalid input",error:"Error description that wraps over lines because of being really long"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Error without description",error:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Input with help",help:"Help text"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Short input",size:_input__WEBPACK_IMPORTED_MODULE_3__.or.S}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Long input",size:_input__WEBPACK_IMPORTED_MODULE_3__.or.L}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{label:"Autogrowing textarea",multiline:!0,defaultValue:"First line\nSecond line"})]})})};HeightS.parameters=Basic.parameters;const SelectAll=()=>{const ref=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_input__WEBPACK_IMPORTED_MODULE_3__.Ay,{defaultValue:"Value",inputRef:ref,label:"Label"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_6__.Ay,{style:{marginTop:4},"data-test-select":!0,onClick:function select(){null!=ref.current&&ref.current.select()},children:"Select all"})]})};SelectAll.parameters={screenshots:{actions:[{type:"click",selector:"[data-test-select]"},{type:"capture",selector:"#storybook-root"}]}},Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'() => {\n const [clearableInputValue, setClearableInputValue] = useState(\'Default value\');\n const [borderlessInputValue, setBorderlessInputValue] = useState(\'Borderless input\');\n return
\n \n \n \n setClearableInputValue(e.currentTarget.value)} onClear={() => setClearableInputValue(\'\')} />\n {}} disabled />\n \n \n setBorderlessInputValue(e.currentTarget.value)} onClear={() => setBorderlessInputValue(\'\')} borderless />\n \n \n \n \n \n \n \n
;\n}',...Basic.parameters?.docs?.source}}},HeightS.parameters={...HeightS.parameters,docs:{...HeightS.parameters?.docs,source:{originalSource:'() => {\n const [clearableInputValue, setClearableInputValue] = useState(\'Default value\');\n const [borderlessInputValue, setBorderlessInputValue] = useState(\'Borderless input\');\n return \n
\n \n \n \n setClearableInputValue(e.currentTarget.value)} onClear={() => setClearableInputValue(\'\')} />\n {}} disabled />\n \n \n setBorderlessInputValue(e.currentTarget.value)} onClear={() => setBorderlessInputValue(\'\')} borderless />\n \n \n \n \n \n \n \n
\n ;\n}',...HeightS.parameters?.docs?.source}}},SelectAll.parameters={...SelectAll.parameters,docs:{...SelectAll.parameters?.docs,source:{originalSource:'() => {\n const ref = useRef(null);\n function select() {\n if (ref.current != null) {\n ref.current.select();\n }\n }\n return <>\n \n \n ;\n}',...SelectAll.parameters?.docs?.source}}}},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/list-list-stories.907370a7.iframe.bundle.js b/master/list-list-stories.907370a7.iframe.bundle.js new file mode 100644 index 00000000000..a5e983fc904 --- /dev/null +++ b/master/list-list-stories.907370a7.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[7508],{"./node_modules/@jetbrains/icons/checkmark.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/exception.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/group.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/warning.js":module=>{module.exports=''},"./src/list/list.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{WithUsers:()=>WithUsers,basic:()=>basic,default:()=>__WEBPACK_DEFAULT_EXPORT__,list2:()=>list2,longList:()=>longList,withAHintBelow:()=>withAHintBelow,withCustomItems:()=>withCustomItems,withCustomTooltip:()=>withCustomTooltip,withDeprecatedItemTypeParameter:()=>withDeprecatedItemTypeParameter,withItemIcons:()=>withItemIcons});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_jetbrains_icons_warning__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@jetbrains/icons/warning.js"),_jetbrains_icons_warning__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_jetbrains_icons_warning__WEBPACK_IMPORTED_MODULE_1__),_storybook_hub_config__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./.storybook/hub-config.ts"),_loader_loader__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/loader/loader.tsx"),_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/tooltip/tooltip.tsx"),_auth_auth__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/auth/auth.ts"),_code_code__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/code/code.tsx"),_content_layout_content_layout__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/content-layout/content-layout.tsx"),_content_layout_content_layout__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/content-layout/sidebar.tsx"),_list__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/list/list.tsx"),_list_users_groups_source__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/list/list__users-groups-source.ts"),_list_stories_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/list/list.stories.css"),_list_stories_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_list_stories_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const FLAG_EN_URL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAMAAACKYC6uAAAAB3RJTUUH3AIcDR8UFn+EAwAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAHgUExURf///9LAwLxiY51KVk1Pew0uch0pcImTtOBwdeVzeKasyEZQjDZHfWh3mK2xtq2Dg5NKT3OEqbi9xsWMjLBGS35YcCY8enWCptZkaOFtcaKpx1xsoa24ys++vrlyc5ZcZVJVdFRsoVFnlpqtv8i4ubpiZJ1jcamsvcRTWtFbYtPZ5+Tv9+/Q0Mp9gZqAkU1kjCtDc+vT2NW7wsClrMSnqsGgo8KSlMylpbM5Qr5FTfDOzvnb3O7JzOPCxcazuLafpbCYnddxeNZqcsBOVagsNZ0XIZsRG5wRHKUbJbErNcA8Rs5PWNRdZdFdZcNSWrFDSqg8Q6dFTN12fdFja7lGTqYnMZwTHZoOGJ4THagfKbUvOcRFTtBUXdRcZc5bY8BPV69BSJeCh8CrsOzY3ubFx86ipcmpqsWhoZ8iK6MjLNKnqdyoqurKzfXb3ObM09rAx82zuA4jTkRafrWhseadoefDwsHL05+ot6cuNqcoMKKjtKhwftmDhvTj49Hi8XWLuE5mnCkuSnJASa1sbsjS4lFglW13mbE6P64rMGNtkCA3do9thtNxdvK6u+ns846fxGwrL3pSUpCSlnF/nGp7rldgmoiQrrhHS68vM2hvkAUTXBAwdGRrlcR6huyWmPzp6TUvvy8AAAABdFJOUwBA5thmAAAAtUlEQVR42gGqAFX/AJCRkpOUlZaXmJmam5ydnp8AgYKDfYSFhoeIiYqLjI2OjwBxcnN0dXZ3eHl6e3x9fn+AAGFiY2RlZmdoaWprbG1ub3AAUVJTVFVWV1hZWltcXV5fYABBQkNERUZHSElKS0xNTk9QADEyMzQ1Njc4OTo7PD0+P0AAISIjJCUmJygpKissLS4vMAAREhMUFRYXGBkaGxwdHh8gAAECAwQFBgcICQoLDA0ODxAO4zIu3IgQpAAAAABJRU5ErkJggg==",__WEBPACK_DEFAULT_EXPORT__={title:"Components/List",component:_list__WEBPACK_IMPORTED_MODULE_4__.A,parameters:{screenshots:{captureSelector:"*[data-test~=ring-list]"}}},basic=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});basic.storyName="basic",basic.args={activeIndex:2,shortcuts:!0,renderOptimization:!1,data:[{label:"One",key:1,href:"http://example.com",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.LINK},{label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("b",{children:"foo"}),key:2,rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Active as default",key:3,rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Four",key:4,rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Five",key:5,rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM}]};const withAHintBelow=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});withAHintBelow.storyName="with a hint below",withAHintBelow.args={shortcuts:!0,activeIndex:2,hint:"Hint about the list",renderOptimization:!1,data:[{label:"One",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Two",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Active as default",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Four",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Five (disabled)",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,disabled:!0}]};const longList=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});longList.storyName="long list",longList.parameters={screenshots:{skip:!0}},longList.args={maxHeight:400,compact:!0,shortcuts:!0,data:Array(1e3).fill(void 0).map(((_,i)=>({label:`Item ${i}`,rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM})))};const list2=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});list2.storyName="list #2",list2.args={shortcuts:!0,renderOptimization:!1,data:[{rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.SEPARATOR,description:"First separator"},{label:"Item 1",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.SEPARATOR,description:"Second sep"},{label:"Item 2",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.TITLE,label:"Group title",description:"With description"},{label:"Item 3",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,description:"Foo bar",hoverClassName:_list_stories_css__WEBPACK_IMPORTED_MODULE_2___default().hover},{rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.SEPARATOR},{label:"Item 4",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,description:"Item description"},{label:"Item 5",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,description:"Item description",details:"Additional details line"},{label:"Item 6",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,description:"Item description",details:"Additional details line, a long long text. And once again, additional details line, a long long text. And once again, additional details line, a long long text. And once again, additional details line, a long long text. And once again, additional details line, a long long text."}]};const withItemIcons=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});withItemIcons.storyName="with item icons",withItemIcons.args={shortcuts:!0,renderOptimization:!1,data:[{label:"Some item",description:"Long long long long long long long long long long long long long long long description",key:"1",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,glyph:_jetbrains_icons_warning__WEBPACK_IMPORTED_MODULE_1___default(),rightGlyph:_jetbrains_icons_warning__WEBPACK_IMPORTED_MODULE_1___default()},{label:"Some item with a long long label, much longer than description",key:"2",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,description:"Test item",icon:FLAG_EN_URL},{label:"Some item with a long long label",key:"3",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,description:"Long long long long long long long long long long long long long long long description",checkbox:!0},{label:"Some item",key:"4",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.LINK,description:"Test item",icon:FLAG_EN_URL},{label:"Some item",key:"5",href:"http://localhost:9999",description:"Test item",icon:FLAG_EN_URL}]};const withDeprecatedItemTypeParameter=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});withDeprecatedItemTypeParameter.storyName="with deprecated item.type parameter",withDeprecatedItemTypeParameter.parameters={screenshots:{skip:!0}},withDeprecatedItemTypeParameter.args={shortcuts:!0,data:[{label:"One",type:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Two",type:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Three",type:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Four",type:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Five",type:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM}]};const withCustomItems=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});withCustomItems.storyName="with custom items",withCustomItems.args={shortcuts:!0,renderOptimization:!1,data:[{key:"1",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.CUSTOM,template:(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span",{},"custom item")},{key:"2",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.CUSTOM,template:(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span",{},"custom item (disabled)"),disabled:!0},{key:"3",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.CUSTOM,template:(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span",{},"custom item 3")}]};const WithUsers=()=>{const[listData,setListData]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),[selected,setSelected]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const auth=new _auth_auth__WEBPACK_IMPORTED_MODULE_5__.Ay(_storybook_hub_config__WEBPACK_IMPORTED_MODULE_6__.A),source=new _list_users_groups_source__WEBPACK_IMPORTED_MODULE_7__.A(auth);!async function loadUsers(){await auth.init();const data=await source.getForList("ring",_list_users_groups_source__WEBPACK_IMPORTED_MODULE_7__.A.Filter.USERS);setListData(data)}()}),[]),listData?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_content_layout_content_layout__WEBPACK_IMPORTED_MODULE_8__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_content_layout_content_layout__WEBPACK_IMPORTED_MODULE_9__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{className:"list",data:listData,shortcuts:!0,onSelect:setSelected})}),selected&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_code_code__WEBPACK_IMPORTED_MODULE_10__.Ay,{className:"selected",language:"json",code:JSON.stringify(selected,null,2)})]}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_loader_loader__WEBPACK_IMPORTED_MODULE_11__.A,{})};WithUsers.storyName="with users",WithUsers.parameters={screenshots:{skip:!0}},WithUsers.tags=["skip-test"];const withCustomTooltip=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});withCustomTooltip.storyName="with custom tooltip",withCustomTooltip.args={shortcuts:!0,renderOptimization:!1,data:[{label:"Custom Tooltip",key:1,title:"",labelWrapper:children=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_12__.A,{title:"Custom Tooltip",children})}]},basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:"args => ",...basic.parameters?.docs?.source}}},withAHintBelow.parameters={...withAHintBelow.parameters,docs:{...withAHintBelow.parameters?.docs,source:{originalSource:"args => ",...withAHintBelow.parameters?.docs?.source}}},longList.parameters={...longList.parameters,docs:{...longList.parameters?.docs,source:{originalSource:"args => ",...longList.parameters?.docs?.source}}},list2.parameters={...list2.parameters,docs:{...list2.parameters?.docs,source:{originalSource:"args => ",...list2.parameters?.docs?.source}}},withItemIcons.parameters={...withItemIcons.parameters,docs:{...withItemIcons.parameters?.docs,source:{originalSource:"args => ",...withItemIcons.parameters?.docs?.source}}},withDeprecatedItemTypeParameter.parameters={...withDeprecatedItemTypeParameter.parameters,docs:{...withDeprecatedItemTypeParameter.parameters?.docs,source:{originalSource:"args => ",...withDeprecatedItemTypeParameter.parameters?.docs?.source}}},withCustomItems.parameters={...withCustomItems.parameters,docs:{...withCustomItems.parameters?.docs,source:{originalSource:"args => ",...withCustomItems.parameters?.docs?.source}}},WithUsers.parameters={...WithUsers.parameters,docs:{...WithUsers.parameters?.docs,source:{originalSource:'() => {\n const [listData, setListData] = useState(null);\n const [selected, setSelected] = useState(null);\n useEffect(() => {\n const auth = new Auth(hubConfig);\n const source = new Source(auth);\n async function loadUsers() {\n await auth.init();\n const data = await source.getForList(\'ring\', Source.Filter.USERS);\n setListData(data);\n }\n loadUsers();\n }, []);\n return listData ? \n \n \n \n {selected && }\n : ;\n}',...WithUsers.parameters?.docs?.source}}},withCustomTooltip.parameters={...withCustomTooltip.parameters,docs:{...withCustomTooltip.parameters?.docs,source:{originalSource:"args => ",...withCustomTooltip.parameters?.docs?.source}}}},"./src/code/code.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{aY:()=>code,Ay:()=>Code});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),core=__webpack_require__("./node_modules/highlight.js/lib/core.js"),core_default=__webpack_require__.n(core);function normalizeIndent(string){const nonemptyRE=/\S/,indentRE=/^\s*/,lines=string.split(/\n/g),linesCopy=[...lines];for(const line of linesCopy){if(nonemptyRE.test(line))break;lines.shift()}for(const line of linesCopy.reverse()){if(nonemptyRE.test(line))break;lines.pop()}const indents=lines.filter((line=>nonemptyRE.test(line))).map((line=>{var _line$match$0$length;return null!==(_line$match$0$length=line.match(indentRE)?.[0].length)&&void 0!==_line$match$0$length?_line$match$0$length:0})),minIndent=Math.min(...indents);return lines.map((line=>line.slice(minIndent))).join("\n")}var memoize=__webpack_require__("./src/global/memoize.ts"),code_code=__webpack_require__("./src/code/code.css"),code_default=__webpack_require__.n(code_code),highlight=__webpack_require__("./src/code/highlight.css"),highlight_default=__webpack_require__.n(highlight),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function noop(){}const registerLanguage=(0,memoize.A)((async language=>{const languageExports=await __webpack_require__("./node_modules/highlight.js/lib/languages lazy recursive ^\\.\\/.*$")(`./${language}`);core_default().registerLanguage(language,languageExports.default)}));class Code extends react.PureComponent{static propTypes={className:prop_types_default().string,code:prop_types_default().string.isRequired,inline:prop_types_default().bool,softWrap:prop_types_default().bool,language:prop_types_default().string,replacer:prop_types_default().func,codeRef:prop_types_default().oneOfType([prop_types_default().shape({current:prop_types_default().instanceOf(Element)}),prop_types_default().func])};static defaultProps={inline:!1,softWrap:!1,replacer:noop};componentDidMount(){this.highlight()}componentDidUpdate(){this.highlight()}code;async highlight(){const codeRef=this.codeRef;if(null==codeRef)return;const{language,inline,replacer}=this.props;inline||(null!=language&&null==core_default().getLanguage(language)&&await registerLanguage(language),core_default().highlightElement(codeRef)),replacer(codeRef)}get codeRef(){const{codeRef}=this.props;return codeRef&&"function"!=typeof codeRef?codeRef.current:this.code}get initCodeRef(){const{codeRef}=this.props,isFunctionCodeRef="function"==typeof codeRef;return codeRef&&!isFunctionCodeRef?codeRef:ref=>{this.code=ref,isFunctionCodeRef&&codeRef(this.code)}}render(){const{code,className,inline,softWrap,language}=this.props,Tag=inline?"span":"pre",classes=classnames_default()(code_default().code,className,language,{[code_default().inline]:inline,[code_default().softWrap]:softWrap});return(0,jsx_runtime.jsx)(Tag,{className:classes,"data-test":"ring-code",children:(0,jsx_runtime.jsx)("code",{tabIndex:inline?-1:0,ref:this.initCodeRef,className:highlight_default().highlightContainer,children:normalizeIndent(code)})})}}const code=function trivialTemplateTag(f){return(strings,...interpolations)=>{const chunks=[...strings];return interpolations.forEach(((value,i)=>chunks.splice(2*i+1,0,value))),f(chunks.join(""))}}((source=>(0,jsx_runtime.jsx)(Code,{code:source})));Code.__docgenInfo={description:"@name Code",methods:[{name:"highlight",docblock:null,modifiers:["async"],params:[],returns:null},{name:"codeRef",docblock:null,modifiers:["get"],params:[],returns:null},{name:"initCodeRef",docblock:null,modifiers:["get"],params:[],returns:null}],displayName:"Code",props:{code:{required:!0,tsType:{name:"string"},description:"",type:{name:"string"}},inline:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},softWrap:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},replacer:{required:!1,tsType:{name:"unknown"},description:"",defaultValue:{value:"function noop() {}",computed:!1},type:{name:"func"}},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},language:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},codeRef:{required:!1,tsType:{name:"union",raw:"Ref | null | undefined",elements:[{name:"Ref",elements:[{name:"HTMLElement"}],raw:"Ref"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"shape",value:{current:{name:"instanceOf",value:"Element",required:!1}}},{name:"func"}]}}}},code.__docgenInfo={description:"",methods:[],displayName:"code"}},"./src/content-layout/content-layout.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ContentLayout});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_sidebar__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/content-layout/sidebar.tsx"),_content_layout_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/content-layout/content-layout.css"),_content_layout_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_content_layout_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class ContentLayout extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,contentClassName:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,responsive:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool};static defaultProps={responsive:!0};state={contentNode:null};saveContentNode=contentNode=>{this.setState({contentNode})};render(){const{children,className,contentClassName,responsive,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_content_layout_css__WEBPACK_IMPORTED_MODULE_2___default().contentLayout,className,{[_content_layout_css__WEBPACK_IMPORTED_MODULE_2___default().contentLayoutResponsive]:responsive}),contentClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_content_layout_css__WEBPACK_IMPORTED_MODULE_2___default().contentLayoutContent,contentClassName),childrenArray=react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children),sidebarChild=childrenArray.filter((child=>null!=child&&"object"==typeof child&&"type"in child&&child.type===_sidebar__WEBPACK_IMPORTED_MODULE_5__.A))[0],sidebar=sidebarChild&&(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(sidebarChild,{contentNode:this.state.contentNode}),contentChildren=childrenArray.filter((child=>child!==sidebarChild));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{"data-test":"content-layout",...restProps,className:classes,children:[sidebar,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("main",{className:contentClasses,ref:this.saveContentNode,children:contentChildren})]})}}ContentLayout.__docgenInfo={description:"@name Content Layout",methods:[{name:"saveContentNode",docblock:null,modifiers:[],params:[{name:"contentNode",optional:!1,type:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]}}],returns:null}],displayName:"ContentLayout",props:{responsive:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1},type:{name:"bool"}},contentClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}},composes:["HTMLAttributes"]}},"./src/content-layout/sidebar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Sidebar});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),react_waypoint__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-waypoint/es/index.js"),_content_layout_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/content-layout/content-layout.css"),_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_content_layout_css__WEBPACK_IMPORTED_MODULE_3__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Sidebar extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={right:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,containerClassName:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,fixedClassName:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,contentNode:prop_types__WEBPACK_IMPORTED_MODULE_5___default().object};state={topIsOutside:!0,bottomIsOutside:!0,sidebarVisibleHeight:void 0};sidebarNode;handleTopWaypoint=({currentPosition})=>{this.setState({topIsOutside:"above"===currentPosition})};handleBottomWaypoint=({currentPosition,waypointTop})=>{this.setState({sidebarVisibleHeight:waypointTop,bottomIsOutside:"inside"!==currentPosition})};shouldUseFixation(){const{contentNode}=this.props,{sidebarNode}=this;return!(!contentNode||!sidebarNode)&&contentNode.offsetHeight>=sidebarNode.offsetHeight}shouldFixateBottom(){const{topIsOutside,bottomIsOutside}=this.state;return!bottomIsOutside&&topIsOutside&&this.shouldUseFixation()}sidebarRef=node=>{this.sidebarNode=node};render(){const{right,children,className,containerClassName,fixedClassName,contentNode,...restProps}=this.props,{topIsOutside,bottomIsOutside,sidebarVisibleHeight}=this.state,shouldFixateTop=bottomIsOutside&&topIsOutside&&this.shouldUseFixation(),shouldFixateBottom=this.shouldFixateBottom(),containerClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().sidebarContainer,containerClassName,{[_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().sidebarContainerRight]:right}),classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().sidebar,className,{[_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().sidebarRight]:right,[_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().sidebarFixedTop]:shouldFixateTop,[_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().sidebarFixedBottom]:shouldFixateBottom,[null!=fixedClassName?fixedClassName:""]:shouldFixateTop||shouldFixateBottom}),style={maxHeight:shouldFixateBottom&&sidebarVisibleHeight?`${sidebarVisibleHeight}px`:void 0};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("aside",{className:containerClasses,ref:this.sidebarRef,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_waypoint__WEBPACK_IMPORTED_MODULE_2__.Y,{onEnter:this.handleTopWaypoint,onLeave:this.handleTopWaypoint}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div",{...restProps,style,className:classes,children}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div",{className:_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().bottomMarker,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_waypoint__WEBPACK_IMPORTED_MODULE_2__.Y,{onEnter:this.handleBottomWaypoint,onLeave:this.handleBottomWaypoint})})]})}}Sidebar.__docgenInfo={description:"",methods:[{name:"handleTopWaypoint",docblock:null,modifiers:[],params:[{name:"{currentPosition}: Waypoint.CallbackArgs",optional:!1,type:{name:"Waypoint.CallbackArgs",alias:"Waypoint.CallbackArgs"}}],returns:null},{name:"handleBottomWaypoint",docblock:null,modifiers:[],params:[{name:"{currentPosition, waypointTop}: Waypoint.CallbackArgs",optional:!1,type:{name:"Waypoint.CallbackArgs",alias:"Waypoint.CallbackArgs"}}],returns:null},{name:"shouldUseFixation",docblock:null,modifiers:[],params:[],returns:null},{name:"shouldFixateBottom",docblock:null,modifiers:[],params:[],returns:null},{name:"sidebarRef",docblock:null,modifiers:[],params:[{name:"node",optional:!1,type:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]}}],returns:null}],displayName:"Sidebar",props:{right:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},containerClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},fixedClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},contentNode:{required:!1,tsType:{name:"union",raw:"HTMLElement | null | undefined",elements:[{name:"HTMLElement"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"object"}},children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}},composes:["HTMLAttributes"]}},"./src/control-help/control-help.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ControlHelp});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),_control_help_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/control-help/control-help.css"),_control_help_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_control_help_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ControlHelp({className,...restProps}){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()(className,_control_help_css__WEBPACK_IMPORTED_MODULE_1___default().help),...restProps})}ControlHelp.__docgenInfo={description:"",methods:[],displayName:"ControlHelp"}},"./src/global/composeRefs.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>createComposedRef});var memoize_one__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/memoize-one/dist/memoize-one.esm.js");function composeRefs(...refs){return value=>refs.forEach((ref=>{"function"==typeof ref?ref(value):null!=ref&&(ref.current=value)}))}function createComposedRef(){return(0,memoize_one__WEBPACK_IMPORTED_MODULE_0__.A)(composeRefs)}},"./src/global/prop-types.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>refObject});var prop_types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);const refObject=value=>prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({current:value})},"./src/i18n/i18n.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$:()=>getTranslations,xO:()=>getTranslationsWithFallback,Lw:()=>setTranslations,Tl:()=>translate});const messages_namespaceObject=JSON.parse('{"login":"Log in","logout":"Log out","loginTo":"Log in to {{serviceName}}","ok":"OK","cancel":"Cancel","tryAgainLabel":"Try again","postpone":"Postpone","youHaveLoggedInAs":"You have logged in as another user: {{userName}}","applyChange":"Apply change","backendIsNotAvailable":"Connection lost","checkAgain":"try again","nothingHappensLink":"Click here if nothing happens","errorMessage":"There may be a problem with your network connection. Make sure that you are online and","applyChangedUser":"Apply changed user","profile":"Profile","switchUser":"Switch user","addFirstDate":"Add first date","addSecondDate":"Add second date","addTime":"Add time","selectName":"Select {{name}}","setDate":"Set a date","setDateTime":"Set date and time","setPeriod":"Set a period","clear":"Clear input","gotIt":"Got it","dismiss":"Dismiss","perPage":"per page","firstPage":"First page","lastPage":"Last page","nextPage":"Next page","previousPage":"Previous","searchTitle":"Search","clearTitle":"Clear search input","userAgreement":"User Agreement","accept":"Accept","decline":"Decline","close":"Close","scrollToAccept":"View the entire agreement to continue","remindLater":"Remind me later","filterItems":"Filter items","selectOption":"Select an option","progress":"Progress","loading":"Loading...","noOptionsFound":"No options found","banned":"banned","online":"online","offline":"offline","copyToClipboard":"Copy email to clipboard","copiedToClipboard":"Email was copied to clipboard","copingToClipboardError":"Failed to copy to clipboard","unverified":"Unverified"}');let messages=messages_namespaceObject;const warned=new Set;function setTranslations(newMessages){messages=newMessages}function getTranslations(){return messages}function getTranslationsWithFallback(){return{...messages_namespaceObject,...messages}}function translate(key){var _messages$key;return key in messages||function warnMissedKeyOnce(key){warned.has(key)||(warned.add(key),console.warn(`Missing localisation for key "${key}"`))}(key),null!==(_messages$key=messages[key])&&void 0!==_messages$key?_messages$key:messages_namespaceObject[key]}},"./src/list/list__users-groups-source.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ListUsersGroupsSource});var icons_group=__webpack_require__("./node_modules/@jetbrains/icons/group.js"),group_default=__webpack_require__.n(icons_group);const defaultOptions={searchMax:20,searchSideThreshold:100,queryFormatter:query=>`${query} or ${query}*`};class HubSource{static TOP_ALL=-1;http;relativeUrl;options;storedData;isClientSideSearch;filterFn;constructor(auth,relativeUrl,options){this.http=auth.http,this.relativeUrl=relativeUrl,this.options=Object.assign({},defaultOptions,options),this.storedData=null,this.isClientSideSearch=null,this.filterFn=()=>!0}makeRequest(queryParams){return this.http.get(this.relativeUrl,{query:queryParams})}async makeCachedRequest(params){if(this.storedData)return this.storedData;const res=await this.makeRequest(params);return this.storedData=res,res}static mergeParams(params,toMerge){return Object.assign({},params,toMerge)}checkIsClientSideSearch(res){return res.total<=this.options.searchSideThreshold}getDefaultFilterFn(query){return query?it=>-1!==it.name.toLowerCase().indexOf(query.toLowerCase()):()=>!0}formatQuery(query){return query?this.options.queryFormatter(query):""}static validateInputParams(params){if(params.top)throw new Error('HubSource: params.top should not be filled, configure "options.searchMax" instead');if(params.query)throw new Error('HubSource: params.query should not be filled, configure "options.queryFormatter" instead')}processResults(res){const items=res[this.relativeUrl]||[];return this.isClientSideSearch?items.filter((it=>this.filterFn(it))).slice(0,this.options.searchMax):items}async sideDetectionRequest(params,query){const res=await this.makeCachedRequest(HubSource.mergeParams(params,{$top:this.options.searchSideThreshold}));return this.isClientSideSearch=this.checkIsClientSideSearch(res),this.isClientSideSearch?res:this.doServerSideSearch(params,query)}doClientSideSearch(params){return this.makeCachedRequest(HubSource.mergeParams(params,{$top:this.constructor.TOP_ALL}))}doServerSideSearch(params,query){return this.makeRequest(HubSource.mergeParams(params,{query:this.formatQuery(query),$top:this.options.searchMax}))}getValueFromSuitableSource(query,params){return null===this.isClientSideSearch?this.sideDetectionRequest(params,query):this.isClientSideSearch?this.doClientSideSearch(params):this.doServerSideSearch(params,query)}async get(query,params,filterFn){HubSource.validateInputParams(params),this.filterFn=filterFn||this.getDefaultFilterFn(query);const res=await this.getValueFromSuitableSource(query,params);return this.processResults(res)}}const hub_source_users_groups_defaultOptions={searchMax:20,searchSideThreshold:200};class HubSourceUsersGroups{auth;options;usersSource;groupsSource;constructor(auth,options){this.auth=auth,this.options=Object.assign({},hub_source_users_groups_defaultOptions,options),this.usersSource=new HubSource(auth,"users",{searchMax:this.options.searchMax,searchSideThreshold:this.options.searchSideThreshold,queryFormatter:query=>`nameStartsWith: ${HubSourceUsersGroups.wrapMultiwordQuery(query)} or loginStartsWith: ${HubSourceUsersGroups.wrapMultiwordQuery(query)}`}),this.groupsSource=new HubSource(auth,"usergroups",{searchMax:this.options.searchMax,searchSideThreshold:this.options.searchSideThreshold})}static wrapMultiwordQuery(query){return query&&-1!==query.indexOf(" ")?`{${query}}`:query}createUsersFilterFn(query){if(!query)return()=>!0;const normalizedQuery=query.toLowerCase();return it=>-1!==it.name.toLowerCase().indexOf(normalizedQuery)||-1!==it.login.toLowerCase().indexOf(normalizedQuery)}getUsers(query=""){return this.usersSource.get(query,{fields:"id,name,login,total,profile/avatar/url",orderBy:"name"},this.createUsersFilterFn(query))}getGroups(query=""){return this.groupsSource.get(query,{fields:"id,name,total,userCount,iconUrl",orderBy:"name"})}getUserAndGroups(query){return Promise.all([this.getUsers(query),this.getGroups(query)])}}var list=__webpack_require__("./src/list/list.tsx");const list_users_groups_source_defaultOptions={GroupsTitle:"Groups",NoGroupsTitle:"No groups",UsersTitle:"Users",NoUsersTitle:"No users",getPluralForUserCount:count=>`${count} member${count%10!=1||count%100==11?"s":""}`};var Filter=function(Filter){return Filter[Filter.ALL=0]="ALL",Filter[Filter.USERS=1]="USERS",Filter[Filter.GROUPS=2]="GROUPS",Filter}(Filter||{});class ListUsersGroupsSource extends HubSourceUsersGroups{static Filter=Filter;listSourceOptions;constructor(auth,options){super(auth,options),this.listSourceOptions=Object.assign({},list_users_groups_source_defaultOptions,options)}getGroupsSectionTitle(groups){return groups.length?this.listSourceOptions.GroupsTitle:this.listSourceOptions.NoGroupsTitle}getUsersSectionTitle(users){return users.length?this.listSourceOptions.UsersTitle:this.listSourceOptions.NoUsersTitle}async getForList(query,filter=Filter.ALL){const[users,groups]=await this.getUserAndGroups(query),items=[];return filter===Filter.ALL&&items.push({rgItemType:list.A.ListProps.Type.SEPARATOR,key:2,description:this.getUsersSectionTitle(users)}),filter!==Filter.GROUPS&&users.forEach((user=>items.push({...user,key:user.id,label:user.name,avatar:user.profile?user.profile.avatar?.url:null,description:user.login}))),filter===Filter.ALL&&items.push({rgItemType:list.A.ListProps.Type.SEPARATOR,key:1,description:this.getGroupsSectionTitle(groups)}),filter!==Filter.USERS&&groups.forEach((group=>items.push({...group,key:group.id,label:group.name,avatar:group.iconUrl,glyph:group.iconUrl?null:group_default(),description:this.listSourceOptions.getPluralForUserCount(group.userCount)}))),items}}},"./src/loader/loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Loader});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),data_tests=__webpack_require__("./src/global/data-tests.ts"),dom=__webpack_require__("./src/global/dom.ts"),loader=__webpack_require__("./src/loader/loader.css"),loader_default=__webpack_require__.n(loader);class Particle{radius;x;y;color;decay;life;constructor({x,y,radius,color}){this.radius=radius,this.x=x,this.y=y,this.color=color,this.decay=.01,this.life=1}step(){this.life-=this.decay}isAlive(){return this.life>=0}draw(ctx){const alpha=this.life>=0?this.life:0;ctx.fillStyle=`rgba(${this.color.r}, ${this.color.g}, ${this.color.b}, ${alpha})`,ctx.beginPath(),ctx.arc(this.x+this.radius,this.y+this.radius,this.radius,0,2*Math.PI),ctx.fill()}}function deterministic(){return.5}class LoaderCore{static defaultProps={size:64,stop:!1,deterministic:!1,colors:[{r:215,g:60,b:234},{r:145,g:53,b:224},{r:88,g:72,b:224},{r:37,g:183,b:255},{r:89,g:189,b:0},{r:251,g:172,b:2},{r:227,g:37,b:129}]};static calculateGradient(startColor,stopColor,position){const calculateChannelValue=(a,b)=>a+Math.round((b-a)*position);return{r:calculateChannelValue(startColor.r,stopColor.r),g:calculateChannelValue(startColor.g,stopColor.g),b:calculateChannelValue(startColor.b,stopColor.b)}}props;canvas;textNode;ctx;height;width;particles;baseSpeed;colorIndex;maxRadius;minRadius;colorChangeTick;x;y;radius;hSpeed;vSpeed;radiusSpeed;tick;isRunning;constructor(containerNode,props){this.props=Object.assign({},LoaderCore.defaultProps,props),this.canvas=document.createElement("canvas"),this.canvas.dataset.test="ring-loader",this.canvas.classList.add(loader_default().canvas),this.textNode=document.createElement("div"),this.textNode.dataset.test="ring-loader-text",this.textNode.classList.add(loader_default().text),this.textNode.textContent=this.props.message?this.props.message:"",containerNode.appendChild(this.canvas),containerNode.appendChild(this.textNode);const pixelRatio=LoaderCore.getPixelRatio(),canvasSize=this.props.size*pixelRatio;this.canvas.width=canvasSize,this.canvas.height=canvasSize,this.canvas.style.width=`${this.props.size}px`,this.canvas.style.height=`${this.props.size}px`,this.ctx=this.canvas.getContext("2d"),this.ctx?.scale(pixelRatio,pixelRatio),this.height=this.props.size,this.width=this.props.size,this.particles=[],this.baseSpeed=1,this.colorIndex=0,this.maxRadius=10,this.minRadius=6,this.colorChangeTick=40,this.x=0,this.y=0,this.radius=8,this.hSpeed=1.5,this.vSpeed=.5,this.radiusSpeed=.05,this.tick=0,this.prepareInitialState(100),this.isRunning=!this.props.stop,this.isRunning?this.startAnimation():this.draw()}static getPixelRatio(){return(0,dom.sJ)()}prepareInitialState(ticks){for(let i=0;i=limit?-(this.baseSpeed+randomizedSpeedChange):coord<=this.baseSpeed?this.baseSpeed+randomizedSpeedChange:speed}calculateNextCoordinates(){this.x+=this.hSpeed,this.y+=this.vSpeed,this.hSpeed=this.handleLimits(this.x,this.radius,this.hSpeed,this.width),this.vSpeed=this.handleLimits(this.y,this.radius,this.vSpeed,this.height)}calculateNextRadius(){this.radius+=this.radiusSpeed,(this.radius>this.maxRadius||this.radiusthis.colorChangeTick&&(this.tick=0,this.colorIndex++,this.colorIndex>this.props.colors.length-1&&(this.colorIndex=0))}step(){this.nextTick(),this.calculateNextCoordinates(),this.calculateNextRadius(),this.particles.forEach((particle=>particle.step())),this.particles.push(new Particle({x:this.x,y:this.y,radius:this.radius,color:this.getNextColor()}))}removeDeadParticles(){this.particles=this.particles.filter((it=>it.isAlive()))}draw(){const ctx=this.ctx;null!=ctx&&(ctx.clearRect(0,0,this.width,this.height),this.removeDeadParticles(),this.particles.forEach((particle=>particle.draw(ctx))))}loop(){this.step(),this.draw(),this.isRunning&&window.requestAnimationFrame((()=>this.loop()))}updateMessage(text){this.textNode.textContent=text||""}stopAnimation(){this.isRunning=!1,this.canvas.classList.remove(loader_default().animate)}startAnimation(){this.isRunning=!0,this.canvas.classList.add(loader_default().animate),this.loop()}destroy(){this.isRunning=!1}}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");class Loader extends react.PureComponent{static propTypes={className:prop_types_default().string,size:prop_types_default().number,colors:prop_types_default().array,message:prop_types_default().string,"data-test":prop_types_default().string,stop:prop_types_default().bool,deterministic:prop_types_default().bool};componentDidUpdate(prevProps){this.loader&&(!prevProps.stop&&this.props.stop?this.loader.stopAnimation():prevProps.stop&&!this.props.stop&&this.loader.startAnimation())}componentWillUnmount(){this.loader?.destroy()}loader;initLoader=el=>{el&&(this.loader=new LoaderCore(el,this.props))};render(){const{message,size,colors,"data-test":dataTest,stop,deterministic,...restProps}=this.props;return(0,jsx_runtime.jsx)("div",{"data-test":(0,data_tests.A)("ring-loader",dataTest),...restProps,ref:this.initLoader})}}Loader.__docgenInfo={description:"Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.",methods:[{name:"initLoader",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"Node | null",elements:[{name:"Node"},{name:"null"}]}}],returns:null}],displayName:"Loader",props:{"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},className:{description:"",type:{name:"string"},required:!1},size:{description:"",type:{name:"number"},required:!1},colors:{description:"",type:{name:"array"},required:!1},message:{description:"",type:{name:"string"},required:!1},stop:{description:"",type:{name:"bool"},required:!1},deterministic:{description:"",type:{name:"bool"},required:!1}},composes:["Partial","HTMLAttributes"]}},"./src/tooltip/tooltip.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Tooltip});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_popup_popup__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/popup/popup.tsx"),_global_dom__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/global/dom.ts"),_global_data_tests__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/global/data-tests.ts"),_global_schedule_raf__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/schedule-raf.ts"),_tooltip_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/tooltip/tooltip.css"),_tooltip_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_tooltip_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const scheduleScroll=(0,_global_schedule_raf__WEBPACK_IMPORTED_MODULE_4__.A)(),TooltipContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);class Tooltip extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={delay:prop_types__WEBPACK_IMPORTED_MODULE_5___default().number,selfOverflowOnly:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,popupProps:prop_types__WEBPACK_IMPORTED_MODULE_5___default().object,title:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string};static defaultProps={title:"",selfOverflowOnly:!1,popupProps:{}};state={showPopup:!1,showNestedPopup:!1};componentDidMount(){this.props.title&&this.addListeners()}componentDidUpdate(prevProps){!prevProps.title&&this.props.title?this.addListeners():prevProps.title&&!this.props.title&&this.listeners.removeAll()}componentWillUnmount(){clearTimeout(this.timeout),this.listeners.removeAll()}static PopupProps=_popup_popup__WEBPACK_IMPORTED_MODULE_6__.Ay.PopupProps;static contextType=TooltipContext;timeout;listeners=new _global_dom__WEBPACK_IMPORTED_MODULE_7__.qR;containerNode;containerRef=el=>{this.containerNode=el};tryToShowPopup=()=>{const{delay,title}=this.props;title&&(delay?this.timeout=window.setTimeout(this.showPopup,delay):this.showPopup())};showPopup=()=>{if(this.props.selfOverflowOnly){const{containerNode}=this;if(!containerNode)return;if(0===containerNode.clientWidth&&0===containerNode.clientHeight)return;if(containerNode.scrollWidth<=containerNode.clientWidth&&containerNode.scrollHeight<=containerNode.clientHeight)return}this.context?.onNestedTooltipShow(),this.setState({showPopup:!0})};hidePopup=()=>{clearTimeout(this.timeout),this.context?.onNestedTooltipHide(),this.setState({showPopup:!1})};addListeners(){null!=this.containerNode&&(this.listeners.add(this.containerNode,"mouseover",this.tryToShowPopup),this.listeners.add(this.containerNode,"mouseout",this.hidePopup)),this.listeners.add(document,"scroll",(()=>scheduleScroll(this.hidePopup)),{passive:!0})}popup;popupRef=el=>{this.popup=el};onNestedTooltipShow=()=>{this.setState({showNestedPopup:!0})};onNestedTooltipHide=()=>{this.setState({showNestedPopup:!1})};render(){const{children,"data-test":dataTest,title,delay,selfOverflowOnly,popupProps,long,...restProps}=this.props,ariaProps="string"==typeof title&&title?{"aria-label":title,role:"tooltip"}:{},{onNestedTooltipShow,onNestedTooltipHide}=this;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(TooltipContext.Provider,{value:{onNestedTooltipShow,onNestedTooltipHide},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span",{...ariaProps,...restProps,ref:this.containerRef,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_8__.A)("ring-tooltip",dataTest),"data-test-title":"string"==typeof title?title:void 0,children:[children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_popup_popup__WEBPACK_IMPORTED_MODULE_6__.Ay,{trapFocus:!1,hidden:!this.state.showPopup||this.state.showNestedPopup,onCloseAttempt:this.hidePopup,maxHeight:400,className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_tooltip_css__WEBPACK_IMPORTED_MODULE_2___default().tooltip,{[_tooltip_css__WEBPACK_IMPORTED_MODULE_2___default().long]:long}),attached:!1,top:4,dontCloseOnAnchorClick:!0,ref:this.popupRef,...popupProps,children:title})]})})}}Tooltip.__docgenInfo={description:"@name Tooltip",methods:[{name:"containerRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]}}],returns:null},{name:"tryToShowPopup",docblock:null,modifiers:[],params:[],returns:null},{name:"showPopup",docblock:null,modifiers:[],params:[],returns:null},{name:"hidePopup",docblock:null,modifiers:[],params:[],returns:null},{name:"addListeners",docblock:null,modifiers:[],params:[],returns:null},{name:"popupRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"Popup | null",elements:[{name:"Popup"},{name:"null"}]}}],returns:null},{name:"onNestedTooltipShow",docblock:null,modifiers:[],params:[],returns:null},{name:"onNestedTooltipHide",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Tooltip",props:{delay:{required:!1,tsType:{name:"union",raw:"number | null | undefined",elements:[{name:"number"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"number"}},selfOverflowOnly:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},popupProps:{required:!1,tsType:{name:"union",raw:"Partial | null | undefined",elements:[{name:"Partial",elements:[{name:"JSX.LibraryManagedAttributes",elements:[{name:"Popup"},{name:"PopupProps"}],raw:"JSX.LibraryManagedAttributes"}],raw:"Partial"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:"{}",computed:!1},type:{name:"object"}},title:{required:!1,tsType:{name:"union",raw:"ReactNode | null | undefined",elements:[{name:"ReactNode"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:"''",computed:!1},type:{name:"node"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},long:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},children:{description:"",type:{name:"node"},required:!1}},composes:["Omit"]}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/code/code.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".code_d3f0 {\n margin: calc(var(--ring-unit)*2) 0;\n}\n\n/* override hljs */\n.code_d3f0 code {\n display: block;\n\n padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);\n\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-sidebar-background-color);\n\n font-family: var(--ring-font-family-monospace);\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n\n.inline_bfc3 code {\n display: inline-block;\n\n padding: 0 calc(var(--ring-unit)/2);\n}\n\n.softWrap_b1aa code {\n white-space: pre-wrap;\n}\n","",{version:3,sources:["webpack://./src/code/code.css"],names:[],mappings:"AAEA;EACE,kCAAoC;AACtC;;AAEA,kBAAkB;AAClB;EACE,cAAc;;EAEd,qFAA2F;;EAE3F,wCAAwC;EACxC,sDAAsD;;EAEtD,8CAA8C;EAC9C,wCAAwC;EACxC,2CAA2C;AAC7C;;AAEA;EACE,qBAAqB;;EAErB,mCAAqC;AACvC;;AAEA;EACE,qBAAqB;AACvB",sourcesContent:['@import "../global/variables.css";\n\n.code {\n margin: calc(var(--ring-unit) * 2) 0;\n}\n\n/* override hljs */\n.code code {\n display: block;\n\n padding: calc(var(--ring-unit) * 1.5) calc(var(--ring-unit) * 2) calc(var(--ring-unit) * 2);\n\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-sidebar-background-color);\n\n font-family: var(--ring-font-family-monospace);\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n\n.inline code {\n display: inline-block;\n\n padding: 0 calc(var(--ring-unit) / 2);\n}\n\n.softWrap code {\n white-space: pre-wrap;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={code:"code_d3f0",inline:"inline_bfc3",softWrap:"softWrap_b1aa"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/code/highlight.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'/*\n Custom theme for highlight.js\n Based on "idea.css" and "darcula.css" themes of hljs distributive\n*/\n\n.highlightContainer_f8e9.hljs {\n display: block;\n overflow-x: auto;\n\n color: var(--ring-code-color);\n }\n\n.highlightContainer_f8e9 .hljs-subst,\n .highlightContainer_f8e9 .hljs-title {\n color: var(--ring-code-color);\n\n font-weight: normal;\n }\n\n.highlightContainer_f8e9 .hljs-comment,\n .highlightContainer_f8e9 .hljs-quote {\n color: var(--ring-code-comment-color);\n\n font-style: italic;\n }\n\n.highlightContainer_f8e9 .hljs-meta {\n color: var(--ring-code-meta-color);\n }\n\n.highlightContainer_f8e9 .hljs-tag {\n background: var(--ring-code-tag-background-color);\n box-shadow: 0 1px var(--ring-code-tag-background-color), 0 -1px var(--ring-code-tag-background-color);\n }\n\n.highlightContainer_f8e9 .hljs-section,\n .highlightContainer_f8e9 .hljs-literal,\n .highlightContainer_f8e9 .hljs-keyword,\n .highlightContainer_f8e9 .hljs-type {\n color: var(--ring-code-keyword-color);\n\n font-weight: var(--ring-font-weight-bold);\n }\n\n.highlightContainer_f8e9 .hljs-name,\n .highlightContainer_f8e9 .hljs-selector-pseudo,\n .highlightContainer_f8e9 .hljs-selector-id,\n .highlightContainer_f8e9 .hljs-selector-class {\n color: var(--ring-code-tag-color);\n\n font-weight: var(--ring-code-tag-font-weight);\n }\n\n.highlightContainer_f8e9 .hljs-selector-tag {\n color: var(--ring-code-keyword-color);\n\n font-weight: var(--ring-code-tag-font-weight);\n }\n\n.highlightContainer_f8e9 .hljs-attr {\n color: var(--ring-code-field-color);\n\n font-weight: var(--ring-font-weight-bold);\n }\n\n.highlightContainer_f8e9 .hljs-tag > .hljs-attr,\n .highlightContainer_f8e9 .hljs-attribute {\n color: var(--ring-code-attribute-color);\n\n font-weight: var(--ring-code-tag-font-weight);\n }\n\n.highlightContainer_f8e9 .hljs-number,\n .highlightContainer_f8e9 .hljs-regexp,\n .highlightContainer_f8e9 .hljs-link {\n color: var(--ring-code-number-color);\n\n font-weight: normal;\n }\n\n.highlightContainer_f8e9 .hljs-string {\n color: var(--ring-code-string-color);\n\n font-weight: var(--ring-font-weight-bold);\n }\n\n.highlightContainer_f8e9 .hljs-doctag {\n text-decoration: underline;\n }\n\n.highlightContainer_f8e9 .hljs-variable,\n .highlightContainer_f8e9 .hljs-template-variable {\n color: var(--ring-code-field-color);\n }\n\n.highlightContainer_f8e9 .hljs-addition {\n background: var(--ring-code-addition-color);\n }\n\n.highlightContainer_f8e9 .hljs-deletion {\n background: var(--ring-code-deletion-color);\n }\n\n.highlightContainer_f8e9 .hljs-emphasis {\n font-style: italic;\n }\n\n.highlightContainer_f8e9 .hljs-strong {\n font-weight: var(--ring-font-weight-bold);\n }\n',"",{version:3,sources:["webpack://./src/code/highlight.css"],names:[],mappings:"AAAA;;;CAGC;;AAGC;IACE,cAAc;IACd,gBAAgB;;IAEhB,6BAA6B;EAC/B;;AAEA;;IAEE,6BAA6B;;IAE7B,mBAAmB;EACrB;;AAEA;;IAEE,qCAAqC;;IAErC,kBAAkB;EACpB;;AAEA;IACE,kCAAkC;EACpC;;AAEA;IACE,iDAAiD;IACjD,qGAAqG;EACvG;;AAEA;;;;IAIE,qCAAqC;;IAErC,yCAAyC;EAC3C;;AAEA;;;;IAIE,iCAAiC;;IAEjC,6CAA6C;EAC/C;;AAEA;IACE,qCAAqC;;IAErC,6CAA6C;EAC/C;;AAEA;IACE,mCAAmC;;IAEnC,yCAAyC;EAC3C;;AAEA;;IAEE,uCAAuC;;IAEvC,6CAA6C;EAC/C;;AAEA;;;IAGE,oCAAoC;;IAEpC,mBAAmB;EACrB;;AAEA;IACE,oCAAoC;;IAEpC,yCAAyC;EAC3C;;AAEA;IACE,0BAA0B;EAC5B;;AAEA;;IAEE,mCAAmC;EACrC;;AAEA;IACE,2CAA2C;EAC7C;;AAEA;IACE,2CAA2C;EAC7C;;AAEA;IACE,kBAAkB;EACpB;;AAEA;IACE,yCAAyC;EAC3C",sourcesContent:['/*\n Custom theme for highlight.js\n Based on "idea.css" and "darcula.css" themes of hljs distributive\n*/\n\n.highlightContainer {\n &:global(.hljs) {\n display: block;\n overflow-x: auto;\n\n color: var(--ring-code-color);\n }\n\n & :global(.hljs-subst),\n & :global(.hljs-title) {\n color: var(--ring-code-color);\n\n font-weight: normal;\n }\n\n & :global(.hljs-comment),\n & :global(.hljs-quote) {\n color: var(--ring-code-comment-color);\n\n font-style: italic;\n }\n\n & :global(.hljs-meta) {\n color: var(--ring-code-meta-color);\n }\n\n & :global(.hljs-tag) {\n background: var(--ring-code-tag-background-color);\n box-shadow: 0 1px var(--ring-code-tag-background-color), 0 -1px var(--ring-code-tag-background-color);\n }\n\n & :global(.hljs-section),\n & :global(.hljs-literal),\n & :global(.hljs-keyword),\n & :global(.hljs-type) {\n color: var(--ring-code-keyword-color);\n\n font-weight: var(--ring-font-weight-bold);\n }\n\n & :global(.hljs-name),\n & :global(.hljs-selector-pseudo),\n & :global(.hljs-selector-id),\n & :global(.hljs-selector-class) {\n color: var(--ring-code-tag-color);\n\n font-weight: var(--ring-code-tag-font-weight);\n }\n\n & :global(.hljs-selector-tag) {\n color: var(--ring-code-keyword-color);\n\n font-weight: var(--ring-code-tag-font-weight);\n }\n\n & :global(.hljs-attr) {\n color: var(--ring-code-field-color);\n\n font-weight: var(--ring-font-weight-bold);\n }\n\n & :global(.hljs-tag) > :global(.hljs-attr),\n & :global(.hljs-attribute) {\n color: var(--ring-code-attribute-color);\n\n font-weight: var(--ring-code-tag-font-weight);\n }\n\n & :global(.hljs-number),\n & :global(.hljs-regexp),\n & :global(.hljs-link) {\n color: var(--ring-code-number-color);\n\n font-weight: normal;\n }\n\n & :global(.hljs-string) {\n color: var(--ring-code-string-color);\n\n font-weight: var(--ring-font-weight-bold);\n }\n\n & :global(.hljs-doctag) {\n text-decoration: underline;\n }\n\n & :global(.hljs-variable),\n & :global(.hljs-template-variable) {\n color: var(--ring-code-field-color);\n }\n\n & :global(.hljs-addition) {\n background: var(--ring-code-addition-color);\n }\n\n & :global(.hljs-deletion) {\n background: var(--ring-code-deletion-color);\n }\n\n & :global(.hljs-emphasis) {\n font-style: italic;\n }\n\n & :global(.hljs-strong) {\n font-weight: var(--ring-font-weight-bold);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={highlightContainer:"highlightContainer_f8e9"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/content-layout/content-layout.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/global.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,".contentLayout_e784 {\n position: relative;\n\n display: flex;\n flex-flow: row nowrap;\n}\n\n.contentLayoutContent_dc1d {\n align-self: flex-start;\n flex-grow: 2;\n\n width: 100%; /* without this hack IE11 render contentLayoutContent wider than its container */\n margin: 0 calc(var(--ring-unit)*4);\n}\n\n.sidebarContainer_d555 {\n min-width: calc(var(--ring-unit)*30);\n max-width: calc(var(--ring-unit)*30);\n}\n\n.sidebarContainerRight_a97e {\n order: 1;\n}\n\n.sidebar_ec39 {\n overflow: auto;\n\n box-sizing: border-box;\n min-width: calc(var(--ring-unit)*30);\n max-width: calc(var(--ring-unit)*30);\n height: 100%;\n padding-right: calc(var(--ring-unit)*2);\n padding-left: calc(var(--ring-unit)*4);\n}\n\n.sidebarRight_d5aa {\n padding-right: calc(var(--ring-unit)*4);\n padding-left: calc(var(--ring-unit)*2);\n}\n\n.sidebarFixedTop_d1b8 {\n top: 0;\n bottom: 0;\n}\n\n.sidebarFixedTop_d1b8.sidebarFixedTop_d1b8 {\n position: fixed;\n }\n\n.sidebarFixedBottom_a1e3.sidebarFixedBottom_a1e3 {\n position: absolute;\n top: auto;\n bottom: 0;\n}\n\n.bottomMarker_f7c7 {\n position: absolute;\n bottom: 0;\n}\n\n@media (max-width: 639px), (min-width: 640px) and (max-width: 959px) {\n .contentLayoutResponsive_cd67 .contentLayoutContent_dc1d {\n margin: 0 16px;\n }\n\n .contentLayoutResponsive_cd67 .sidebar_ec39 {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n\n box-sizing: content-box;\n padding: 0 16px;\n }\n\n .contentLayoutResponsive_cd67 .sidebarFixedTop_d1b8 {\n position: fixed;\n }\n\n .contentLayoutResponsive_cd67 .sidebarFixedBottom_a1e3 {\n top: auto;\n }\n\n .contentLayoutResponsive_cd67 .sidebarRight_d5aa {\n right: 0;\n left: auto;\n }\n\n .contentLayoutResponsive_cd67 .sidebarContainer_d555 {\n min-width: 0;\n max-width: 0;\n }\n }\n\n@media (max-width: 639px) {\n .contentLayoutResponsive_cd67 .sidebar_ec39 {\n width: 80%;\n min-width: 0;\n max-width: none;\n }\n }\n","",{version:3,sources:["webpack://./src/content-layout/content-layout.css"],names:[],mappings:"AAKA;EACE,kBAAkB;;EAElB,aAAa;EACb,qBAAqB;AACvB;;AAEA;EACE,sBAAsB;EACtB,YAAY;;EAEZ,WAAW,EAAE,gFAAgF;EAC7F,kCAAoC;AACtC;;AAEA;EACE,oCAAuB;EACvB,oCAAuB;AACzB;;AAEA;EACE,QAAQ;AACV;;AAEA;EACE,cAAc;;EAEd,sBAAsB;EACtB,oCAAuB;EACvB,oCAAuB;EACvB,YAAY;EACZ,uCAAyC;EACzC,sCAAwC;AAC1C;;AAEA;EACE,uCAAyC;EACzC,sCAAwC;AAC1C;;AAEA;EACE,MAAM;EACN,SAAS;AAKX;;AAHE;IACE,eAAe;EACjB;;AAGF;EACE,kBAAkB;EAClB,SAAS;EACT,SAAS;AACX;;AAEA;EACE,kBAAkB;EAClB,SAAS;AACX;;AAGE;IACE;MACE,cAAc;IAChB;;IAEA;MACE,kBAAkB;MAClB,MAAM;MACN,SAAS;MACT,OAAO;;MAEP,uBAAuB;MACvB,eAAe;IACjB;;IAEA;MACE,eAAe;IACjB;;IAEA;MACE,SAAS;IACX;;IAEA;MACE,QAAQ;MACR,UAAU;IACZ;;IAEA;MACE,YAAY;MACZ,YAAY;IACd;EACF;;AAEA;IACE;MACE,UAAU;MACV,YAAY;MACZ,eAAe;IACjB;EACF",sourcesContent:['@import "../global/variables.css";\n\n@value extra-small-screen-media, small-screen-media from "../global/global.css";\n@value sidebarWidth: calc(var(--ring-unit) * 30);\n\n.contentLayout {\n position: relative;\n\n display: flex;\n flex-flow: row nowrap;\n}\n\n.contentLayoutContent {\n align-self: flex-start;\n flex-grow: 2;\n\n width: 100%; /* without this hack IE11 render contentLayoutContent wider than its container */\n margin: 0 calc(var(--ring-unit) * 4);\n}\n\n.sidebarContainer {\n min-width: sidebarWidth;\n max-width: sidebarWidth;\n}\n\n.sidebarContainerRight {\n order: 1;\n}\n\n.sidebar {\n overflow: auto;\n\n box-sizing: border-box;\n min-width: sidebarWidth;\n max-width: sidebarWidth;\n height: 100%;\n padding-right: calc(var(--ring-unit) * 2);\n padding-left: calc(var(--ring-unit) * 4);\n}\n\n.sidebarRight {\n padding-right: calc(var(--ring-unit) * 4);\n padding-left: calc(var(--ring-unit) * 2);\n}\n\n.sidebarFixedTop {\n top: 0;\n bottom: 0;\n\n &.sidebarFixedTop {\n position: fixed;\n }\n}\n\n.sidebarFixedBottom.sidebarFixedBottom {\n position: absolute;\n top: auto;\n bottom: 0;\n}\n\n.bottomMarker {\n position: absolute;\n bottom: 0;\n}\n\n.contentLayoutResponsive {\n @media extra-small-screen-media, small-screen-media {\n & .contentLayoutContent {\n margin: 0 16px;\n }\n\n & .sidebar {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n\n box-sizing: content-box;\n padding: 0 16px;\n }\n\n & .sidebarFixedTop {\n position: fixed;\n }\n\n & .sidebarFixedBottom {\n top: auto;\n }\n\n & .sidebarRight {\n right: 0;\n left: auto;\n }\n\n & .sidebarContainer {\n min-width: 0;\n max-width: 0;\n }\n }\n\n @media extra-small-screen-media {\n & .sidebar {\n width: 80%;\n min-width: 0;\n max-width: none;\n }\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"extra-small-screen-media":`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default.locals["extra-small-screen-media"]}`,"small-screen-media":`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default.locals["small-screen-media"]}`,sidebarWidth:"calc(var(--ring-unit)*30)",contentLayout:"contentLayout_e784",contentLayoutContent:"contentLayoutContent_dc1d",sidebarContainer:"sidebarContainer_d555",sidebarContainerRight:"sidebarContainerRight_a97e",sidebar:"sidebar_ec39",sidebarRight:"sidebarRight_d5aa",sidebarFixedTop:"sidebarFixedTop_d1b8",sidebarFixedBottom:"sidebarFixedBottom_a1e3",bottomMarker:"bottomMarker_f7c7",contentLayoutResponsive:"contentLayoutResponsive_cd67"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".help_cb69 {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n","",{version:3,sources:["webpack://./src/control-help/control-help.css"],names:[],mappings:"AAEA;EACE,kCAAkC;;EAElC,wCAAwC;EACxC,2CAA2C;AAC7C",sourcesContent:['@import "../global/variables.css";\n\n.help {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={help:"help_cb69"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/list/list.stories.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".hover_f46d.hover_f46d {\n background-color: var(--ring-removed-background-color);\n}\n","",{version:3,sources:["webpack://./src/list/list.stories.css"],names:[],mappings:"AAAA;EACE,sDAAsD;AACxD",sourcesContent:[".hover.hover {\n background-color: var(--ring-removed-background-color);\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={hover:"hover_f46d"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/loader/loader.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,"@keyframes rotation-keyframes_d87b {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.canvas_b4b4 {\n display: block;\n\n margin: calc(var(--ring-unit)*2) auto;\n\n pointer-events: none;\n}\n\n.animate_f7ea {\n animation: rotation-keyframes_d87b 36s linear infinite;\n}\n\n.text_fd63 {\n text-align: center;\n\n font-family: var(--ring-font-family);\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n","",{version:3,sources:["webpack://./src/loader/loader.css"],names:[],mappings:"AAEA;EACE;IACE,yBAAyB;EAC3B;AACF;;AAEA;EACE,cAAc;;EAEd,qCAAuC;;EAEvC,oBAAoB;AACtB;;AAEA;EACE,sDAAiD;AACnD;;AAEA;EACE,kBAAkB;;EAElB,oCAAoC;EACpC,gCAAgC;EAChC,oCAAoC;AACtC",sourcesContent:['@import "../global/variables.css";\n\n@keyframes rotation-keyframes {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.canvas {\n display: block;\n\n margin: calc(var(--ring-unit) * 2) auto;\n\n pointer-events: none;\n}\n\n.animate {\n animation: rotation-keyframes 36s linear infinite;\n}\n\n.text {\n text-align: center;\n\n font-family: var(--ring-font-family);\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={canvas:"canvas_b4b4",animate:"animate_f7ea","rotation-keyframes":"rotation-keyframes_d87b",text:"text_fd63"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/tooltip/tooltip.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".tooltip_bbe9 {\n max-width: calc(var(--ring-unit)*50);\n padding: var(--ring-unit);\n\n text-align: left;\n\n color: var(--ring-text-color);\n}\n\n.long_c327 {\n padding: var(--ring-unit) calc(var(--ring-unit)*1.5);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n","",{version:3,sources:["webpack://./src/tooltip/tooltip.css"],names:[],mappings:"AAEA;EACE,oCAAsC;EACtC,yBAAyB;;EAEzB,gBAAgB;;EAEhB,6BAA6B;AAC/B;;AAEA;EACE,oDAAsD;;EAEtD,wCAAwC;EACxC,2CAA2C;AAC7C",sourcesContent:['@import "../global/variables.css";\n\n.tooltip {\n max-width: calc(var(--ring-unit) * 50);\n padding: var(--ring-unit);\n\n text-align: left;\n\n color: var(--ring-text-color);\n}\n\n.long {\n padding: var(--ring-unit) calc(var(--ring-unit) * 1.5);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={tooltip:"tooltip_bbe9",long:"long_c327"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/highlight.js/lib/languages lazy recursive ^\\.\\/.*$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./1c":["./node_modules/highlight.js/lib/languages/1c.js",990],"./1c.js":["./node_modules/highlight.js/lib/languages/1c.js",990],"./abnf":["./node_modules/highlight.js/lib/languages/abnf.js",3895],"./abnf.js":["./node_modules/highlight.js/lib/languages/abnf.js",3895],"./accesslog":["./node_modules/highlight.js/lib/languages/accesslog.js",5102],"./accesslog.js":["./node_modules/highlight.js/lib/languages/accesslog.js",5102],"./actionscript":["./node_modules/highlight.js/lib/languages/actionscript.js",7341],"./actionscript.js":["./node_modules/highlight.js/lib/languages/actionscript.js",7341],"./ada":["./node_modules/highlight.js/lib/languages/ada.js",250],"./ada.js":["./node_modules/highlight.js/lib/languages/ada.js",250],"./angelscript":["./node_modules/highlight.js/lib/languages/angelscript.js",3020],"./angelscript.js":["./node_modules/highlight.js/lib/languages/angelscript.js",3020],"./apache":["./node_modules/highlight.js/lib/languages/apache.js",3268],"./apache.js":["./node_modules/highlight.js/lib/languages/apache.js",3268],"./applescript":["./node_modules/highlight.js/lib/languages/applescript.js",515],"./applescript.js":["./node_modules/highlight.js/lib/languages/applescript.js",515],"./arcade":["./node_modules/highlight.js/lib/languages/arcade.js",1258],"./arcade.js":["./node_modules/highlight.js/lib/languages/arcade.js",1258],"./arduino":["./node_modules/highlight.js/lib/languages/arduino.js",2906],"./arduino.js":["./node_modules/highlight.js/lib/languages/arduino.js",2906],"./armasm":["./node_modules/highlight.js/lib/languages/armasm.js",1173],"./armasm.js":["./node_modules/highlight.js/lib/languages/armasm.js",1173],"./asciidoc":["./node_modules/highlight.js/lib/languages/asciidoc.js",6631],"./asciidoc.js":["./node_modules/highlight.js/lib/languages/asciidoc.js",6631],"./aspectj":["./node_modules/highlight.js/lib/languages/aspectj.js",2284],"./aspectj.js":["./node_modules/highlight.js/lib/languages/aspectj.js",2284],"./autohotkey":["./node_modules/highlight.js/lib/languages/autohotkey.js",7861],"./autohotkey.js":["./node_modules/highlight.js/lib/languages/autohotkey.js",7861],"./autoit":["./node_modules/highlight.js/lib/languages/autoit.js",8172],"./autoit.js":["./node_modules/highlight.js/lib/languages/autoit.js",8172],"./avrasm":["./node_modules/highlight.js/lib/languages/avrasm.js",4508],"./avrasm.js":["./node_modules/highlight.js/lib/languages/avrasm.js",4508],"./awk":["./node_modules/highlight.js/lib/languages/awk.js",1517],"./awk.js":["./node_modules/highlight.js/lib/languages/awk.js",1517],"./axapta":["./node_modules/highlight.js/lib/languages/axapta.js",1367],"./axapta.js":["./node_modules/highlight.js/lib/languages/axapta.js",1367],"./bash":["./node_modules/highlight.js/lib/languages/bash.js",4396],"./bash.js":["./node_modules/highlight.js/lib/languages/bash.js",4396],"./basic":["./node_modules/highlight.js/lib/languages/basic.js",7156],"./basic.js":["./node_modules/highlight.js/lib/languages/basic.js",7156],"./bnf":["./node_modules/highlight.js/lib/languages/bnf.js",9320],"./bnf.js":["./node_modules/highlight.js/lib/languages/bnf.js",9320],"./brainfuck":["./node_modules/highlight.js/lib/languages/brainfuck.js",6595],"./brainfuck.js":["./node_modules/highlight.js/lib/languages/brainfuck.js",6595],"./c":["./node_modules/highlight.js/lib/languages/c.js",5317],"./c-like":["./node_modules/highlight.js/lib/languages/c-like.js",9135],"./c-like.js":["./node_modules/highlight.js/lib/languages/c-like.js",9135],"./c.js":["./node_modules/highlight.js/lib/languages/c.js",5317],"./cal":["./node_modules/highlight.js/lib/languages/cal.js",510],"./cal.js":["./node_modules/highlight.js/lib/languages/cal.js",510],"./capnproto":["./node_modules/highlight.js/lib/languages/capnproto.js",9130],"./capnproto.js":["./node_modules/highlight.js/lib/languages/capnproto.js",9130],"./ceylon":["./node_modules/highlight.js/lib/languages/ceylon.js",9338],"./ceylon.js":["./node_modules/highlight.js/lib/languages/ceylon.js",9338],"./clean":["./node_modules/highlight.js/lib/languages/clean.js",5153],"./clean.js":["./node_modules/highlight.js/lib/languages/clean.js",5153],"./clojure":["./node_modules/highlight.js/lib/languages/clojure.js",450],"./clojure-repl":["./node_modules/highlight.js/lib/languages/clojure-repl.js",8784],"./clojure-repl.js":["./node_modules/highlight.js/lib/languages/clojure-repl.js",8784],"./clojure.js":["./node_modules/highlight.js/lib/languages/clojure.js",450],"./cmake":["./node_modules/highlight.js/lib/languages/cmake.js",8767],"./cmake.js":["./node_modules/highlight.js/lib/languages/cmake.js",8767],"./coffeescript":["./node_modules/highlight.js/lib/languages/coffeescript.js",9643],"./coffeescript.js":["./node_modules/highlight.js/lib/languages/coffeescript.js",9643],"./coq":["./node_modules/highlight.js/lib/languages/coq.js",833],"./coq.js":["./node_modules/highlight.js/lib/languages/coq.js",833],"./cos":["./node_modules/highlight.js/lib/languages/cos.js",2643],"./cos.js":["./node_modules/highlight.js/lib/languages/cos.js",2643],"./cpp":["./node_modules/highlight.js/lib/languages/cpp.js",9261],"./cpp.js":["./node_modules/highlight.js/lib/languages/cpp.js",9261],"./crmsh":["./node_modules/highlight.js/lib/languages/crmsh.js",1647],"./crmsh.js":["./node_modules/highlight.js/lib/languages/crmsh.js",1647],"./crystal":["./node_modules/highlight.js/lib/languages/crystal.js",4864],"./crystal.js":["./node_modules/highlight.js/lib/languages/crystal.js",4864],"./csharp":["./node_modules/highlight.js/lib/languages/csharp.js",9495],"./csharp.js":["./node_modules/highlight.js/lib/languages/csharp.js",9495],"./csp":["./node_modules/highlight.js/lib/languages/csp.js",4684],"./csp.js":["./node_modules/highlight.js/lib/languages/csp.js",4684],"./css":["./node_modules/highlight.js/lib/languages/css.js",4695],"./css.js":["./node_modules/highlight.js/lib/languages/css.js",4695],"./d":["./node_modules/highlight.js/lib/languages/d.js",9114],"./d.js":["./node_modules/highlight.js/lib/languages/d.js",9114],"./dart":["./node_modules/highlight.js/lib/languages/dart.js",3697],"./dart.js":["./node_modules/highlight.js/lib/languages/dart.js",3697],"./delphi":["./node_modules/highlight.js/lib/languages/delphi.js",6622],"./delphi.js":["./node_modules/highlight.js/lib/languages/delphi.js",6622],"./diff":["./node_modules/highlight.js/lib/languages/diff.js",1863],"./diff.js":["./node_modules/highlight.js/lib/languages/diff.js",1863],"./django":["./node_modules/highlight.js/lib/languages/django.js",8835],"./django.js":["./node_modules/highlight.js/lib/languages/django.js",8835],"./dns":["./node_modules/highlight.js/lib/languages/dns.js",5483],"./dns.js":["./node_modules/highlight.js/lib/languages/dns.js",5483],"./dockerfile":["./node_modules/highlight.js/lib/languages/dockerfile.js",1940],"./dockerfile.js":["./node_modules/highlight.js/lib/languages/dockerfile.js",1940],"./dos":["./node_modules/highlight.js/lib/languages/dos.js",6768],"./dos.js":["./node_modules/highlight.js/lib/languages/dos.js",6768],"./dsconfig":["./node_modules/highlight.js/lib/languages/dsconfig.js",2479],"./dsconfig.js":["./node_modules/highlight.js/lib/languages/dsconfig.js",2479],"./dts":["./node_modules/highlight.js/lib/languages/dts.js",6293],"./dts.js":["./node_modules/highlight.js/lib/languages/dts.js",6293],"./dust":["./node_modules/highlight.js/lib/languages/dust.js",9602],"./dust.js":["./node_modules/highlight.js/lib/languages/dust.js",9602],"./ebnf":["./node_modules/highlight.js/lib/languages/ebnf.js",3291],"./ebnf.js":["./node_modules/highlight.js/lib/languages/ebnf.js",3291],"./elixir":["./node_modules/highlight.js/lib/languages/elixir.js",1175],"./elixir.js":["./node_modules/highlight.js/lib/languages/elixir.js",1175],"./elm":["./node_modules/highlight.js/lib/languages/elm.js",826],"./elm.js":["./node_modules/highlight.js/lib/languages/elm.js",826],"./erb":["./node_modules/highlight.js/lib/languages/erb.js",4915],"./erb.js":["./node_modules/highlight.js/lib/languages/erb.js",4915],"./erlang":["./node_modules/highlight.js/lib/languages/erlang.js",8323],"./erlang-repl":["./node_modules/highlight.js/lib/languages/erlang-repl.js",5531],"./erlang-repl.js":["./node_modules/highlight.js/lib/languages/erlang-repl.js",5531],"./erlang.js":["./node_modules/highlight.js/lib/languages/erlang.js",8323],"./excel":["./node_modules/highlight.js/lib/languages/excel.js",6659],"./excel.js":["./node_modules/highlight.js/lib/languages/excel.js",6659],"./fix":["./node_modules/highlight.js/lib/languages/fix.js",8515],"./fix.js":["./node_modules/highlight.js/lib/languages/fix.js",8515],"./flix":["./node_modules/highlight.js/lib/languages/flix.js",2495],"./flix.js":["./node_modules/highlight.js/lib/languages/flix.js",2495],"./fortran":["./node_modules/highlight.js/lib/languages/fortran.js",5480],"./fortran.js":["./node_modules/highlight.js/lib/languages/fortran.js",5480],"./fsharp":["./node_modules/highlight.js/lib/languages/fsharp.js",4436],"./fsharp.js":["./node_modules/highlight.js/lib/languages/fsharp.js",4436],"./gams":["./node_modules/highlight.js/lib/languages/gams.js",2730],"./gams.js":["./node_modules/highlight.js/lib/languages/gams.js",2730],"./gauss":["./node_modules/highlight.js/lib/languages/gauss.js",3277],"./gauss.js":["./node_modules/highlight.js/lib/languages/gauss.js",3277],"./gcode":["./node_modules/highlight.js/lib/languages/gcode.js",3686],"./gcode.js":["./node_modules/highlight.js/lib/languages/gcode.js",3686],"./gherkin":["./node_modules/highlight.js/lib/languages/gherkin.js",5272],"./gherkin.js":["./node_modules/highlight.js/lib/languages/gherkin.js",5272],"./glsl":["./node_modules/highlight.js/lib/languages/glsl.js",8222],"./glsl.js":["./node_modules/highlight.js/lib/languages/glsl.js",8222],"./gml":["./node_modules/highlight.js/lib/languages/gml.js",7486],"./gml.js":["./node_modules/highlight.js/lib/languages/gml.js",7486],"./go":["./node_modules/highlight.js/lib/languages/go.js",276],"./go.js":["./node_modules/highlight.js/lib/languages/go.js",276],"./golo":["./node_modules/highlight.js/lib/languages/golo.js",4215],"./golo.js":["./node_modules/highlight.js/lib/languages/golo.js",4215],"./gradle":["./node_modules/highlight.js/lib/languages/gradle.js",3019],"./gradle.js":["./node_modules/highlight.js/lib/languages/gradle.js",3019],"./groovy":["./node_modules/highlight.js/lib/languages/groovy.js",8116],"./groovy.js":["./node_modules/highlight.js/lib/languages/groovy.js",8116],"./haml":["./node_modules/highlight.js/lib/languages/haml.js",5856],"./haml.js":["./node_modules/highlight.js/lib/languages/haml.js",5856],"./handlebars":["./node_modules/highlight.js/lib/languages/handlebars.js",6894],"./handlebars.js":["./node_modules/highlight.js/lib/languages/handlebars.js",6894],"./haskell":["./node_modules/highlight.js/lib/languages/haskell.js",6906],"./haskell.js":["./node_modules/highlight.js/lib/languages/haskell.js",6906],"./haxe":["./node_modules/highlight.js/lib/languages/haxe.js",2102],"./haxe.js":["./node_modules/highlight.js/lib/languages/haxe.js",2102],"./hsp":["./node_modules/highlight.js/lib/languages/hsp.js",6763],"./hsp.js":["./node_modules/highlight.js/lib/languages/hsp.js",6763],"./htmlbars":["./node_modules/highlight.js/lib/languages/htmlbars.js",6775],"./htmlbars.js":["./node_modules/highlight.js/lib/languages/htmlbars.js",6775],"./http":["./node_modules/highlight.js/lib/languages/http.js",7458],"./http.js":["./node_modules/highlight.js/lib/languages/http.js",7458],"./hy":["./node_modules/highlight.js/lib/languages/hy.js",4403],"./hy.js":["./node_modules/highlight.js/lib/languages/hy.js",4403],"./inform7":["./node_modules/highlight.js/lib/languages/inform7.js",5468],"./inform7.js":["./node_modules/highlight.js/lib/languages/inform7.js",5468],"./ini":["./node_modules/highlight.js/lib/languages/ini.js",1192],"./ini.js":["./node_modules/highlight.js/lib/languages/ini.js",1192],"./irpf90":["./node_modules/highlight.js/lib/languages/irpf90.js",1382],"./irpf90.js":["./node_modules/highlight.js/lib/languages/irpf90.js",1382],"./isbl":["./node_modules/highlight.js/lib/languages/isbl.js",6588],"./isbl.js":["./node_modules/highlight.js/lib/languages/isbl.js",6588],"./java":["./node_modules/highlight.js/lib/languages/java.js",2370],"./java.js":["./node_modules/highlight.js/lib/languages/java.js",2370],"./javascript":["./node_modules/highlight.js/lib/languages/javascript.js",6095],"./javascript.js":["./node_modules/highlight.js/lib/languages/javascript.js",6095],"./jboss-cli":["./node_modules/highlight.js/lib/languages/jboss-cli.js",462],"./jboss-cli.js":["./node_modules/highlight.js/lib/languages/jboss-cli.js",462],"./json":["./node_modules/highlight.js/lib/languages/json.js",3400],"./json.js":["./node_modules/highlight.js/lib/languages/json.js",3400],"./julia":["./node_modules/highlight.js/lib/languages/julia.js",5517],"./julia-repl":["./node_modules/highlight.js/lib/languages/julia-repl.js",293],"./julia-repl.js":["./node_modules/highlight.js/lib/languages/julia-repl.js",293],"./julia.js":["./node_modules/highlight.js/lib/languages/julia.js",5517],"./kotlin":["./node_modules/highlight.js/lib/languages/kotlin.js",3885],"./kotlin.js":["./node_modules/highlight.js/lib/languages/kotlin.js",3885],"./lasso":["./node_modules/highlight.js/lib/languages/lasso.js",2588],"./lasso.js":["./node_modules/highlight.js/lib/languages/lasso.js",2588],"./latex":["./node_modules/highlight.js/lib/languages/latex.js",5178],"./latex.js":["./node_modules/highlight.js/lib/languages/latex.js",5178],"./ldif":["./node_modules/highlight.js/lib/languages/ldif.js",1251],"./ldif.js":["./node_modules/highlight.js/lib/languages/ldif.js",1251],"./leaf":["./node_modules/highlight.js/lib/languages/leaf.js",5678],"./leaf.js":["./node_modules/highlight.js/lib/languages/leaf.js",5678],"./less":["./node_modules/highlight.js/lib/languages/less.js",1685],"./less.js":["./node_modules/highlight.js/lib/languages/less.js",1685],"./lisp":["./node_modules/highlight.js/lib/languages/lisp.js",7290],"./lisp.js":["./node_modules/highlight.js/lib/languages/lisp.js",7290],"./livecodeserver":["./node_modules/highlight.js/lib/languages/livecodeserver.js",714],"./livecodeserver.js":["./node_modules/highlight.js/lib/languages/livecodeserver.js",714],"./livescript":["./node_modules/highlight.js/lib/languages/livescript.js",9861],"./livescript.js":["./node_modules/highlight.js/lib/languages/livescript.js",9861],"./llvm":["./node_modules/highlight.js/lib/languages/llvm.js",7549],"./llvm.js":["./node_modules/highlight.js/lib/languages/llvm.js",7549],"./lsl":["./node_modules/highlight.js/lib/languages/lsl.js",8603],"./lsl.js":["./node_modules/highlight.js/lib/languages/lsl.js",8603],"./lua":["./node_modules/highlight.js/lib/languages/lua.js",5128],"./lua.js":["./node_modules/highlight.js/lib/languages/lua.js",5128],"./makefile":["./node_modules/highlight.js/lib/languages/makefile.js",2774],"./makefile.js":["./node_modules/highlight.js/lib/languages/makefile.js",2774],"./markdown":["./node_modules/highlight.js/lib/languages/markdown.js",2417],"./markdown.js":["./node_modules/highlight.js/lib/languages/markdown.js",2417],"./mathematica":["./node_modules/highlight.js/lib/languages/mathematica.js",5682],"./mathematica.js":["./node_modules/highlight.js/lib/languages/mathematica.js",5682],"./matlab":["./node_modules/highlight.js/lib/languages/matlab.js",9617],"./matlab.js":["./node_modules/highlight.js/lib/languages/matlab.js",9617],"./maxima":["./node_modules/highlight.js/lib/languages/maxima.js",3883],"./maxima.js":["./node_modules/highlight.js/lib/languages/maxima.js",3883],"./mel":["./node_modules/highlight.js/lib/languages/mel.js",2888],"./mel.js":["./node_modules/highlight.js/lib/languages/mel.js",2888],"./mercury":["./node_modules/highlight.js/lib/languages/mercury.js",7009],"./mercury.js":["./node_modules/highlight.js/lib/languages/mercury.js",7009],"./mipsasm":["./node_modules/highlight.js/lib/languages/mipsasm.js",5372],"./mipsasm.js":["./node_modules/highlight.js/lib/languages/mipsasm.js",5372],"./mizar":["./node_modules/highlight.js/lib/languages/mizar.js",6423],"./mizar.js":["./node_modules/highlight.js/lib/languages/mizar.js",6423],"./mojolicious":["./node_modules/highlight.js/lib/languages/mojolicious.js",637],"./mojolicious.js":["./node_modules/highlight.js/lib/languages/mojolicious.js",637],"./monkey":["./node_modules/highlight.js/lib/languages/monkey.js",2601],"./monkey.js":["./node_modules/highlight.js/lib/languages/monkey.js",2601],"./moonscript":["./node_modules/highlight.js/lib/languages/moonscript.js",9332],"./moonscript.js":["./node_modules/highlight.js/lib/languages/moonscript.js",9332],"./n1ql":["./node_modules/highlight.js/lib/languages/n1ql.js",778],"./n1ql.js":["./node_modules/highlight.js/lib/languages/n1ql.js",778],"./nginx":["./node_modules/highlight.js/lib/languages/nginx.js",3926],"./nginx.js":["./node_modules/highlight.js/lib/languages/nginx.js",3926],"./nim":["./node_modules/highlight.js/lib/languages/nim.js",3750],"./nim.js":["./node_modules/highlight.js/lib/languages/nim.js",3750],"./nix":["./node_modules/highlight.js/lib/languages/nix.js",6107],"./nix.js":["./node_modules/highlight.js/lib/languages/nix.js",6107],"./node-repl":["./node_modules/highlight.js/lib/languages/node-repl.js",908],"./node-repl.js":["./node_modules/highlight.js/lib/languages/node-repl.js",908],"./nsis":["./node_modules/highlight.js/lib/languages/nsis.js",9531],"./nsis.js":["./node_modules/highlight.js/lib/languages/nsis.js",9531],"./objectivec":["./node_modules/highlight.js/lib/languages/objectivec.js",9266],"./objectivec.js":["./node_modules/highlight.js/lib/languages/objectivec.js",9266],"./ocaml":["./node_modules/highlight.js/lib/languages/ocaml.js",2809],"./ocaml.js":["./node_modules/highlight.js/lib/languages/ocaml.js",2809],"./openscad":["./node_modules/highlight.js/lib/languages/openscad.js",5403],"./openscad.js":["./node_modules/highlight.js/lib/languages/openscad.js",5403],"./oxygene":["./node_modules/highlight.js/lib/languages/oxygene.js",7391],"./oxygene.js":["./node_modules/highlight.js/lib/languages/oxygene.js",7391],"./parser3":["./node_modules/highlight.js/lib/languages/parser3.js",5834],"./parser3.js":["./node_modules/highlight.js/lib/languages/parser3.js",5834],"./perl":["./node_modules/highlight.js/lib/languages/perl.js",1993],"./perl.js":["./node_modules/highlight.js/lib/languages/perl.js",1993],"./pf":["./node_modules/highlight.js/lib/languages/pf.js",3948],"./pf.js":["./node_modules/highlight.js/lib/languages/pf.js",3948],"./pgsql":["./node_modules/highlight.js/lib/languages/pgsql.js",7539],"./pgsql.js":["./node_modules/highlight.js/lib/languages/pgsql.js",7539],"./php":["./node_modules/highlight.js/lib/languages/php.js",3734],"./php-template":["./node_modules/highlight.js/lib/languages/php-template.js",2793],"./php-template.js":["./node_modules/highlight.js/lib/languages/php-template.js",2793],"./php.js":["./node_modules/highlight.js/lib/languages/php.js",3734],"./plaintext":["./node_modules/highlight.js/lib/languages/plaintext.js",5411],"./plaintext.js":["./node_modules/highlight.js/lib/languages/plaintext.js",5411],"./pony":["./node_modules/highlight.js/lib/languages/pony.js",4138],"./pony.js":["./node_modules/highlight.js/lib/languages/pony.js",4138],"./powershell":["./node_modules/highlight.js/lib/languages/powershell.js",7833],"./powershell.js":["./node_modules/highlight.js/lib/languages/powershell.js",7833],"./processing":["./node_modules/highlight.js/lib/languages/processing.js",127],"./processing.js":["./node_modules/highlight.js/lib/languages/processing.js",127],"./profile":["./node_modules/highlight.js/lib/languages/profile.js",6905],"./profile.js":["./node_modules/highlight.js/lib/languages/profile.js",6905],"./prolog":["./node_modules/highlight.js/lib/languages/prolog.js",5779],"./prolog.js":["./node_modules/highlight.js/lib/languages/prolog.js",5779],"./properties":["./node_modules/highlight.js/lib/languages/properties.js",3777],"./properties.js":["./node_modules/highlight.js/lib/languages/properties.js",3777],"./protobuf":["./node_modules/highlight.js/lib/languages/protobuf.js",827],"./protobuf.js":["./node_modules/highlight.js/lib/languages/protobuf.js",827],"./puppet":["./node_modules/highlight.js/lib/languages/puppet.js",5156],"./puppet.js":["./node_modules/highlight.js/lib/languages/puppet.js",5156],"./purebasic":["./node_modules/highlight.js/lib/languages/purebasic.js",8106],"./purebasic.js":["./node_modules/highlight.js/lib/languages/purebasic.js",8106],"./python":["./node_modules/highlight.js/lib/languages/python.js",4200],"./python-repl":["./node_modules/highlight.js/lib/languages/python-repl.js",4382],"./python-repl.js":["./node_modules/highlight.js/lib/languages/python-repl.js",4382],"./python.js":["./node_modules/highlight.js/lib/languages/python.js",4200],"./q":["./node_modules/highlight.js/lib/languages/q.js",1079],"./q.js":["./node_modules/highlight.js/lib/languages/q.js",1079],"./qml":["./node_modules/highlight.js/lib/languages/qml.js",4588],"./qml.js":["./node_modules/highlight.js/lib/languages/qml.js",4588],"./r":["./node_modules/highlight.js/lib/languages/r.js",1068],"./r.js":["./node_modules/highlight.js/lib/languages/r.js",1068],"./reasonml":["./node_modules/highlight.js/lib/languages/reasonml.js",529],"./reasonml.js":["./node_modules/highlight.js/lib/languages/reasonml.js",529],"./rib":["./node_modules/highlight.js/lib/languages/rib.js",8301],"./rib.js":["./node_modules/highlight.js/lib/languages/rib.js",8301],"./roboconf":["./node_modules/highlight.js/lib/languages/roboconf.js",2680],"./roboconf.js":["./node_modules/highlight.js/lib/languages/roboconf.js",2680],"./routeros":["./node_modules/highlight.js/lib/languages/routeros.js",7803],"./routeros.js":["./node_modules/highlight.js/lib/languages/routeros.js",7803],"./rsl":["./node_modules/highlight.js/lib/languages/rsl.js",9665],"./rsl.js":["./node_modules/highlight.js/lib/languages/rsl.js",9665],"./ruby":["./node_modules/highlight.js/lib/languages/ruby.js",4026],"./ruby.js":["./node_modules/highlight.js/lib/languages/ruby.js",4026],"./ruleslanguage":["./node_modules/highlight.js/lib/languages/ruleslanguage.js",1909],"./ruleslanguage.js":["./node_modules/highlight.js/lib/languages/ruleslanguage.js",1909],"./rust":["./node_modules/highlight.js/lib/languages/rust.js",6836],"./rust.js":["./node_modules/highlight.js/lib/languages/rust.js",6836],"./sas":["./node_modules/highlight.js/lib/languages/sas.js",89],"./sas.js":["./node_modules/highlight.js/lib/languages/sas.js",89],"./scala":["./node_modules/highlight.js/lib/languages/scala.js",8800],"./scala.js":["./node_modules/highlight.js/lib/languages/scala.js",8800],"./scheme":["./node_modules/highlight.js/lib/languages/scheme.js",5823],"./scheme.js":["./node_modules/highlight.js/lib/languages/scheme.js",5823],"./scilab":["./node_modules/highlight.js/lib/languages/scilab.js",4778],"./scilab.js":["./node_modules/highlight.js/lib/languages/scilab.js",4778],"./scss":["./node_modules/highlight.js/lib/languages/scss.js",2094],"./scss.js":["./node_modules/highlight.js/lib/languages/scss.js",2094],"./shell":["./node_modules/highlight.js/lib/languages/shell.js",8144],"./shell.js":["./node_modules/highlight.js/lib/languages/shell.js",8144],"./smali":["./node_modules/highlight.js/lib/languages/smali.js",5930],"./smali.js":["./node_modules/highlight.js/lib/languages/smali.js",5930],"./smalltalk":["./node_modules/highlight.js/lib/languages/smalltalk.js",7381],"./smalltalk.js":["./node_modules/highlight.js/lib/languages/smalltalk.js",7381],"./sml":["./node_modules/highlight.js/lib/languages/sml.js",3986],"./sml.js":["./node_modules/highlight.js/lib/languages/sml.js",3986],"./sqf":["./node_modules/highlight.js/lib/languages/sqf.js",3284],"./sqf.js":["./node_modules/highlight.js/lib/languages/sqf.js",3284],"./sql":["./node_modules/highlight.js/lib/languages/sql.js",8510],"./sql.js":["./node_modules/highlight.js/lib/languages/sql.js",8510],"./sql_more":["./node_modules/highlight.js/lib/languages/sql_more.js",4974],"./sql_more.js":["./node_modules/highlight.js/lib/languages/sql_more.js",4974],"./stan":["./node_modules/highlight.js/lib/languages/stan.js",358],"./stan.js":["./node_modules/highlight.js/lib/languages/stan.js",358],"./stata":["./node_modules/highlight.js/lib/languages/stata.js",6173],"./stata.js":["./node_modules/highlight.js/lib/languages/stata.js",6173],"./step21":["./node_modules/highlight.js/lib/languages/step21.js",8755],"./step21.js":["./node_modules/highlight.js/lib/languages/step21.js",8755],"./stylus":["./node_modules/highlight.js/lib/languages/stylus.js",3632],"./stylus.js":["./node_modules/highlight.js/lib/languages/stylus.js",3632],"./subunit":["./node_modules/highlight.js/lib/languages/subunit.js",2358],"./subunit.js":["./node_modules/highlight.js/lib/languages/subunit.js",2358],"./swift":["./node_modules/highlight.js/lib/languages/swift.js",4139],"./swift.js":["./node_modules/highlight.js/lib/languages/swift.js",4139],"./taggerscript":["./node_modules/highlight.js/lib/languages/taggerscript.js",7457],"./taggerscript.js":["./node_modules/highlight.js/lib/languages/taggerscript.js",7457],"./tap":["./node_modules/highlight.js/lib/languages/tap.js",5381],"./tap.js":["./node_modules/highlight.js/lib/languages/tap.js",5381],"./tcl":["./node_modules/highlight.js/lib/languages/tcl.js",1443],"./tcl.js":["./node_modules/highlight.js/lib/languages/tcl.js",1443],"./thrift":["./node_modules/highlight.js/lib/languages/thrift.js",8235],"./thrift.js":["./node_modules/highlight.js/lib/languages/thrift.js",8235],"./tp":["./node_modules/highlight.js/lib/languages/tp.js",9918],"./tp.js":["./node_modules/highlight.js/lib/languages/tp.js",9918],"./twig":["./node_modules/highlight.js/lib/languages/twig.js",7881],"./twig.js":["./node_modules/highlight.js/lib/languages/twig.js",7881],"./typescript":["./node_modules/highlight.js/lib/languages/typescript.js",7879],"./typescript.js":["./node_modules/highlight.js/lib/languages/typescript.js",7879],"./vala":["./node_modules/highlight.js/lib/languages/vala.js",2068],"./vala.js":["./node_modules/highlight.js/lib/languages/vala.js",2068],"./vbnet":["./node_modules/highlight.js/lib/languages/vbnet.js",7635],"./vbnet.js":["./node_modules/highlight.js/lib/languages/vbnet.js",7635],"./vbscript":["./node_modules/highlight.js/lib/languages/vbscript.js",8839],"./vbscript-html":["./node_modules/highlight.js/lib/languages/vbscript-html.js",6655],"./vbscript-html.js":["./node_modules/highlight.js/lib/languages/vbscript-html.js",6655],"./vbscript.js":["./node_modules/highlight.js/lib/languages/vbscript.js",8839],"./verilog":["./node_modules/highlight.js/lib/languages/verilog.js",3560],"./verilog.js":["./node_modules/highlight.js/lib/languages/verilog.js",3560],"./vhdl":["./node_modules/highlight.js/lib/languages/vhdl.js",960],"./vhdl.js":["./node_modules/highlight.js/lib/languages/vhdl.js",960],"./vim":["./node_modules/highlight.js/lib/languages/vim.js",9230],"./vim.js":["./node_modules/highlight.js/lib/languages/vim.js",9230],"./x86asm":["./node_modules/highlight.js/lib/languages/x86asm.js",8653],"./x86asm.js":["./node_modules/highlight.js/lib/languages/x86asm.js",8653],"./xl":["./node_modules/highlight.js/lib/languages/xl.js",3950],"./xl.js":["./node_modules/highlight.js/lib/languages/xl.js",3950],"./xml":["./node_modules/highlight.js/lib/languages/xml.js",1001],"./xml.js":["./node_modules/highlight.js/lib/languages/xml.js",1001],"./xquery":["./node_modules/highlight.js/lib/languages/xquery.js",6506],"./xquery.js":["./node_modules/highlight.js/lib/languages/xquery.js",6506],"./yaml":["./node_modules/highlight.js/lib/languages/yaml.js",1703],"./yaml.js":["./node_modules/highlight.js/lib/languages/yaml.js",1703],"./zephir":["./node_modules/highlight.js/lib/languages/zephir.js",6900],"./zephir.js":["./node_modules/highlight.js/lib/languages/zephir.js",6900]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return __webpack_require__.e(ids[1]).then((()=>__webpack_require__.t(id,23)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./node_modules/highlight.js/lib/languages lazy recursive ^\\.\\/.*$",module.exports=webpackAsyncContext},"./src/code/code.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/code/code.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/code/highlight.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/code/highlight.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/content-layout/content-layout.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/content-layout/content-layout.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/control-help/control-help.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/list/list.stories.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/list/list.stories.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/loader/loader.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/loader/loader.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/tooltip/tooltip.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/tooltip/tooltip.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}}}]); \ No newline at end of file diff --git a/master/list-list-stories.912d4f04.iframe.bundle.js b/master/list-list-stories.912d4f04.iframe.bundle.js deleted file mode 100644 index 40621378b40..00000000000 --- a/master/list-list-stories.912d4f04.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[7508],{"./node_modules/@jetbrains/icons/checkmark.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/exception.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/group.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/warning.js":module=>{module.exports=''},"./src/list/list.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{WithUsers:()=>WithUsers,basic:()=>basic,default:()=>__WEBPACK_DEFAULT_EXPORT__,list2:()=>list2,longList:()=>longList,withAHintBelow:()=>withAHintBelow,withCustomItems:()=>withCustomItems,withCustomTooltip:()=>withCustomTooltip,withDeprecatedItemTypeParameter:()=>withDeprecatedItemTypeParameter,withItemIcons:()=>withItemIcons});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_jetbrains_icons_warning__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@jetbrains/icons/warning.js"),_jetbrains_icons_warning__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_jetbrains_icons_warning__WEBPACK_IMPORTED_MODULE_1__),_storybook_hub_config__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./.storybook/hub-config.ts"),_loader_loader__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/loader/loader.tsx"),_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/tooltip/tooltip.tsx"),_auth_auth__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/auth/auth.ts"),_code_code__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/code/code.tsx"),_content_layout_content_layout__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/content-layout/content-layout.tsx"),_content_layout_content_layout__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/content-layout/sidebar.tsx"),_list__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/list/list.tsx"),_list_users_groups_source__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/list/list__users-groups-source.ts"),_list_stories_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/list/list.stories.css"),_list_stories_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_list_stories_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const FLAG_EN_URL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAMAAACKYC6uAAAAB3RJTUUH3AIcDR8UFn+EAwAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAHgUExURf///9LAwLxiY51KVk1Pew0uch0pcImTtOBwdeVzeKasyEZQjDZHfWh3mK2xtq2Dg5NKT3OEqbi9xsWMjLBGS35YcCY8enWCptZkaOFtcaKpx1xsoa24ys++vrlyc5ZcZVJVdFRsoVFnlpqtv8i4ubpiZJ1jcamsvcRTWtFbYtPZ5+Tv9+/Q0Mp9gZqAkU1kjCtDc+vT2NW7wsClrMSnqsGgo8KSlMylpbM5Qr5FTfDOzvnb3O7JzOPCxcazuLafpbCYnddxeNZqcsBOVagsNZ0XIZsRG5wRHKUbJbErNcA8Rs5PWNRdZdFdZcNSWrFDSqg8Q6dFTN12fdFja7lGTqYnMZwTHZoOGJ4THagfKbUvOcRFTtBUXdRcZc5bY8BPV69BSJeCh8CrsOzY3ubFx86ipcmpqsWhoZ8iK6MjLNKnqdyoqurKzfXb3ObM09rAx82zuA4jTkRafrWhseadoefDwsHL05+ot6cuNqcoMKKjtKhwftmDhvTj49Hi8XWLuE5mnCkuSnJASa1sbsjS4lFglW13mbE6P64rMGNtkCA3do9thtNxdvK6u+ns846fxGwrL3pSUpCSlnF/nGp7rldgmoiQrrhHS68vM2hvkAUTXBAwdGRrlcR6huyWmPzp6TUvvy8AAAABdFJOUwBA5thmAAAAtUlEQVR42gGqAFX/AJCRkpOUlZaXmJmam5ydnp8AgYKDfYSFhoeIiYqLjI2OjwBxcnN0dXZ3eHl6e3x9fn+AAGFiY2RlZmdoaWprbG1ub3AAUVJTVFVWV1hZWltcXV5fYABBQkNERUZHSElKS0xNTk9QADEyMzQ1Njc4OTo7PD0+P0AAISIjJCUmJygpKissLS4vMAAREhMUFRYXGBkaGxwdHh8gAAECAwQFBgcICQoLDA0ODxAO4zIu3IgQpAAAAABJRU5ErkJggg==",__WEBPACK_DEFAULT_EXPORT__={title:"Components/List",component:_list__WEBPACK_IMPORTED_MODULE_4__.A,parameters:{screenshots:{captureSelector:"*[data-test~=ring-list]"}}},basic=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});basic.storyName="basic",basic.args={activeIndex:2,shortcuts:!0,renderOptimization:!1,data:[{label:"One",key:1,href:"http://example.com",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.LINK},{label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("b",{children:"foo"}),key:2,rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Active as default",key:3,rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Four",key:4,rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Five",key:5,rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM}]};const withAHintBelow=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});withAHintBelow.storyName="with a hint below",withAHintBelow.args={shortcuts:!0,activeIndex:2,hint:"Hint about the list",renderOptimization:!1,data:[{label:"One",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Two",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Active as default",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Four",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Five (disabled)",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,disabled:!0}]};const longList=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});longList.storyName="long list",longList.parameters={screenshots:{skip:!0}},longList.args={maxHeight:400,compact:!0,shortcuts:!0,data:Array(1e3).fill(void 0).map(((_,i)=>({label:`Item ${i}`,rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM})))};const list2=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});list2.storyName="list #2",list2.args={shortcuts:!0,renderOptimization:!1,data:[{rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.SEPARATOR,description:"First separator"},{label:"Item 1",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.SEPARATOR,description:"Second sep"},{label:"Item 2",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.TITLE,label:"Group title",description:"With description"},{label:"Item 3",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,description:"Foo bar",hoverClassName:_list_stories_css__WEBPACK_IMPORTED_MODULE_2___default().hover},{rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.SEPARATOR},{label:"Item 4",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,description:"Item description"},{label:"Item 5",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,description:"Item description",details:"Additional details line"},{label:"Item 6",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,description:"Item description",details:"Additional details line, a long long text. And once again, additional details line, a long long text. And once again, additional details line, a long long text. And once again, additional details line, a long long text. And once again, additional details line, a long long text."}]};const withItemIcons=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});withItemIcons.storyName="with item icons",withItemIcons.args={shortcuts:!0,renderOptimization:!1,data:[{label:"Some item",description:"Long long long long long long long long long long long long long long long description",key:"1",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,glyph:_jetbrains_icons_warning__WEBPACK_IMPORTED_MODULE_1___default(),rightGlyph:_jetbrains_icons_warning__WEBPACK_IMPORTED_MODULE_1___default()},{label:"Some item with a long long label, much longer than description",key:"2",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,description:"Test item",icon:FLAG_EN_URL},{label:"Some item with a long long label",key:"3",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM,description:"Long long long long long long long long long long long long long long long description",checkbox:!0},{label:"Some item",key:"4",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.LINK,description:"Test item",icon:FLAG_EN_URL},{label:"Some item",key:"5",href:"http://localhost:9999",description:"Test item",icon:FLAG_EN_URL}]};const withDeprecatedItemTypeParameter=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});withDeprecatedItemTypeParameter.storyName="with deprecated item.type parameter",withDeprecatedItemTypeParameter.parameters={screenshots:{skip:!0}},withDeprecatedItemTypeParameter.args={shortcuts:!0,data:[{label:"One",type:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Two",type:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Three",type:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Four",type:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM},{label:"Five",type:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.ITEM}]};const withCustomItems=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});withCustomItems.storyName="with custom items",withCustomItems.args={shortcuts:!0,renderOptimization:!1,data:[{key:"1",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.CUSTOM,template:(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span",{},"custom item")},{key:"2",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.CUSTOM,template:(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span",{},"custom item (disabled)"),disabled:!0},{key:"3",rgItemType:_list__WEBPACK_IMPORTED_MODULE_4__.A.ListProps.Type.CUSTOM,template:(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span",{},"custom item 3")}]};const WithUsers=()=>{const[listData,setListData]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),[selected,setSelected]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const auth=new _auth_auth__WEBPACK_IMPORTED_MODULE_5__.Ay(_storybook_hub_config__WEBPACK_IMPORTED_MODULE_6__.A),source=new _list_users_groups_source__WEBPACK_IMPORTED_MODULE_7__.A(auth);!async function loadUsers(){await auth.init();const data=await source.getForList("ring",_list_users_groups_source__WEBPACK_IMPORTED_MODULE_7__.A.Filter.USERS);setListData(data)}()}),[]),listData?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_content_layout_content_layout__WEBPACK_IMPORTED_MODULE_8__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_content_layout_content_layout__WEBPACK_IMPORTED_MODULE_9__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{className:"list",data:listData,shortcuts:!0,onSelect:setSelected})}),selected&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_code_code__WEBPACK_IMPORTED_MODULE_10__.Ay,{className:"selected",language:"json",code:JSON.stringify(selected,null,2)})]}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_loader_loader__WEBPACK_IMPORTED_MODULE_11__.A,{})};WithUsers.storyName="with users",WithUsers.parameters={screenshots:{skip:!0}},WithUsers.tags=["skip-test"];const withCustomTooltip=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_list__WEBPACK_IMPORTED_MODULE_4__.A,{...args});withCustomTooltip.storyName="with custom tooltip",withCustomTooltip.args={shortcuts:!0,renderOptimization:!1,data:[{label:"Custom Tooltip",key:1,title:"",labelWrapper:children=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_12__.A,{title:"Custom Tooltip",children})}]},basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:"args => ",...basic.parameters?.docs?.source}}},withAHintBelow.parameters={...withAHintBelow.parameters,docs:{...withAHintBelow.parameters?.docs,source:{originalSource:"args => ",...withAHintBelow.parameters?.docs?.source}}},longList.parameters={...longList.parameters,docs:{...longList.parameters?.docs,source:{originalSource:"args => ",...longList.parameters?.docs?.source}}},list2.parameters={...list2.parameters,docs:{...list2.parameters?.docs,source:{originalSource:"args => ",...list2.parameters?.docs?.source}}},withItemIcons.parameters={...withItemIcons.parameters,docs:{...withItemIcons.parameters?.docs,source:{originalSource:"args => ",...withItemIcons.parameters?.docs?.source}}},withDeprecatedItemTypeParameter.parameters={...withDeprecatedItemTypeParameter.parameters,docs:{...withDeprecatedItemTypeParameter.parameters?.docs,source:{originalSource:"args => ",...withDeprecatedItemTypeParameter.parameters?.docs?.source}}},withCustomItems.parameters={...withCustomItems.parameters,docs:{...withCustomItems.parameters?.docs,source:{originalSource:"args => ",...withCustomItems.parameters?.docs?.source}}},WithUsers.parameters={...WithUsers.parameters,docs:{...WithUsers.parameters?.docs,source:{originalSource:'() => {\n const [listData, setListData] = useState(null);\n const [selected, setSelected] = useState(null);\n useEffect(() => {\n const auth = new Auth(hubConfig);\n const source = new Source(auth);\n async function loadUsers() {\n await auth.init();\n const data = await source.getForList(\'ring\', Source.Filter.USERS);\n setListData(data);\n }\n loadUsers();\n }, []);\n return listData ? \n \n \n \n {selected && }\n : ;\n}',...WithUsers.parameters?.docs?.source}}},withCustomTooltip.parameters={...withCustomTooltip.parameters,docs:{...withCustomTooltip.parameters?.docs,source:{originalSource:"args => ",...withCustomTooltip.parameters?.docs?.source}}}},"./src/code/code.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{aY:()=>code,Ay:()=>Code});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),core=__webpack_require__("./node_modules/highlight.js/lib/core.js"),core_default=__webpack_require__.n(core);function normalizeIndent(string){const nonemptyRE=/\S/,indentRE=/^\s*/,lines=string.split(/\n/g),linesCopy=[...lines];for(const line of linesCopy){if(nonemptyRE.test(line))break;lines.shift()}for(const line of linesCopy.reverse()){if(nonemptyRE.test(line))break;lines.pop()}const indents=lines.filter((line=>nonemptyRE.test(line))).map((line=>{var _line$match$0$length;return null!==(_line$match$0$length=line.match(indentRE)?.[0].length)&&void 0!==_line$match$0$length?_line$match$0$length:0})),minIndent=Math.min(...indents);return lines.map((line=>line.slice(minIndent))).join("\n")}var memoize=__webpack_require__("./src/global/memoize.ts"),code_code=__webpack_require__("./src/code/code.css"),code_default=__webpack_require__.n(code_code),highlight=__webpack_require__("./src/code/highlight.css"),highlight_default=__webpack_require__.n(highlight),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function noop(){}const registerLanguage=(0,memoize.A)((async language=>{const languageExports=await __webpack_require__("./node_modules/highlight.js/lib/languages lazy recursive ^\\.\\/.*$")(`./${language}`);core_default().registerLanguage(language,languageExports.default)}));class Code extends react.PureComponent{static propTypes={className:prop_types_default().string,code:prop_types_default().string.isRequired,inline:prop_types_default().bool,softWrap:prop_types_default().bool,language:prop_types_default().string,replacer:prop_types_default().func,codeRef:prop_types_default().oneOfType([prop_types_default().shape({current:prop_types_default().instanceOf(Element)}),prop_types_default().func])};static defaultProps={inline:!1,softWrap:!1,replacer:noop};componentDidMount(){this.highlight()}componentDidUpdate(){this.highlight()}code;async highlight(){const codeRef=this.codeRef;if(null==codeRef)return;const{language,inline,replacer}=this.props;inline||(null!=language&&null==core_default().getLanguage(language)&&await registerLanguage(language),core_default().highlightElement(codeRef)),replacer(codeRef)}get codeRef(){const{codeRef}=this.props;return codeRef&&"function"!=typeof codeRef?codeRef.current:this.code}get initCodeRef(){const{codeRef}=this.props,isFunctionCodeRef="function"==typeof codeRef;return codeRef&&!isFunctionCodeRef?codeRef:ref=>{this.code=ref,isFunctionCodeRef&&codeRef(this.code)}}render(){const{code,className,inline,softWrap,language}=this.props,Tag=inline?"span":"pre",classes=classnames_default()(code_default().code,className,language,{[code_default().inline]:inline,[code_default().softWrap]:softWrap});return(0,jsx_runtime.jsx)(Tag,{className:classes,"data-test":"ring-code",children:(0,jsx_runtime.jsx)("code",{tabIndex:inline?-1:0,ref:this.initCodeRef,className:highlight_default().highlightContainer,children:normalizeIndent(code)})})}}const code=function trivialTemplateTag(f){return(strings,...interpolations)=>{const chunks=[...strings];return interpolations.forEach(((value,i)=>chunks.splice(2*i+1,0,value))),f(chunks.join(""))}}((source=>(0,jsx_runtime.jsx)(Code,{code:source})));Code.__docgenInfo={description:"@name Code",methods:[{name:"highlight",docblock:null,modifiers:["async"],params:[],returns:null},{name:"codeRef",docblock:null,modifiers:["get"],params:[],returns:null},{name:"initCodeRef",docblock:null,modifiers:["get"],params:[],returns:null}],displayName:"Code",props:{code:{required:!0,tsType:{name:"string"},description:"",type:{name:"string"}},inline:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},softWrap:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},replacer:{required:!1,tsType:{name:"unknown"},description:"",defaultValue:{value:"function noop() {}",computed:!1},type:{name:"func"}},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},language:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},codeRef:{required:!1,tsType:{name:"union",raw:"Ref | null | undefined",elements:[{name:"Ref",elements:[{name:"HTMLElement"}],raw:"Ref"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"union",value:[{name:"shape",value:{current:{name:"instanceOf",value:"Element",required:!1}}},{name:"func"}]}}}},code.__docgenInfo={description:"",methods:[],displayName:"code"}},"./src/content-layout/content-layout.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ContentLayout});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_sidebar__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/content-layout/sidebar.tsx"),_content_layout_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/content-layout/content-layout.css"),_content_layout_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_content_layout_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class ContentLayout extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,contentClassName:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,responsive:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool};static defaultProps={responsive:!0};state={contentNode:null};saveContentNode=contentNode=>{this.setState({contentNode})};render(){const{children,className,contentClassName,responsive,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_content_layout_css__WEBPACK_IMPORTED_MODULE_2___default().contentLayout,className,{[_content_layout_css__WEBPACK_IMPORTED_MODULE_2___default().contentLayoutResponsive]:responsive}),contentClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_content_layout_css__WEBPACK_IMPORTED_MODULE_2___default().contentLayoutContent,contentClassName),childrenArray=react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children),sidebarChild=childrenArray.filter((child=>null!=child&&"object"==typeof child&&"type"in child&&child.type===_sidebar__WEBPACK_IMPORTED_MODULE_5__.A))[0],sidebar=sidebarChild&&(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(sidebarChild,{contentNode:this.state.contentNode}),contentChildren=childrenArray.filter((child=>child!==sidebarChild));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{"data-test":"content-layout",...restProps,className:classes,children:[sidebar,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("main",{className:contentClasses,ref:this.saveContentNode,children:contentChildren})]})}}ContentLayout.__docgenInfo={description:"@name Content Layout",methods:[{name:"saveContentNode",docblock:null,modifiers:[],params:[{name:"contentNode",optional:!1,type:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]}}],returns:null}],displayName:"ContentLayout",props:{responsive:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1},type:{name:"bool"}},contentClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}},composes:["HTMLAttributes"]}},"./src/content-layout/sidebar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Sidebar});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),react_waypoint__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-waypoint/es/index.js"),_content_layout_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/content-layout/content-layout.css"),_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_content_layout_css__WEBPACK_IMPORTED_MODULE_3__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Sidebar extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={right:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,containerClassName:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,fixedClassName:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,contentNode:prop_types__WEBPACK_IMPORTED_MODULE_5___default().object};state={topIsOutside:!0,bottomIsOutside:!0,sidebarVisibleHeight:void 0};sidebarNode;handleTopWaypoint=({currentPosition})=>{this.setState({topIsOutside:"above"===currentPosition})};handleBottomWaypoint=({currentPosition,waypointTop})=>{this.setState({sidebarVisibleHeight:waypointTop,bottomIsOutside:"inside"!==currentPosition})};shouldUseFixation(){const{contentNode}=this.props,{sidebarNode}=this;return!(!contentNode||!sidebarNode)&&contentNode.offsetHeight>=sidebarNode.offsetHeight}shouldFixateBottom(){const{topIsOutside,bottomIsOutside}=this.state;return!bottomIsOutside&&topIsOutside&&this.shouldUseFixation()}sidebarRef=node=>{this.sidebarNode=node};render(){const{right,children,className,containerClassName,fixedClassName,contentNode,...restProps}=this.props,{topIsOutside,bottomIsOutside,sidebarVisibleHeight}=this.state,shouldFixateTop=bottomIsOutside&&topIsOutside&&this.shouldUseFixation(),shouldFixateBottom=this.shouldFixateBottom(),containerClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().sidebarContainer,containerClassName,{[_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().sidebarContainerRight]:right}),classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().sidebar,className,{[_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().sidebarRight]:right,[_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().sidebarFixedTop]:shouldFixateTop,[_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().sidebarFixedBottom]:shouldFixateBottom,[null!=fixedClassName?fixedClassName:""]:shouldFixateTop||shouldFixateBottom}),style={maxHeight:shouldFixateBottom&&sidebarVisibleHeight?`${sidebarVisibleHeight}px`:void 0};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("aside",{className:containerClasses,ref:this.sidebarRef,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_waypoint__WEBPACK_IMPORTED_MODULE_2__.Y,{onEnter:this.handleTopWaypoint,onLeave:this.handleTopWaypoint}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div",{...restProps,style,className:classes,children}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div",{className:_content_layout_css__WEBPACK_IMPORTED_MODULE_3___default().bottomMarker,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_waypoint__WEBPACK_IMPORTED_MODULE_2__.Y,{onEnter:this.handleBottomWaypoint,onLeave:this.handleBottomWaypoint})})]})}}Sidebar.__docgenInfo={description:"",methods:[{name:"handleTopWaypoint",docblock:null,modifiers:[],params:[{name:"{currentPosition}: Waypoint.CallbackArgs",optional:!1,type:{name:"Waypoint.CallbackArgs",alias:"Waypoint.CallbackArgs"}}],returns:null},{name:"handleBottomWaypoint",docblock:null,modifiers:[],params:[{name:"{currentPosition, waypointTop}: Waypoint.CallbackArgs",optional:!1,type:{name:"Waypoint.CallbackArgs",alias:"Waypoint.CallbackArgs"}}],returns:null},{name:"shouldUseFixation",docblock:null,modifiers:[],params:[],returns:null},{name:"shouldFixateBottom",docblock:null,modifiers:[],params:[],returns:null},{name:"sidebarRef",docblock:null,modifiers:[],params:[{name:"node",optional:!1,type:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]}}],returns:null}],displayName:"Sidebar",props:{right:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},containerClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},fixedClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},contentNode:{required:!1,tsType:{name:"union",raw:"HTMLElement | null | undefined",elements:[{name:"HTMLElement"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"object"}},children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}},composes:["HTMLAttributes"]}},"./src/i18n/i18n.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$:()=>getTranslations,xO:()=>getTranslationsWithFallback,Lw:()=>setTranslations,Tl:()=>translate});const messages_namespaceObject=JSON.parse('{"login":"Log in","logout":"Log out","loginTo":"Log in to {{serviceName}}","ok":"OK","cancel":"Cancel","tryAgainLabel":"Try again","postpone":"Postpone","youHaveLoggedInAs":"You have logged in as another user: {{userName}}","applyChange":"Apply change","backendIsNotAvailable":"Connection lost","checkAgain":"try again","nothingHappensLink":"Click here if nothing happens","errorMessage":"There may be a problem with your network connection. Make sure that you are online and","applyChangedUser":"Apply changed user","profile":"Profile","switchUser":"Switch user","addFirstDate":"Add first date","addSecondDate":"Add second date","addTime":"Add time","selectName":"Select {{name}}","setDate":"Set a date","setDateTime":"Set date and time","setPeriod":"Set a period","clear":"Clear input","gotIt":"Got it","dismiss":"Dismiss","perPage":"per page","firstPage":"First page","lastPage":"Last page","nextPage":"Next page","previousPage":"Previous","searchTitle":"Search","clearTitle":"Clear search input","userAgreement":"User Agreement","accept":"Accept","decline":"Decline","close":"Close","scrollToAccept":"View the entire agreement to continue","remindLater":"Remind me later","filterItems":"Filter items","selectOption":"Select an option","progress":"Progress","loading":"Loading...","noOptionsFound":"No options found","banned":"banned","online":"online","offline":"offline","copyToClipboard":"Copy email to clipboard","copiedToClipboard":"Email was copied to clipboard","copingToClipboardError":"Failed to copy to clipboard","unverified":"Unverified"}');let messages=messages_namespaceObject;const warned=new Set;function setTranslations(newMessages){messages=newMessages}function getTranslations(){return messages}function getTranslationsWithFallback(){return{...messages_namespaceObject,...messages}}function translate(key){var _messages$key;return key in messages||function warnMissedKeyOnce(key){warned.has(key)||(warned.add(key),console.warn(`Missing localisation for key "${key}"`))}(key),null!==(_messages$key=messages[key])&&void 0!==_messages$key?_messages$key:messages_namespaceObject[key]}},"./src/list/list__users-groups-source.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ListUsersGroupsSource});var icons_group=__webpack_require__("./node_modules/@jetbrains/icons/group.js"),group_default=__webpack_require__.n(icons_group);const defaultOptions={searchMax:20,searchSideThreshold:100,queryFormatter:query=>`${query} or ${query}*`};class HubSource{static TOP_ALL=-1;http;relativeUrl;options;storedData;isClientSideSearch;filterFn;constructor(auth,relativeUrl,options){this.http=auth.http,this.relativeUrl=relativeUrl,this.options=Object.assign({},defaultOptions,options),this.storedData=null,this.isClientSideSearch=null,this.filterFn=()=>!0}makeRequest(queryParams){return this.http.get(this.relativeUrl,{query:queryParams})}async makeCachedRequest(params){if(this.storedData)return this.storedData;const res=await this.makeRequest(params);return this.storedData=res,res}static mergeParams(params,toMerge){return Object.assign({},params,toMerge)}checkIsClientSideSearch(res){return res.total<=this.options.searchSideThreshold}getDefaultFilterFn(query){return query?it=>-1!==it.name.toLowerCase().indexOf(query.toLowerCase()):()=>!0}formatQuery(query){return query?this.options.queryFormatter(query):""}static validateInputParams(params){if(params.top)throw new Error('HubSource: params.top should not be filled, configure "options.searchMax" instead');if(params.query)throw new Error('HubSource: params.query should not be filled, configure "options.queryFormatter" instead')}processResults(res){const items=res[this.relativeUrl]||[];return this.isClientSideSearch?items.filter((it=>this.filterFn(it))).slice(0,this.options.searchMax):items}async sideDetectionRequest(params,query){const res=await this.makeCachedRequest(HubSource.mergeParams(params,{$top:this.options.searchSideThreshold}));return this.isClientSideSearch=this.checkIsClientSideSearch(res),this.isClientSideSearch?res:this.doServerSideSearch(params,query)}doClientSideSearch(params){return this.makeCachedRequest(HubSource.mergeParams(params,{$top:this.constructor.TOP_ALL}))}doServerSideSearch(params,query){return this.makeRequest(HubSource.mergeParams(params,{query:this.formatQuery(query),$top:this.options.searchMax}))}getValueFromSuitableSource(query,params){return null===this.isClientSideSearch?this.sideDetectionRequest(params,query):this.isClientSideSearch?this.doClientSideSearch(params):this.doServerSideSearch(params,query)}async get(query,params,filterFn){HubSource.validateInputParams(params),this.filterFn=filterFn||this.getDefaultFilterFn(query);const res=await this.getValueFromSuitableSource(query,params);return this.processResults(res)}}const hub_source_users_groups_defaultOptions={searchMax:20,searchSideThreshold:200};class HubSourceUsersGroups{auth;options;usersSource;groupsSource;constructor(auth,options){this.auth=auth,this.options=Object.assign({},hub_source_users_groups_defaultOptions,options),this.usersSource=new HubSource(auth,"users",{searchMax:this.options.searchMax,searchSideThreshold:this.options.searchSideThreshold,queryFormatter:query=>`nameStartsWith: ${HubSourceUsersGroups.wrapMultiwordQuery(query)} or loginStartsWith: ${HubSourceUsersGroups.wrapMultiwordQuery(query)}`}),this.groupsSource=new HubSource(auth,"usergroups",{searchMax:this.options.searchMax,searchSideThreshold:this.options.searchSideThreshold})}static wrapMultiwordQuery(query){return query&&-1!==query.indexOf(" ")?`{${query}}`:query}createUsersFilterFn(query){if(!query)return()=>!0;const normalizedQuery=query.toLowerCase();return it=>-1!==it.name.toLowerCase().indexOf(normalizedQuery)||-1!==it.login.toLowerCase().indexOf(normalizedQuery)}getUsers(query=""){return this.usersSource.get(query,{fields:"id,name,login,total,profile/avatar/url",orderBy:"name"},this.createUsersFilterFn(query))}getGroups(query=""){return this.groupsSource.get(query,{fields:"id,name,total,userCount,iconUrl",orderBy:"name"})}getUserAndGroups(query){return Promise.all([this.getUsers(query),this.getGroups(query)])}}var list=__webpack_require__("./src/list/list.tsx");const list_users_groups_source_defaultOptions={GroupsTitle:"Groups",NoGroupsTitle:"No groups",UsersTitle:"Users",NoUsersTitle:"No users",getPluralForUserCount:count=>`${count} member${count%10!=1||count%100==11?"s":""}`};var Filter=function(Filter){return Filter[Filter.ALL=0]="ALL",Filter[Filter.USERS=1]="USERS",Filter[Filter.GROUPS=2]="GROUPS",Filter}(Filter||{});class ListUsersGroupsSource extends HubSourceUsersGroups{static Filter=Filter;listSourceOptions;constructor(auth,options){super(auth,options),this.listSourceOptions=Object.assign({},list_users_groups_source_defaultOptions,options)}getGroupsSectionTitle(groups){return groups.length?this.listSourceOptions.GroupsTitle:this.listSourceOptions.NoGroupsTitle}getUsersSectionTitle(users){return users.length?this.listSourceOptions.UsersTitle:this.listSourceOptions.NoUsersTitle}async getForList(query,filter=Filter.ALL){const[users,groups]=await this.getUserAndGroups(query),items=[];return filter===Filter.ALL&&items.push({rgItemType:list.A.ListProps.Type.SEPARATOR,key:2,description:this.getUsersSectionTitle(users)}),filter!==Filter.GROUPS&&users.forEach((user=>items.push({...user,key:user.id,label:user.name,avatar:user.profile?user.profile.avatar?.url:null,description:user.login}))),filter===Filter.ALL&&items.push({rgItemType:list.A.ListProps.Type.SEPARATOR,key:1,description:this.getGroupsSectionTitle(groups)}),filter!==Filter.USERS&&groups.forEach((group=>items.push({...group,key:group.id,label:group.name,avatar:group.iconUrl,glyph:group.iconUrl?null:group_default(),description:this.listSourceOptions.getPluralForUserCount(group.userCount)}))),items}}},"./src/loader/loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Loader});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),data_tests=__webpack_require__("./src/global/data-tests.ts"),dom=__webpack_require__("./src/global/dom.ts"),loader=__webpack_require__("./src/loader/loader.css"),loader_default=__webpack_require__.n(loader);class Particle{radius;x;y;color;decay;life;constructor({x,y,radius,color}){this.radius=radius,this.x=x,this.y=y,this.color=color,this.decay=.01,this.life=1}step(){this.life-=this.decay}isAlive(){return this.life>=0}draw(ctx){const alpha=this.life>=0?this.life:0;ctx.fillStyle=`rgba(${this.color.r}, ${this.color.g}, ${this.color.b}, ${alpha})`,ctx.beginPath(),ctx.arc(this.x+this.radius,this.y+this.radius,this.radius,0,2*Math.PI),ctx.fill()}}function deterministic(){return.5}class LoaderCore{static defaultProps={size:64,stop:!1,deterministic:!1,colors:[{r:215,g:60,b:234},{r:145,g:53,b:224},{r:88,g:72,b:224},{r:37,g:183,b:255},{r:89,g:189,b:0},{r:251,g:172,b:2},{r:227,g:37,b:129}]};static calculateGradient(startColor,stopColor,position){const calculateChannelValue=(a,b)=>a+Math.round((b-a)*position);return{r:calculateChannelValue(startColor.r,stopColor.r),g:calculateChannelValue(startColor.g,stopColor.g),b:calculateChannelValue(startColor.b,stopColor.b)}}props;canvas;textNode;ctx;height;width;particles;baseSpeed;colorIndex;maxRadius;minRadius;colorChangeTick;x;y;radius;hSpeed;vSpeed;radiusSpeed;tick;isRunning;constructor(containerNode,props){this.props=Object.assign({},LoaderCore.defaultProps,props),this.canvas=document.createElement("canvas"),this.canvas.dataset.test="ring-loader",this.canvas.classList.add(loader_default().canvas),this.textNode=document.createElement("div"),this.textNode.dataset.test="ring-loader-text",this.textNode.classList.add(loader_default().text),this.textNode.textContent=this.props.message?this.props.message:"",containerNode.appendChild(this.canvas),containerNode.appendChild(this.textNode);const pixelRatio=LoaderCore.getPixelRatio(),canvasSize=this.props.size*pixelRatio;this.canvas.width=canvasSize,this.canvas.height=canvasSize,this.canvas.style.width=`${this.props.size}px`,this.canvas.style.height=`${this.props.size}px`,this.ctx=this.canvas.getContext("2d"),this.ctx?.scale(pixelRatio,pixelRatio),this.height=this.props.size,this.width=this.props.size,this.particles=[],this.baseSpeed=1,this.colorIndex=0,this.maxRadius=10,this.minRadius=6,this.colorChangeTick=40,this.x=0,this.y=0,this.radius=8,this.hSpeed=1.5,this.vSpeed=.5,this.radiusSpeed=.05,this.tick=0,this.prepareInitialState(100),this.isRunning=!this.props.stop,this.isRunning?this.startAnimation():this.draw()}static getPixelRatio(){return(0,dom.sJ)()}prepareInitialState(ticks){for(let i=0;i=limit?-(this.baseSpeed+randomizedSpeedChange):coord<=this.baseSpeed?this.baseSpeed+randomizedSpeedChange:speed}calculateNextCoordinates(){this.x+=this.hSpeed,this.y+=this.vSpeed,this.hSpeed=this.handleLimits(this.x,this.radius,this.hSpeed,this.width),this.vSpeed=this.handleLimits(this.y,this.radius,this.vSpeed,this.height)}calculateNextRadius(){this.radius+=this.radiusSpeed,(this.radius>this.maxRadius||this.radiusthis.colorChangeTick&&(this.tick=0,this.colorIndex++,this.colorIndex>this.props.colors.length-1&&(this.colorIndex=0))}step(){this.nextTick(),this.calculateNextCoordinates(),this.calculateNextRadius(),this.particles.forEach((particle=>particle.step())),this.particles.push(new Particle({x:this.x,y:this.y,radius:this.radius,color:this.getNextColor()}))}removeDeadParticles(){this.particles=this.particles.filter((it=>it.isAlive()))}draw(){const ctx=this.ctx;null!=ctx&&(ctx.clearRect(0,0,this.width,this.height),this.removeDeadParticles(),this.particles.forEach((particle=>particle.draw(ctx))))}loop(){this.step(),this.draw(),this.isRunning&&window.requestAnimationFrame((()=>this.loop()))}updateMessage(text){this.textNode.textContent=text||""}stopAnimation(){this.isRunning=!1,this.canvas.classList.remove(loader_default().animate)}startAnimation(){this.isRunning=!0,this.canvas.classList.add(loader_default().animate),this.loop()}destroy(){this.isRunning=!1}}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");class Loader extends react.PureComponent{static propTypes={className:prop_types_default().string,size:prop_types_default().number,colors:prop_types_default().array,message:prop_types_default().string,"data-test":prop_types_default().string,stop:prop_types_default().bool,deterministic:prop_types_default().bool};componentDidUpdate(prevProps){this.loader&&(!prevProps.stop&&this.props.stop?this.loader.stopAnimation():prevProps.stop&&!this.props.stop&&this.loader.startAnimation())}componentWillUnmount(){this.loader?.destroy()}loader;initLoader=el=>{el&&(this.loader=new LoaderCore(el,this.props))};render(){const{message,size,colors,"data-test":dataTest,stop,deterministic,...restProps}=this.props;return(0,jsx_runtime.jsx)("div",{"data-test":(0,data_tests.A)("ring-loader",dataTest),...restProps,ref:this.initLoader})}}Loader.__docgenInfo={description:"Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.",methods:[{name:"initLoader",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"Node | null",elements:[{name:"Node"},{name:"null"}]}}],returns:null}],displayName:"Loader",props:{"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},className:{description:"",type:{name:"string"},required:!1},size:{description:"",type:{name:"number"},required:!1},colors:{description:"",type:{name:"array"},required:!1},message:{description:"",type:{name:"string"},required:!1},stop:{description:"",type:{name:"bool"},required:!1},deterministic:{description:"",type:{name:"bool"},required:!1}},composes:["Partial","HTMLAttributes"]}},"./src/tooltip/tooltip.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Tooltip});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_popup_popup__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/popup/popup.tsx"),_global_dom__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/global/dom.ts"),_global_data_tests__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/global/data-tests.ts"),_global_schedule_raf__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/schedule-raf.ts"),_tooltip_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/tooltip/tooltip.css"),_tooltip_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_tooltip_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const scheduleScroll=(0,_global_schedule_raf__WEBPACK_IMPORTED_MODULE_4__.A)(),TooltipContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);class Tooltip extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={delay:prop_types__WEBPACK_IMPORTED_MODULE_5___default().number,selfOverflowOnly:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,popupProps:prop_types__WEBPACK_IMPORTED_MODULE_5___default().object,title:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string};static defaultProps={title:"",selfOverflowOnly:!1,popupProps:{}};state={showPopup:!1,showNestedPopup:!1};componentDidMount(){this.props.title&&this.addListeners()}componentDidUpdate(prevProps){!prevProps.title&&this.props.title?this.addListeners():prevProps.title&&!this.props.title&&this.listeners.removeAll()}componentWillUnmount(){clearTimeout(this.timeout),this.listeners.removeAll()}static PopupProps=_popup_popup__WEBPACK_IMPORTED_MODULE_6__.Ay.PopupProps;static contextType=TooltipContext;timeout;listeners=new _global_dom__WEBPACK_IMPORTED_MODULE_7__.qR;containerNode;containerRef=el=>{this.containerNode=el};tryToShowPopup=()=>{const{delay,title}=this.props;title&&(delay?this.timeout=window.setTimeout(this.showPopup,delay):this.showPopup())};showPopup=()=>{if(this.props.selfOverflowOnly){const{containerNode}=this;if(!containerNode)return;if(0===containerNode.clientWidth&&0===containerNode.clientHeight)return;if(containerNode.scrollWidth<=containerNode.clientWidth&&containerNode.scrollHeight<=containerNode.clientHeight)return}this.context?.onNestedTooltipShow(),this.setState({showPopup:!0})};hidePopup=()=>{clearTimeout(this.timeout),this.context?.onNestedTooltipHide(),this.setState({showPopup:!1})};addListeners(){null!=this.containerNode&&(this.listeners.add(this.containerNode,"mouseover",this.tryToShowPopup),this.listeners.add(this.containerNode,"mouseout",this.hidePopup)),this.listeners.add(document,"scroll",(()=>scheduleScroll(this.hidePopup)),{passive:!0})}popup;popupRef=el=>{this.popup=el};onNestedTooltipShow=()=>{this.setState({showNestedPopup:!0})};onNestedTooltipHide=()=>{this.setState({showNestedPopup:!1})};render(){const{children,"data-test":dataTest,title,delay,selfOverflowOnly,popupProps,long,...restProps}=this.props,ariaProps="string"==typeof title&&title?{"aria-label":title,role:"tooltip"}:{},{onNestedTooltipShow,onNestedTooltipHide}=this;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(TooltipContext.Provider,{value:{onNestedTooltipShow,onNestedTooltipHide},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span",{...ariaProps,...restProps,ref:this.containerRef,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_8__.A)("ring-tooltip",dataTest),"data-test-title":"string"==typeof title?title:void 0,children:[children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_popup_popup__WEBPACK_IMPORTED_MODULE_6__.Ay,{trapFocus:!1,hidden:!this.state.showPopup||this.state.showNestedPopup,onCloseAttempt:this.hidePopup,maxHeight:400,className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_tooltip_css__WEBPACK_IMPORTED_MODULE_2___default().tooltip,{[_tooltip_css__WEBPACK_IMPORTED_MODULE_2___default().long]:long}),attached:!1,top:4,dontCloseOnAnchorClick:!0,ref:this.popupRef,...popupProps,children:title})]})})}}Tooltip.__docgenInfo={description:"@name Tooltip",methods:[{name:"containerRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]}}],returns:null},{name:"tryToShowPopup",docblock:null,modifiers:[],params:[],returns:null},{name:"showPopup",docblock:null,modifiers:[],params:[],returns:null},{name:"hidePopup",docblock:null,modifiers:[],params:[],returns:null},{name:"addListeners",docblock:null,modifiers:[],params:[],returns:null},{name:"popupRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"Popup | null",elements:[{name:"Popup"},{name:"null"}]}}],returns:null},{name:"onNestedTooltipShow",docblock:null,modifiers:[],params:[],returns:null},{name:"onNestedTooltipHide",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Tooltip",props:{delay:{required:!1,tsType:{name:"union",raw:"number | null | undefined",elements:[{name:"number"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"number"}},selfOverflowOnly:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},popupProps:{required:!1,tsType:{name:"union",raw:"Partial | null | undefined",elements:[{name:"Partial",elements:[{name:"JSX.LibraryManagedAttributes",elements:[{name:"Popup"},{name:"PopupProps"}],raw:"JSX.LibraryManagedAttributes"}],raw:"Partial"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:"{}",computed:!1},type:{name:"object"}},title:{required:!1,tsType:{name:"union",raw:"ReactNode | null | undefined",elements:[{name:"ReactNode"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:"''",computed:!1},type:{name:"node"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},long:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},children:{description:"",type:{name:"node"},required:!1}},composes:["Omit"]}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/code/code.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".code_d3f0 {\n margin: calc(var(--ring-unit)*2) 0;\n}\n\n/* override hljs */\n.code_d3f0 code {\n display: block;\n\n padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);\n\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-sidebar-background-color);\n\n font-family: var(--ring-font-family-monospace);\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n\n.inline_bfc3 code {\n display: inline-block;\n\n padding: 0 calc(var(--ring-unit)/2);\n}\n\n.softWrap_b1aa code {\n white-space: pre-wrap;\n}\n","",{version:3,sources:["webpack://./src/code/code.css"],names:[],mappings:"AAEA;EACE,kCAAoC;AACtC;;AAEA,kBAAkB;AAClB;EACE,cAAc;;EAEd,qFAA2F;;EAE3F,wCAAwC;EACxC,sDAAsD;;EAEtD,8CAA8C;EAC9C,wCAAwC;EACxC,2CAA2C;AAC7C;;AAEA;EACE,qBAAqB;;EAErB,mCAAqC;AACvC;;AAEA;EACE,qBAAqB;AACvB",sourcesContent:['@import "../global/variables.css";\n\n.code {\n margin: calc(var(--ring-unit) * 2) 0;\n}\n\n/* override hljs */\n.code code {\n display: block;\n\n padding: calc(var(--ring-unit) * 1.5) calc(var(--ring-unit) * 2) calc(var(--ring-unit) * 2);\n\n border-radius: var(--ring-border-radius);\n background-color: var(--ring-sidebar-background-color);\n\n font-family: var(--ring-font-family-monospace);\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n\n.inline code {\n display: inline-block;\n\n padding: 0 calc(var(--ring-unit) / 2);\n}\n\n.softWrap code {\n white-space: pre-wrap;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={code:"code_d3f0",inline:"inline_bfc3",softWrap:"softWrap_b1aa"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/code/highlight.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'/*\n Custom theme for highlight.js\n Based on "idea.css" and "darcula.css" themes of hljs distributive\n*/\n\n.highlightContainer_f8e9.hljs {\n display: block;\n overflow-x: auto;\n\n color: var(--ring-code-color);\n }\n\n.highlightContainer_f8e9 .hljs-subst,\n .highlightContainer_f8e9 .hljs-title {\n color: var(--ring-code-color);\n\n font-weight: normal;\n }\n\n.highlightContainer_f8e9 .hljs-comment,\n .highlightContainer_f8e9 .hljs-quote {\n color: var(--ring-code-comment-color);\n\n font-style: italic;\n }\n\n.highlightContainer_f8e9 .hljs-meta {\n color: var(--ring-code-meta-color);\n }\n\n.highlightContainer_f8e9 .hljs-tag {\n background: var(--ring-code-tag-background-color);\n box-shadow: 0 1px var(--ring-code-tag-background-color), 0 -1px var(--ring-code-tag-background-color);\n }\n\n.highlightContainer_f8e9 .hljs-section,\n .highlightContainer_f8e9 .hljs-literal,\n .highlightContainer_f8e9 .hljs-keyword,\n .highlightContainer_f8e9 .hljs-type {\n color: var(--ring-code-keyword-color);\n\n font-weight: var(--ring-font-weight-bold);\n }\n\n.highlightContainer_f8e9 .hljs-name,\n .highlightContainer_f8e9 .hljs-selector-pseudo,\n .highlightContainer_f8e9 .hljs-selector-id,\n .highlightContainer_f8e9 .hljs-selector-class {\n color: var(--ring-code-tag-color);\n\n font-weight: var(--ring-code-tag-font-weight);\n }\n\n.highlightContainer_f8e9 .hljs-selector-tag {\n color: var(--ring-code-keyword-color);\n\n font-weight: var(--ring-code-tag-font-weight);\n }\n\n.highlightContainer_f8e9 .hljs-attr {\n color: var(--ring-code-field-color);\n\n font-weight: var(--ring-font-weight-bold);\n }\n\n.highlightContainer_f8e9 .hljs-tag > .hljs-attr,\n .highlightContainer_f8e9 .hljs-attribute {\n color: var(--ring-code-attribute-color);\n\n font-weight: var(--ring-code-tag-font-weight);\n }\n\n.highlightContainer_f8e9 .hljs-number,\n .highlightContainer_f8e9 .hljs-regexp,\n .highlightContainer_f8e9 .hljs-link {\n color: var(--ring-code-number-color);\n\n font-weight: normal;\n }\n\n.highlightContainer_f8e9 .hljs-string {\n color: var(--ring-code-string-color);\n\n font-weight: var(--ring-font-weight-bold);\n }\n\n.highlightContainer_f8e9 .hljs-doctag {\n text-decoration: underline;\n }\n\n.highlightContainer_f8e9 .hljs-variable,\n .highlightContainer_f8e9 .hljs-template-variable {\n color: var(--ring-code-field-color);\n }\n\n.highlightContainer_f8e9 .hljs-addition {\n background: var(--ring-code-addition-color);\n }\n\n.highlightContainer_f8e9 .hljs-deletion {\n background: var(--ring-code-deletion-color);\n }\n\n.highlightContainer_f8e9 .hljs-emphasis {\n font-style: italic;\n }\n\n.highlightContainer_f8e9 .hljs-strong {\n font-weight: var(--ring-font-weight-bold);\n }\n',"",{version:3,sources:["webpack://./src/code/highlight.css"],names:[],mappings:"AAAA;;;CAGC;;AAGC;IACE,cAAc;IACd,gBAAgB;;IAEhB,6BAA6B;EAC/B;;AAEA;;IAEE,6BAA6B;;IAE7B,mBAAmB;EACrB;;AAEA;;IAEE,qCAAqC;;IAErC,kBAAkB;EACpB;;AAEA;IACE,kCAAkC;EACpC;;AAEA;IACE,iDAAiD;IACjD,qGAAqG;EACvG;;AAEA;;;;IAIE,qCAAqC;;IAErC,yCAAyC;EAC3C;;AAEA;;;;IAIE,iCAAiC;;IAEjC,6CAA6C;EAC/C;;AAEA;IACE,qCAAqC;;IAErC,6CAA6C;EAC/C;;AAEA;IACE,mCAAmC;;IAEnC,yCAAyC;EAC3C;;AAEA;;IAEE,uCAAuC;;IAEvC,6CAA6C;EAC/C;;AAEA;;;IAGE,oCAAoC;;IAEpC,mBAAmB;EACrB;;AAEA;IACE,oCAAoC;;IAEpC,yCAAyC;EAC3C;;AAEA;IACE,0BAA0B;EAC5B;;AAEA;;IAEE,mCAAmC;EACrC;;AAEA;IACE,2CAA2C;EAC7C;;AAEA;IACE,2CAA2C;EAC7C;;AAEA;IACE,kBAAkB;EACpB;;AAEA;IACE,yCAAyC;EAC3C",sourcesContent:['/*\n Custom theme for highlight.js\n Based on "idea.css" and "darcula.css" themes of hljs distributive\n*/\n\n.highlightContainer {\n &:global(.hljs) {\n display: block;\n overflow-x: auto;\n\n color: var(--ring-code-color);\n }\n\n & :global(.hljs-subst),\n & :global(.hljs-title) {\n color: var(--ring-code-color);\n\n font-weight: normal;\n }\n\n & :global(.hljs-comment),\n & :global(.hljs-quote) {\n color: var(--ring-code-comment-color);\n\n font-style: italic;\n }\n\n & :global(.hljs-meta) {\n color: var(--ring-code-meta-color);\n }\n\n & :global(.hljs-tag) {\n background: var(--ring-code-tag-background-color);\n box-shadow: 0 1px var(--ring-code-tag-background-color), 0 -1px var(--ring-code-tag-background-color);\n }\n\n & :global(.hljs-section),\n & :global(.hljs-literal),\n & :global(.hljs-keyword),\n & :global(.hljs-type) {\n color: var(--ring-code-keyword-color);\n\n font-weight: var(--ring-font-weight-bold);\n }\n\n & :global(.hljs-name),\n & :global(.hljs-selector-pseudo),\n & :global(.hljs-selector-id),\n & :global(.hljs-selector-class) {\n color: var(--ring-code-tag-color);\n\n font-weight: var(--ring-code-tag-font-weight);\n }\n\n & :global(.hljs-selector-tag) {\n color: var(--ring-code-keyword-color);\n\n font-weight: var(--ring-code-tag-font-weight);\n }\n\n & :global(.hljs-attr) {\n color: var(--ring-code-field-color);\n\n font-weight: var(--ring-font-weight-bold);\n }\n\n & :global(.hljs-tag) > :global(.hljs-attr),\n & :global(.hljs-attribute) {\n color: var(--ring-code-attribute-color);\n\n font-weight: var(--ring-code-tag-font-weight);\n }\n\n & :global(.hljs-number),\n & :global(.hljs-regexp),\n & :global(.hljs-link) {\n color: var(--ring-code-number-color);\n\n font-weight: normal;\n }\n\n & :global(.hljs-string) {\n color: var(--ring-code-string-color);\n\n font-weight: var(--ring-font-weight-bold);\n }\n\n & :global(.hljs-doctag) {\n text-decoration: underline;\n }\n\n & :global(.hljs-variable),\n & :global(.hljs-template-variable) {\n color: var(--ring-code-field-color);\n }\n\n & :global(.hljs-addition) {\n background: var(--ring-code-addition-color);\n }\n\n & :global(.hljs-deletion) {\n background: var(--ring-code-deletion-color);\n }\n\n & :global(.hljs-emphasis) {\n font-style: italic;\n }\n\n & :global(.hljs-strong) {\n font-weight: var(--ring-font-weight-bold);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={highlightContainer:"highlightContainer_f8e9"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/content-layout/content-layout.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/global.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,".contentLayout_e784 {\n position: relative;\n\n display: flex;\n flex-flow: row nowrap;\n}\n\n.contentLayoutContent_dc1d {\n align-self: flex-start;\n flex-grow: 2;\n\n width: 100%; /* without this hack IE11 render contentLayoutContent wider than its container */\n margin: 0 calc(var(--ring-unit)*4);\n}\n\n.sidebarContainer_d555 {\n min-width: calc(var(--ring-unit)*30);\n max-width: calc(var(--ring-unit)*30);\n}\n\n.sidebarContainerRight_a97e {\n order: 1;\n}\n\n.sidebar_ec39 {\n overflow: auto;\n\n box-sizing: border-box;\n min-width: calc(var(--ring-unit)*30);\n max-width: calc(var(--ring-unit)*30);\n height: 100%;\n padding-right: calc(var(--ring-unit)*2);\n padding-left: calc(var(--ring-unit)*4);\n}\n\n.sidebarRight_d5aa {\n padding-right: calc(var(--ring-unit)*4);\n padding-left: calc(var(--ring-unit)*2);\n}\n\n.sidebarFixedTop_d1b8 {\n top: 0;\n bottom: 0;\n}\n\n.sidebarFixedTop_d1b8.sidebarFixedTop_d1b8 {\n position: fixed;\n }\n\n.sidebarFixedBottom_a1e3.sidebarFixedBottom_a1e3 {\n position: absolute;\n top: auto;\n bottom: 0;\n}\n\n.bottomMarker_f7c7 {\n position: absolute;\n bottom: 0;\n}\n\n@media (max-width: 639px), (min-width: 640px) and (max-width: 959px) {\n .contentLayoutResponsive_cd67 .contentLayoutContent_dc1d {\n margin: 0 16px;\n }\n\n .contentLayoutResponsive_cd67 .sidebar_ec39 {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n\n box-sizing: content-box;\n padding: 0 16px;\n }\n\n .contentLayoutResponsive_cd67 .sidebarFixedTop_d1b8 {\n position: fixed;\n }\n\n .contentLayoutResponsive_cd67 .sidebarFixedBottom_a1e3 {\n top: auto;\n }\n\n .contentLayoutResponsive_cd67 .sidebarRight_d5aa {\n right: 0;\n left: auto;\n }\n\n .contentLayoutResponsive_cd67 .sidebarContainer_d555 {\n min-width: 0;\n max-width: 0;\n }\n }\n\n@media (max-width: 639px) {\n .contentLayoutResponsive_cd67 .sidebar_ec39 {\n width: 80%;\n min-width: 0;\n max-width: none;\n }\n }\n","",{version:3,sources:["webpack://./src/content-layout/content-layout.css"],names:[],mappings:"AAKA;EACE,kBAAkB;;EAElB,aAAa;EACb,qBAAqB;AACvB;;AAEA;EACE,sBAAsB;EACtB,YAAY;;EAEZ,WAAW,EAAE,gFAAgF;EAC7F,kCAAoC;AACtC;;AAEA;EACE,oCAAuB;EACvB,oCAAuB;AACzB;;AAEA;EACE,QAAQ;AACV;;AAEA;EACE,cAAc;;EAEd,sBAAsB;EACtB,oCAAuB;EACvB,oCAAuB;EACvB,YAAY;EACZ,uCAAyC;EACzC,sCAAwC;AAC1C;;AAEA;EACE,uCAAyC;EACzC,sCAAwC;AAC1C;;AAEA;EACE,MAAM;EACN,SAAS;AAKX;;AAHE;IACE,eAAe;EACjB;;AAGF;EACE,kBAAkB;EAClB,SAAS;EACT,SAAS;AACX;;AAEA;EACE,kBAAkB;EAClB,SAAS;AACX;;AAGE;IACE;MACE,cAAc;IAChB;;IAEA;MACE,kBAAkB;MAClB,MAAM;MACN,SAAS;MACT,OAAO;;MAEP,uBAAuB;MACvB,eAAe;IACjB;;IAEA;MACE,eAAe;IACjB;;IAEA;MACE,SAAS;IACX;;IAEA;MACE,QAAQ;MACR,UAAU;IACZ;;IAEA;MACE,YAAY;MACZ,YAAY;IACd;EACF;;AAEA;IACE;MACE,UAAU;MACV,YAAY;MACZ,eAAe;IACjB;EACF",sourcesContent:['@import "../global/variables.css";\n\n@value extra-small-screen-media, small-screen-media from "../global/global.css";\n@value sidebarWidth: calc(var(--ring-unit) * 30);\n\n.contentLayout {\n position: relative;\n\n display: flex;\n flex-flow: row nowrap;\n}\n\n.contentLayoutContent {\n align-self: flex-start;\n flex-grow: 2;\n\n width: 100%; /* without this hack IE11 render contentLayoutContent wider than its container */\n margin: 0 calc(var(--ring-unit) * 4);\n}\n\n.sidebarContainer {\n min-width: sidebarWidth;\n max-width: sidebarWidth;\n}\n\n.sidebarContainerRight {\n order: 1;\n}\n\n.sidebar {\n overflow: auto;\n\n box-sizing: border-box;\n min-width: sidebarWidth;\n max-width: sidebarWidth;\n height: 100%;\n padding-right: calc(var(--ring-unit) * 2);\n padding-left: calc(var(--ring-unit) * 4);\n}\n\n.sidebarRight {\n padding-right: calc(var(--ring-unit) * 4);\n padding-left: calc(var(--ring-unit) * 2);\n}\n\n.sidebarFixedTop {\n top: 0;\n bottom: 0;\n\n &.sidebarFixedTop {\n position: fixed;\n }\n}\n\n.sidebarFixedBottom.sidebarFixedBottom {\n position: absolute;\n top: auto;\n bottom: 0;\n}\n\n.bottomMarker {\n position: absolute;\n bottom: 0;\n}\n\n.contentLayoutResponsive {\n @media extra-small-screen-media, small-screen-media {\n & .contentLayoutContent {\n margin: 0 16px;\n }\n\n & .sidebar {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n\n box-sizing: content-box;\n padding: 0 16px;\n }\n\n & .sidebarFixedTop {\n position: fixed;\n }\n\n & .sidebarFixedBottom {\n top: auto;\n }\n\n & .sidebarRight {\n right: 0;\n left: auto;\n }\n\n & .sidebarContainer {\n min-width: 0;\n max-width: 0;\n }\n }\n\n @media extra-small-screen-media {\n & .sidebar {\n width: 80%;\n min-width: 0;\n max-width: none;\n }\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"extra-small-screen-media":`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default.locals["extra-small-screen-media"]}`,"small-screen-media":`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default.locals["small-screen-media"]}`,sidebarWidth:"calc(var(--ring-unit)*30)",contentLayout:"contentLayout_e784",contentLayoutContent:"contentLayoutContent_dc1d",sidebarContainer:"sidebarContainer_d555",sidebarContainerRight:"sidebarContainerRight_a97e",sidebar:"sidebar_ec39",sidebarRight:"sidebarRight_d5aa",sidebarFixedTop:"sidebarFixedTop_d1b8",sidebarFixedBottom:"sidebarFixedBottom_a1e3",bottomMarker:"bottomMarker_f7c7",contentLayoutResponsive:"contentLayoutResponsive_cd67"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/list/list.stories.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".hover_f46d.hover_f46d {\n background-color: var(--ring-removed-background-color);\n}\n","",{version:3,sources:["webpack://./src/list/list.stories.css"],names:[],mappings:"AAAA;EACE,sDAAsD;AACxD",sourcesContent:[".hover.hover {\n background-color: var(--ring-removed-background-color);\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={hover:"hover_f46d"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/loader/loader.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,"@keyframes rotation-keyframes_d87b {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.canvas_b4b4 {\n display: block;\n\n margin: calc(var(--ring-unit)*2) auto;\n\n pointer-events: none;\n}\n\n.animate_f7ea {\n animation: rotation-keyframes_d87b 36s linear infinite;\n}\n\n.text_fd63 {\n text-align: center;\n\n font-family: var(--ring-font-family);\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n","",{version:3,sources:["webpack://./src/loader/loader.css"],names:[],mappings:"AAEA;EACE;IACE,yBAAyB;EAC3B;AACF;;AAEA;EACE,cAAc;;EAEd,qCAAuC;;EAEvC,oBAAoB;AACtB;;AAEA;EACE,sDAAiD;AACnD;;AAEA;EACE,kBAAkB;;EAElB,oCAAoC;EACpC,gCAAgC;EAChC,oCAAoC;AACtC",sourcesContent:['@import "../global/variables.css";\n\n@keyframes rotation-keyframes {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.canvas {\n display: block;\n\n margin: calc(var(--ring-unit) * 2) auto;\n\n pointer-events: none;\n}\n\n.animate {\n animation: rotation-keyframes 36s linear infinite;\n}\n\n.text {\n text-align: center;\n\n font-family: var(--ring-font-family);\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={canvas:"canvas_b4b4",animate:"animate_f7ea","rotation-keyframes":"rotation-keyframes_d87b",text:"text_fd63"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/tooltip/tooltip.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".tooltip_bbe9 {\n max-width: calc(var(--ring-unit)*50);\n padding: var(--ring-unit);\n\n text-align: left;\n\n color: var(--ring-text-color);\n}\n\n.long_c327 {\n padding: var(--ring-unit) calc(var(--ring-unit)*1.5);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n","",{version:3,sources:["webpack://./src/tooltip/tooltip.css"],names:[],mappings:"AAEA;EACE,oCAAsC;EACtC,yBAAyB;;EAEzB,gBAAgB;;EAEhB,6BAA6B;AAC/B;;AAEA;EACE,oDAAsD;;EAEtD,wCAAwC;EACxC,2CAA2C;AAC7C",sourcesContent:['@import "../global/variables.css";\n\n.tooltip {\n max-width: calc(var(--ring-unit) * 50);\n padding: var(--ring-unit);\n\n text-align: left;\n\n color: var(--ring-text-color);\n}\n\n.long {\n padding: var(--ring-unit) calc(var(--ring-unit) * 1.5);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={tooltip:"tooltip_bbe9",long:"long_c327"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/highlight.js/lib/languages lazy recursive ^\\.\\/.*$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./1c":["./node_modules/highlight.js/lib/languages/1c.js",990],"./1c.js":["./node_modules/highlight.js/lib/languages/1c.js",990],"./abnf":["./node_modules/highlight.js/lib/languages/abnf.js",3895],"./abnf.js":["./node_modules/highlight.js/lib/languages/abnf.js",3895],"./accesslog":["./node_modules/highlight.js/lib/languages/accesslog.js",5102],"./accesslog.js":["./node_modules/highlight.js/lib/languages/accesslog.js",5102],"./actionscript":["./node_modules/highlight.js/lib/languages/actionscript.js",7341],"./actionscript.js":["./node_modules/highlight.js/lib/languages/actionscript.js",7341],"./ada":["./node_modules/highlight.js/lib/languages/ada.js",250],"./ada.js":["./node_modules/highlight.js/lib/languages/ada.js",250],"./angelscript":["./node_modules/highlight.js/lib/languages/angelscript.js",3020],"./angelscript.js":["./node_modules/highlight.js/lib/languages/angelscript.js",3020],"./apache":["./node_modules/highlight.js/lib/languages/apache.js",3268],"./apache.js":["./node_modules/highlight.js/lib/languages/apache.js",3268],"./applescript":["./node_modules/highlight.js/lib/languages/applescript.js",515],"./applescript.js":["./node_modules/highlight.js/lib/languages/applescript.js",515],"./arcade":["./node_modules/highlight.js/lib/languages/arcade.js",1258],"./arcade.js":["./node_modules/highlight.js/lib/languages/arcade.js",1258],"./arduino":["./node_modules/highlight.js/lib/languages/arduino.js",2906],"./arduino.js":["./node_modules/highlight.js/lib/languages/arduino.js",2906],"./armasm":["./node_modules/highlight.js/lib/languages/armasm.js",1173],"./armasm.js":["./node_modules/highlight.js/lib/languages/armasm.js",1173],"./asciidoc":["./node_modules/highlight.js/lib/languages/asciidoc.js",6631],"./asciidoc.js":["./node_modules/highlight.js/lib/languages/asciidoc.js",6631],"./aspectj":["./node_modules/highlight.js/lib/languages/aspectj.js",2284],"./aspectj.js":["./node_modules/highlight.js/lib/languages/aspectj.js",2284],"./autohotkey":["./node_modules/highlight.js/lib/languages/autohotkey.js",7861],"./autohotkey.js":["./node_modules/highlight.js/lib/languages/autohotkey.js",7861],"./autoit":["./node_modules/highlight.js/lib/languages/autoit.js",8172],"./autoit.js":["./node_modules/highlight.js/lib/languages/autoit.js",8172],"./avrasm":["./node_modules/highlight.js/lib/languages/avrasm.js",4508],"./avrasm.js":["./node_modules/highlight.js/lib/languages/avrasm.js",4508],"./awk":["./node_modules/highlight.js/lib/languages/awk.js",1517],"./awk.js":["./node_modules/highlight.js/lib/languages/awk.js",1517],"./axapta":["./node_modules/highlight.js/lib/languages/axapta.js",1367],"./axapta.js":["./node_modules/highlight.js/lib/languages/axapta.js",1367],"./bash":["./node_modules/highlight.js/lib/languages/bash.js",4396],"./bash.js":["./node_modules/highlight.js/lib/languages/bash.js",4396],"./basic":["./node_modules/highlight.js/lib/languages/basic.js",7156],"./basic.js":["./node_modules/highlight.js/lib/languages/basic.js",7156],"./bnf":["./node_modules/highlight.js/lib/languages/bnf.js",9320],"./bnf.js":["./node_modules/highlight.js/lib/languages/bnf.js",9320],"./brainfuck":["./node_modules/highlight.js/lib/languages/brainfuck.js",6595],"./brainfuck.js":["./node_modules/highlight.js/lib/languages/brainfuck.js",6595],"./c":["./node_modules/highlight.js/lib/languages/c.js",5317],"./c-like":["./node_modules/highlight.js/lib/languages/c-like.js",9135],"./c-like.js":["./node_modules/highlight.js/lib/languages/c-like.js",9135],"./c.js":["./node_modules/highlight.js/lib/languages/c.js",5317],"./cal":["./node_modules/highlight.js/lib/languages/cal.js",510],"./cal.js":["./node_modules/highlight.js/lib/languages/cal.js",510],"./capnproto":["./node_modules/highlight.js/lib/languages/capnproto.js",9130],"./capnproto.js":["./node_modules/highlight.js/lib/languages/capnproto.js",9130],"./ceylon":["./node_modules/highlight.js/lib/languages/ceylon.js",9338],"./ceylon.js":["./node_modules/highlight.js/lib/languages/ceylon.js",9338],"./clean":["./node_modules/highlight.js/lib/languages/clean.js",5153],"./clean.js":["./node_modules/highlight.js/lib/languages/clean.js",5153],"./clojure":["./node_modules/highlight.js/lib/languages/clojure.js",450],"./clojure-repl":["./node_modules/highlight.js/lib/languages/clojure-repl.js",8784],"./clojure-repl.js":["./node_modules/highlight.js/lib/languages/clojure-repl.js",8784],"./clojure.js":["./node_modules/highlight.js/lib/languages/clojure.js",450],"./cmake":["./node_modules/highlight.js/lib/languages/cmake.js",8767],"./cmake.js":["./node_modules/highlight.js/lib/languages/cmake.js",8767],"./coffeescript":["./node_modules/highlight.js/lib/languages/coffeescript.js",9643],"./coffeescript.js":["./node_modules/highlight.js/lib/languages/coffeescript.js",9643],"./coq":["./node_modules/highlight.js/lib/languages/coq.js",833],"./coq.js":["./node_modules/highlight.js/lib/languages/coq.js",833],"./cos":["./node_modules/highlight.js/lib/languages/cos.js",2643],"./cos.js":["./node_modules/highlight.js/lib/languages/cos.js",2643],"./cpp":["./node_modules/highlight.js/lib/languages/cpp.js",9261],"./cpp.js":["./node_modules/highlight.js/lib/languages/cpp.js",9261],"./crmsh":["./node_modules/highlight.js/lib/languages/crmsh.js",1647],"./crmsh.js":["./node_modules/highlight.js/lib/languages/crmsh.js",1647],"./crystal":["./node_modules/highlight.js/lib/languages/crystal.js",4864],"./crystal.js":["./node_modules/highlight.js/lib/languages/crystal.js",4864],"./csharp":["./node_modules/highlight.js/lib/languages/csharp.js",9495],"./csharp.js":["./node_modules/highlight.js/lib/languages/csharp.js",9495],"./csp":["./node_modules/highlight.js/lib/languages/csp.js",4684],"./csp.js":["./node_modules/highlight.js/lib/languages/csp.js",4684],"./css":["./node_modules/highlight.js/lib/languages/css.js",4695],"./css.js":["./node_modules/highlight.js/lib/languages/css.js",4695],"./d":["./node_modules/highlight.js/lib/languages/d.js",9114],"./d.js":["./node_modules/highlight.js/lib/languages/d.js",9114],"./dart":["./node_modules/highlight.js/lib/languages/dart.js",3697],"./dart.js":["./node_modules/highlight.js/lib/languages/dart.js",3697],"./delphi":["./node_modules/highlight.js/lib/languages/delphi.js",6622],"./delphi.js":["./node_modules/highlight.js/lib/languages/delphi.js",6622],"./diff":["./node_modules/highlight.js/lib/languages/diff.js",1863],"./diff.js":["./node_modules/highlight.js/lib/languages/diff.js",1863],"./django":["./node_modules/highlight.js/lib/languages/django.js",8835],"./django.js":["./node_modules/highlight.js/lib/languages/django.js",8835],"./dns":["./node_modules/highlight.js/lib/languages/dns.js",5483],"./dns.js":["./node_modules/highlight.js/lib/languages/dns.js",5483],"./dockerfile":["./node_modules/highlight.js/lib/languages/dockerfile.js",1940],"./dockerfile.js":["./node_modules/highlight.js/lib/languages/dockerfile.js",1940],"./dos":["./node_modules/highlight.js/lib/languages/dos.js",6768],"./dos.js":["./node_modules/highlight.js/lib/languages/dos.js",6768],"./dsconfig":["./node_modules/highlight.js/lib/languages/dsconfig.js",2479],"./dsconfig.js":["./node_modules/highlight.js/lib/languages/dsconfig.js",2479],"./dts":["./node_modules/highlight.js/lib/languages/dts.js",6293],"./dts.js":["./node_modules/highlight.js/lib/languages/dts.js",6293],"./dust":["./node_modules/highlight.js/lib/languages/dust.js",9602],"./dust.js":["./node_modules/highlight.js/lib/languages/dust.js",9602],"./ebnf":["./node_modules/highlight.js/lib/languages/ebnf.js",3291],"./ebnf.js":["./node_modules/highlight.js/lib/languages/ebnf.js",3291],"./elixir":["./node_modules/highlight.js/lib/languages/elixir.js",1175],"./elixir.js":["./node_modules/highlight.js/lib/languages/elixir.js",1175],"./elm":["./node_modules/highlight.js/lib/languages/elm.js",826],"./elm.js":["./node_modules/highlight.js/lib/languages/elm.js",826],"./erb":["./node_modules/highlight.js/lib/languages/erb.js",4915],"./erb.js":["./node_modules/highlight.js/lib/languages/erb.js",4915],"./erlang":["./node_modules/highlight.js/lib/languages/erlang.js",8323],"./erlang-repl":["./node_modules/highlight.js/lib/languages/erlang-repl.js",5531],"./erlang-repl.js":["./node_modules/highlight.js/lib/languages/erlang-repl.js",5531],"./erlang.js":["./node_modules/highlight.js/lib/languages/erlang.js",8323],"./excel":["./node_modules/highlight.js/lib/languages/excel.js",6659],"./excel.js":["./node_modules/highlight.js/lib/languages/excel.js",6659],"./fix":["./node_modules/highlight.js/lib/languages/fix.js",8515],"./fix.js":["./node_modules/highlight.js/lib/languages/fix.js",8515],"./flix":["./node_modules/highlight.js/lib/languages/flix.js",2495],"./flix.js":["./node_modules/highlight.js/lib/languages/flix.js",2495],"./fortran":["./node_modules/highlight.js/lib/languages/fortran.js",5480],"./fortran.js":["./node_modules/highlight.js/lib/languages/fortran.js",5480],"./fsharp":["./node_modules/highlight.js/lib/languages/fsharp.js",4436],"./fsharp.js":["./node_modules/highlight.js/lib/languages/fsharp.js",4436],"./gams":["./node_modules/highlight.js/lib/languages/gams.js",2730],"./gams.js":["./node_modules/highlight.js/lib/languages/gams.js",2730],"./gauss":["./node_modules/highlight.js/lib/languages/gauss.js",3277],"./gauss.js":["./node_modules/highlight.js/lib/languages/gauss.js",3277],"./gcode":["./node_modules/highlight.js/lib/languages/gcode.js",3686],"./gcode.js":["./node_modules/highlight.js/lib/languages/gcode.js",3686],"./gherkin":["./node_modules/highlight.js/lib/languages/gherkin.js",5272],"./gherkin.js":["./node_modules/highlight.js/lib/languages/gherkin.js",5272],"./glsl":["./node_modules/highlight.js/lib/languages/glsl.js",8222],"./glsl.js":["./node_modules/highlight.js/lib/languages/glsl.js",8222],"./gml":["./node_modules/highlight.js/lib/languages/gml.js",7486],"./gml.js":["./node_modules/highlight.js/lib/languages/gml.js",7486],"./go":["./node_modules/highlight.js/lib/languages/go.js",276],"./go.js":["./node_modules/highlight.js/lib/languages/go.js",276],"./golo":["./node_modules/highlight.js/lib/languages/golo.js",4215],"./golo.js":["./node_modules/highlight.js/lib/languages/golo.js",4215],"./gradle":["./node_modules/highlight.js/lib/languages/gradle.js",3019],"./gradle.js":["./node_modules/highlight.js/lib/languages/gradle.js",3019],"./groovy":["./node_modules/highlight.js/lib/languages/groovy.js",8116],"./groovy.js":["./node_modules/highlight.js/lib/languages/groovy.js",8116],"./haml":["./node_modules/highlight.js/lib/languages/haml.js",5856],"./haml.js":["./node_modules/highlight.js/lib/languages/haml.js",5856],"./handlebars":["./node_modules/highlight.js/lib/languages/handlebars.js",6894],"./handlebars.js":["./node_modules/highlight.js/lib/languages/handlebars.js",6894],"./haskell":["./node_modules/highlight.js/lib/languages/haskell.js",6906],"./haskell.js":["./node_modules/highlight.js/lib/languages/haskell.js",6906],"./haxe":["./node_modules/highlight.js/lib/languages/haxe.js",2102],"./haxe.js":["./node_modules/highlight.js/lib/languages/haxe.js",2102],"./hsp":["./node_modules/highlight.js/lib/languages/hsp.js",6763],"./hsp.js":["./node_modules/highlight.js/lib/languages/hsp.js",6763],"./htmlbars":["./node_modules/highlight.js/lib/languages/htmlbars.js",6775],"./htmlbars.js":["./node_modules/highlight.js/lib/languages/htmlbars.js",6775],"./http":["./node_modules/highlight.js/lib/languages/http.js",7458],"./http.js":["./node_modules/highlight.js/lib/languages/http.js",7458],"./hy":["./node_modules/highlight.js/lib/languages/hy.js",4403],"./hy.js":["./node_modules/highlight.js/lib/languages/hy.js",4403],"./inform7":["./node_modules/highlight.js/lib/languages/inform7.js",5468],"./inform7.js":["./node_modules/highlight.js/lib/languages/inform7.js",5468],"./ini":["./node_modules/highlight.js/lib/languages/ini.js",1192],"./ini.js":["./node_modules/highlight.js/lib/languages/ini.js",1192],"./irpf90":["./node_modules/highlight.js/lib/languages/irpf90.js",1382],"./irpf90.js":["./node_modules/highlight.js/lib/languages/irpf90.js",1382],"./isbl":["./node_modules/highlight.js/lib/languages/isbl.js",6588],"./isbl.js":["./node_modules/highlight.js/lib/languages/isbl.js",6588],"./java":["./node_modules/highlight.js/lib/languages/java.js",2370],"./java.js":["./node_modules/highlight.js/lib/languages/java.js",2370],"./javascript":["./node_modules/highlight.js/lib/languages/javascript.js",6095],"./javascript.js":["./node_modules/highlight.js/lib/languages/javascript.js",6095],"./jboss-cli":["./node_modules/highlight.js/lib/languages/jboss-cli.js",462],"./jboss-cli.js":["./node_modules/highlight.js/lib/languages/jboss-cli.js",462],"./json":["./node_modules/highlight.js/lib/languages/json.js",3400],"./json.js":["./node_modules/highlight.js/lib/languages/json.js",3400],"./julia":["./node_modules/highlight.js/lib/languages/julia.js",5517],"./julia-repl":["./node_modules/highlight.js/lib/languages/julia-repl.js",293],"./julia-repl.js":["./node_modules/highlight.js/lib/languages/julia-repl.js",293],"./julia.js":["./node_modules/highlight.js/lib/languages/julia.js",5517],"./kotlin":["./node_modules/highlight.js/lib/languages/kotlin.js",3885],"./kotlin.js":["./node_modules/highlight.js/lib/languages/kotlin.js",3885],"./lasso":["./node_modules/highlight.js/lib/languages/lasso.js",2588],"./lasso.js":["./node_modules/highlight.js/lib/languages/lasso.js",2588],"./latex":["./node_modules/highlight.js/lib/languages/latex.js",5178],"./latex.js":["./node_modules/highlight.js/lib/languages/latex.js",5178],"./ldif":["./node_modules/highlight.js/lib/languages/ldif.js",1251],"./ldif.js":["./node_modules/highlight.js/lib/languages/ldif.js",1251],"./leaf":["./node_modules/highlight.js/lib/languages/leaf.js",5678],"./leaf.js":["./node_modules/highlight.js/lib/languages/leaf.js",5678],"./less":["./node_modules/highlight.js/lib/languages/less.js",1685],"./less.js":["./node_modules/highlight.js/lib/languages/less.js",1685],"./lisp":["./node_modules/highlight.js/lib/languages/lisp.js",7290],"./lisp.js":["./node_modules/highlight.js/lib/languages/lisp.js",7290],"./livecodeserver":["./node_modules/highlight.js/lib/languages/livecodeserver.js",714],"./livecodeserver.js":["./node_modules/highlight.js/lib/languages/livecodeserver.js",714],"./livescript":["./node_modules/highlight.js/lib/languages/livescript.js",9861],"./livescript.js":["./node_modules/highlight.js/lib/languages/livescript.js",9861],"./llvm":["./node_modules/highlight.js/lib/languages/llvm.js",7549],"./llvm.js":["./node_modules/highlight.js/lib/languages/llvm.js",7549],"./lsl":["./node_modules/highlight.js/lib/languages/lsl.js",8603],"./lsl.js":["./node_modules/highlight.js/lib/languages/lsl.js",8603],"./lua":["./node_modules/highlight.js/lib/languages/lua.js",5128],"./lua.js":["./node_modules/highlight.js/lib/languages/lua.js",5128],"./makefile":["./node_modules/highlight.js/lib/languages/makefile.js",2774],"./makefile.js":["./node_modules/highlight.js/lib/languages/makefile.js",2774],"./markdown":["./node_modules/highlight.js/lib/languages/markdown.js",2417],"./markdown.js":["./node_modules/highlight.js/lib/languages/markdown.js",2417],"./mathematica":["./node_modules/highlight.js/lib/languages/mathematica.js",5682],"./mathematica.js":["./node_modules/highlight.js/lib/languages/mathematica.js",5682],"./matlab":["./node_modules/highlight.js/lib/languages/matlab.js",9617],"./matlab.js":["./node_modules/highlight.js/lib/languages/matlab.js",9617],"./maxima":["./node_modules/highlight.js/lib/languages/maxima.js",3883],"./maxima.js":["./node_modules/highlight.js/lib/languages/maxima.js",3883],"./mel":["./node_modules/highlight.js/lib/languages/mel.js",2888],"./mel.js":["./node_modules/highlight.js/lib/languages/mel.js",2888],"./mercury":["./node_modules/highlight.js/lib/languages/mercury.js",7009],"./mercury.js":["./node_modules/highlight.js/lib/languages/mercury.js",7009],"./mipsasm":["./node_modules/highlight.js/lib/languages/mipsasm.js",5372],"./mipsasm.js":["./node_modules/highlight.js/lib/languages/mipsasm.js",5372],"./mizar":["./node_modules/highlight.js/lib/languages/mizar.js",6423],"./mizar.js":["./node_modules/highlight.js/lib/languages/mizar.js",6423],"./mojolicious":["./node_modules/highlight.js/lib/languages/mojolicious.js",637],"./mojolicious.js":["./node_modules/highlight.js/lib/languages/mojolicious.js",637],"./monkey":["./node_modules/highlight.js/lib/languages/monkey.js",2601],"./monkey.js":["./node_modules/highlight.js/lib/languages/monkey.js",2601],"./moonscript":["./node_modules/highlight.js/lib/languages/moonscript.js",9332],"./moonscript.js":["./node_modules/highlight.js/lib/languages/moonscript.js",9332],"./n1ql":["./node_modules/highlight.js/lib/languages/n1ql.js",778],"./n1ql.js":["./node_modules/highlight.js/lib/languages/n1ql.js",778],"./nginx":["./node_modules/highlight.js/lib/languages/nginx.js",3926],"./nginx.js":["./node_modules/highlight.js/lib/languages/nginx.js",3926],"./nim":["./node_modules/highlight.js/lib/languages/nim.js",3750],"./nim.js":["./node_modules/highlight.js/lib/languages/nim.js",3750],"./nix":["./node_modules/highlight.js/lib/languages/nix.js",6107],"./nix.js":["./node_modules/highlight.js/lib/languages/nix.js",6107],"./node-repl":["./node_modules/highlight.js/lib/languages/node-repl.js",908],"./node-repl.js":["./node_modules/highlight.js/lib/languages/node-repl.js",908],"./nsis":["./node_modules/highlight.js/lib/languages/nsis.js",9531],"./nsis.js":["./node_modules/highlight.js/lib/languages/nsis.js",9531],"./objectivec":["./node_modules/highlight.js/lib/languages/objectivec.js",9266],"./objectivec.js":["./node_modules/highlight.js/lib/languages/objectivec.js",9266],"./ocaml":["./node_modules/highlight.js/lib/languages/ocaml.js",2809],"./ocaml.js":["./node_modules/highlight.js/lib/languages/ocaml.js",2809],"./openscad":["./node_modules/highlight.js/lib/languages/openscad.js",5403],"./openscad.js":["./node_modules/highlight.js/lib/languages/openscad.js",5403],"./oxygene":["./node_modules/highlight.js/lib/languages/oxygene.js",7391],"./oxygene.js":["./node_modules/highlight.js/lib/languages/oxygene.js",7391],"./parser3":["./node_modules/highlight.js/lib/languages/parser3.js",5834],"./parser3.js":["./node_modules/highlight.js/lib/languages/parser3.js",5834],"./perl":["./node_modules/highlight.js/lib/languages/perl.js",1993],"./perl.js":["./node_modules/highlight.js/lib/languages/perl.js",1993],"./pf":["./node_modules/highlight.js/lib/languages/pf.js",3948],"./pf.js":["./node_modules/highlight.js/lib/languages/pf.js",3948],"./pgsql":["./node_modules/highlight.js/lib/languages/pgsql.js",7539],"./pgsql.js":["./node_modules/highlight.js/lib/languages/pgsql.js",7539],"./php":["./node_modules/highlight.js/lib/languages/php.js",3734],"./php-template":["./node_modules/highlight.js/lib/languages/php-template.js",2793],"./php-template.js":["./node_modules/highlight.js/lib/languages/php-template.js",2793],"./php.js":["./node_modules/highlight.js/lib/languages/php.js",3734],"./plaintext":["./node_modules/highlight.js/lib/languages/plaintext.js",5411],"./plaintext.js":["./node_modules/highlight.js/lib/languages/plaintext.js",5411],"./pony":["./node_modules/highlight.js/lib/languages/pony.js",4138],"./pony.js":["./node_modules/highlight.js/lib/languages/pony.js",4138],"./powershell":["./node_modules/highlight.js/lib/languages/powershell.js",7833],"./powershell.js":["./node_modules/highlight.js/lib/languages/powershell.js",7833],"./processing":["./node_modules/highlight.js/lib/languages/processing.js",127],"./processing.js":["./node_modules/highlight.js/lib/languages/processing.js",127],"./profile":["./node_modules/highlight.js/lib/languages/profile.js",6905],"./profile.js":["./node_modules/highlight.js/lib/languages/profile.js",6905],"./prolog":["./node_modules/highlight.js/lib/languages/prolog.js",5779],"./prolog.js":["./node_modules/highlight.js/lib/languages/prolog.js",5779],"./properties":["./node_modules/highlight.js/lib/languages/properties.js",3777],"./properties.js":["./node_modules/highlight.js/lib/languages/properties.js",3777],"./protobuf":["./node_modules/highlight.js/lib/languages/protobuf.js",827],"./protobuf.js":["./node_modules/highlight.js/lib/languages/protobuf.js",827],"./puppet":["./node_modules/highlight.js/lib/languages/puppet.js",5156],"./puppet.js":["./node_modules/highlight.js/lib/languages/puppet.js",5156],"./purebasic":["./node_modules/highlight.js/lib/languages/purebasic.js",8106],"./purebasic.js":["./node_modules/highlight.js/lib/languages/purebasic.js",8106],"./python":["./node_modules/highlight.js/lib/languages/python.js",4200],"./python-repl":["./node_modules/highlight.js/lib/languages/python-repl.js",4382],"./python-repl.js":["./node_modules/highlight.js/lib/languages/python-repl.js",4382],"./python.js":["./node_modules/highlight.js/lib/languages/python.js",4200],"./q":["./node_modules/highlight.js/lib/languages/q.js",1079],"./q.js":["./node_modules/highlight.js/lib/languages/q.js",1079],"./qml":["./node_modules/highlight.js/lib/languages/qml.js",4588],"./qml.js":["./node_modules/highlight.js/lib/languages/qml.js",4588],"./r":["./node_modules/highlight.js/lib/languages/r.js",1068],"./r.js":["./node_modules/highlight.js/lib/languages/r.js",1068],"./reasonml":["./node_modules/highlight.js/lib/languages/reasonml.js",529],"./reasonml.js":["./node_modules/highlight.js/lib/languages/reasonml.js",529],"./rib":["./node_modules/highlight.js/lib/languages/rib.js",8301],"./rib.js":["./node_modules/highlight.js/lib/languages/rib.js",8301],"./roboconf":["./node_modules/highlight.js/lib/languages/roboconf.js",2680],"./roboconf.js":["./node_modules/highlight.js/lib/languages/roboconf.js",2680],"./routeros":["./node_modules/highlight.js/lib/languages/routeros.js",7803],"./routeros.js":["./node_modules/highlight.js/lib/languages/routeros.js",7803],"./rsl":["./node_modules/highlight.js/lib/languages/rsl.js",9665],"./rsl.js":["./node_modules/highlight.js/lib/languages/rsl.js",9665],"./ruby":["./node_modules/highlight.js/lib/languages/ruby.js",4026],"./ruby.js":["./node_modules/highlight.js/lib/languages/ruby.js",4026],"./ruleslanguage":["./node_modules/highlight.js/lib/languages/ruleslanguage.js",1909],"./ruleslanguage.js":["./node_modules/highlight.js/lib/languages/ruleslanguage.js",1909],"./rust":["./node_modules/highlight.js/lib/languages/rust.js",6836],"./rust.js":["./node_modules/highlight.js/lib/languages/rust.js",6836],"./sas":["./node_modules/highlight.js/lib/languages/sas.js",89],"./sas.js":["./node_modules/highlight.js/lib/languages/sas.js",89],"./scala":["./node_modules/highlight.js/lib/languages/scala.js",8800],"./scala.js":["./node_modules/highlight.js/lib/languages/scala.js",8800],"./scheme":["./node_modules/highlight.js/lib/languages/scheme.js",5823],"./scheme.js":["./node_modules/highlight.js/lib/languages/scheme.js",5823],"./scilab":["./node_modules/highlight.js/lib/languages/scilab.js",4778],"./scilab.js":["./node_modules/highlight.js/lib/languages/scilab.js",4778],"./scss":["./node_modules/highlight.js/lib/languages/scss.js",2094],"./scss.js":["./node_modules/highlight.js/lib/languages/scss.js",2094],"./shell":["./node_modules/highlight.js/lib/languages/shell.js",8144],"./shell.js":["./node_modules/highlight.js/lib/languages/shell.js",8144],"./smali":["./node_modules/highlight.js/lib/languages/smali.js",5930],"./smali.js":["./node_modules/highlight.js/lib/languages/smali.js",5930],"./smalltalk":["./node_modules/highlight.js/lib/languages/smalltalk.js",7381],"./smalltalk.js":["./node_modules/highlight.js/lib/languages/smalltalk.js",7381],"./sml":["./node_modules/highlight.js/lib/languages/sml.js",3986],"./sml.js":["./node_modules/highlight.js/lib/languages/sml.js",3986],"./sqf":["./node_modules/highlight.js/lib/languages/sqf.js",3284],"./sqf.js":["./node_modules/highlight.js/lib/languages/sqf.js",3284],"./sql":["./node_modules/highlight.js/lib/languages/sql.js",8510],"./sql.js":["./node_modules/highlight.js/lib/languages/sql.js",8510],"./sql_more":["./node_modules/highlight.js/lib/languages/sql_more.js",4974],"./sql_more.js":["./node_modules/highlight.js/lib/languages/sql_more.js",4974],"./stan":["./node_modules/highlight.js/lib/languages/stan.js",358],"./stan.js":["./node_modules/highlight.js/lib/languages/stan.js",358],"./stata":["./node_modules/highlight.js/lib/languages/stata.js",6173],"./stata.js":["./node_modules/highlight.js/lib/languages/stata.js",6173],"./step21":["./node_modules/highlight.js/lib/languages/step21.js",8755],"./step21.js":["./node_modules/highlight.js/lib/languages/step21.js",8755],"./stylus":["./node_modules/highlight.js/lib/languages/stylus.js",3632],"./stylus.js":["./node_modules/highlight.js/lib/languages/stylus.js",3632],"./subunit":["./node_modules/highlight.js/lib/languages/subunit.js",2358],"./subunit.js":["./node_modules/highlight.js/lib/languages/subunit.js",2358],"./swift":["./node_modules/highlight.js/lib/languages/swift.js",4139],"./swift.js":["./node_modules/highlight.js/lib/languages/swift.js",4139],"./taggerscript":["./node_modules/highlight.js/lib/languages/taggerscript.js",7457],"./taggerscript.js":["./node_modules/highlight.js/lib/languages/taggerscript.js",7457],"./tap":["./node_modules/highlight.js/lib/languages/tap.js",5381],"./tap.js":["./node_modules/highlight.js/lib/languages/tap.js",5381],"./tcl":["./node_modules/highlight.js/lib/languages/tcl.js",1443],"./tcl.js":["./node_modules/highlight.js/lib/languages/tcl.js",1443],"./thrift":["./node_modules/highlight.js/lib/languages/thrift.js",8235],"./thrift.js":["./node_modules/highlight.js/lib/languages/thrift.js",8235],"./tp":["./node_modules/highlight.js/lib/languages/tp.js",9918],"./tp.js":["./node_modules/highlight.js/lib/languages/tp.js",9918],"./twig":["./node_modules/highlight.js/lib/languages/twig.js",7881],"./twig.js":["./node_modules/highlight.js/lib/languages/twig.js",7881],"./typescript":["./node_modules/highlight.js/lib/languages/typescript.js",7879],"./typescript.js":["./node_modules/highlight.js/lib/languages/typescript.js",7879],"./vala":["./node_modules/highlight.js/lib/languages/vala.js",2068],"./vala.js":["./node_modules/highlight.js/lib/languages/vala.js",2068],"./vbnet":["./node_modules/highlight.js/lib/languages/vbnet.js",7635],"./vbnet.js":["./node_modules/highlight.js/lib/languages/vbnet.js",7635],"./vbscript":["./node_modules/highlight.js/lib/languages/vbscript.js",8839],"./vbscript-html":["./node_modules/highlight.js/lib/languages/vbscript-html.js",6655],"./vbscript-html.js":["./node_modules/highlight.js/lib/languages/vbscript-html.js",6655],"./vbscript.js":["./node_modules/highlight.js/lib/languages/vbscript.js",8839],"./verilog":["./node_modules/highlight.js/lib/languages/verilog.js",3560],"./verilog.js":["./node_modules/highlight.js/lib/languages/verilog.js",3560],"./vhdl":["./node_modules/highlight.js/lib/languages/vhdl.js",960],"./vhdl.js":["./node_modules/highlight.js/lib/languages/vhdl.js",960],"./vim":["./node_modules/highlight.js/lib/languages/vim.js",9230],"./vim.js":["./node_modules/highlight.js/lib/languages/vim.js",9230],"./x86asm":["./node_modules/highlight.js/lib/languages/x86asm.js",8653],"./x86asm.js":["./node_modules/highlight.js/lib/languages/x86asm.js",8653],"./xl":["./node_modules/highlight.js/lib/languages/xl.js",3950],"./xl.js":["./node_modules/highlight.js/lib/languages/xl.js",3950],"./xml":["./node_modules/highlight.js/lib/languages/xml.js",1001],"./xml.js":["./node_modules/highlight.js/lib/languages/xml.js",1001],"./xquery":["./node_modules/highlight.js/lib/languages/xquery.js",6506],"./xquery.js":["./node_modules/highlight.js/lib/languages/xquery.js",6506],"./yaml":["./node_modules/highlight.js/lib/languages/yaml.js",1703],"./yaml.js":["./node_modules/highlight.js/lib/languages/yaml.js",1703],"./zephir":["./node_modules/highlight.js/lib/languages/zephir.js",6900],"./zephir.js":["./node_modules/highlight.js/lib/languages/zephir.js",6900]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return __webpack_require__.e(ids[1]).then((()=>__webpack_require__.t(id,23)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./node_modules/highlight.js/lib/languages lazy recursive ^\\.\\/.*$",module.exports=webpackAsyncContext},"./src/code/code.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/code/code.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/code/highlight.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/code/highlight.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/content-layout/content-layout.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/content-layout/content-layout.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/list/list.stories.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/list/list.stories.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/loader/loader.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/loader/loader.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/tooltip/tooltip.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/tooltip/tooltip.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}}}]); \ No newline at end of file diff --git a/master/main.5ebebe0d.iframe.bundle.js b/master/main.820a74b2.iframe.bundle.js similarity index 89% rename from master/main.5ebebe0d.iframe.bundle.js rename to master/main.820a74b2.iframe.bundle.js index 9cd08aa93e7..ceedb7a7a3f 100644 --- a/master/main.5ebebe0d.iframe.bundle.js +++ b/master/main.820a74b2.iframe.bundle.js @@ -1 +1 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[8792],{"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("storybook/internal/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("storybook/internal/channels");const importers=[async path=>{if(!/^\.[\\/](?:src\/welcome\.stories\.tsx)$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/src\\/welcome\\.stories\\.tsx)$")("./"+pathRemainder)},async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cts%7Ctsx))$")("./"+pathRemainder)}];const channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb((async function importFn(path){for(let i=0;iimporters[i](path),x());if(moduleExports)return moduleExports}var x}),(()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/react/dist/entry-preview.mjs"),__webpack_require__("./node_modules/@storybook/react/dist/entry-preview-docs.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/viewport/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-a11y/dist/preview.mjs"),__webpack_require__("./.storybook/preview.ts")])));window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel},"./.storybook/preview.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{decorators:()=>decorators,parameters:()=>parameters});__webpack_require__("./node_modules/file-loader/dist/cjs.js?name=ring-ui-favicon.ico!./node_modules/@jetbrains/logos/ring-ui/favicon.ico");var esm=__webpack_require__("./node_modules/@ungap/url-search-params/esm/index.js"),theme=__webpack_require__("./src/global/theme.tsx"),preview=__webpack_require__("./.storybook/preview.css"),preview_default=__webpack_require__.n(preview),react=__webpack_require__("./node_modules/react/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const strictModeDecorator=Story=>(0,jsx_runtime.jsx)(react.StrictMode,{children:(0,jsx_runtime.jsx)(Story,{})});var external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("storybook/internal/preview-api");const injectStyleSheet=styles=>{const styleTag=document.createElement("style");return styleTag.setAttribute("type","text/css"),styleTag.textContent=styles,document.head.appendChild(styleTag),styleTag},stylesDecorator=(Story,context)=>{const storyStyles=context.parameters?.storyStyles;return(0,external_STORYBOOK_MODULE_PREVIEW_API_.useEffect)((()=>{if(null!=storyStyles){const pureStyles=storyStyles.replace("",""),stylesNode=injectStyleSheet(pureStyles);return()=>stylesNode.remove()}}),[storyStyles]),(0,jsx_runtime.jsx)(Story,{})};var dist_es2015=__webpack_require__("./node_modules/param-case/dist.es2015/index.js"),theming=__webpack_require__("./node_modules/@storybook/core/dist/theming/index.js");const darkMatcher=window.matchMedia("(prefers-color-scheme: dark)"),variables=window.Proxy?new Proxy({},{get:(_,prop)=>getComputedStyle(document.documentElement).getPropertyValue(`--ring-${(0,dist_es2015.c)(prop)}`).trim()}):{},variablesSupported=null!=variables.textColor,theme_theme=(0,theming.vt)({base:darkMatcher.matches?"dark":"light",brandTitle:"JetBrains Ring UI",...variablesSupported?{colorSecondary:variables.mainColor,appBorderColor:variables.lineColor,appBorderRadius:parseInt(variables.borderRadius,10),fontBase:variables.fontFamily,fontCode:variables.fontFamilyMonospace,barTextColor:variables.secondaryColor,barSelectedColor:variables.mainColor,inputBorder:variables.bordersColor,inputTextColor:variables.textColor}:{}}),updateTheme=()=>(0,theme.AZ)(darkMatcher.matches?theme.Ay.DARK:theme.Ay.LIGHT,document.documentElement);updateTheme(),darkMatcher.addEventListener("change",updateTheme);new esm.A(location.search.slice(1)).has("block-animations")&&document.body.classList.add(preview_default().blockAnimations);const parameters={docs:{inlineStories:!1,extractComponentDescription:(component,{notes})=>null!=notes?notes:component?.__docgenInfo?.description,theme:theme_theme},a11y:{options:{rules:{"color-contrast":{enabled:!1},"link-in-text-block":{enabled:!1}}}},actions:{argTypesRegex:"^on.*"},backgrounds:{disable:!0},themes:{default:"Light",list:[{name:"Light",color:"#FFF"},{name:"Dark",class:"ring-ui-theme-dark",color:"#23272b"}]}},decorators=[stylesDecorator,strictModeDecorator]},"./src/global/data-tests.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function joinDataTestAttributes(...attrs){return attrs.reduce(((result,attr)=>{return attr?"object"==typeof attr?[...result,...(attrsMap=attr,Object.entries(attrsMap).reduce(((result,[key,value])=>value?[...result,key]:result),[]))]:[...result,attr]:result;var attrsMap}),[]).join(" ")}__webpack_require__.d(__webpack_exports__,{A:()=>joinDataTestAttributes})},"./src/global/dom.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$6:()=>isNodeInVisiblePartOfPage,$f:()=>getStyles,Ac:()=>getDocumentScrollLeft,BX:()=>isMounted,MR:()=>getWindowHeight,_d:()=>getDocumentScrollTop,l:()=>getRect,qR:()=>Listeners,sJ:()=>getPixelRatio,wo:()=>preventDefault});const getStyles=window.getComputedStyle.bind(window);function isMounted(node){return node===document||node instanceof Node&&document.documentElement.contains(node.parentNode)}const rectStub={top:0,right:0,bottom:0,left:0,width:0,height:0};function getRect(node){if(node instanceof Range||null!=node&&isMounted(node)){const{top,right,bottom,left,width,height}=node.getBoundingClientRect();return{top,right,bottom,left,width,height}}return Object.assign({},rectStub)}function getPixelRatio(){return"devicePixelRatio"in window?window.devicePixelRatio:1}function getWindowHeight(){return window.innerHeight}function isNodeInVisiblePartOfPage(node){const{top,bottom,left,right}=getRect(node);return!(bottom<0||right<0||getWindowHeight()-top<0||function getWindowWidth(){return window.innerWidth}()-left<0)}function getDocumentScrollTop(){return document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop}function getDocumentScrollLeft(){return document.documentElement&&document.documentElement.scrollLeft||document.body.scrollLeft}const applyMethodToClasses=method=>(classList,classes="")=>{classes.split(/\s+/g).filter((className=>!!className)).forEach((className=>classList[method](className)))};applyMethodToClasses("add"),applyMethodToClasses("remove");class Listeners{_all=new Set;add(el,event,handler,options){el.addEventListener(event,handler,options);const dispatchFn=()=>el.removeEventListener(event,handler,options);return this._all.add(dispatchFn),dispatchFn}remove(fn){fn(),this._all.delete(fn)}removeAll(){this._all.forEach((fn=>this.remove(fn)))}}function preventDefault(e){e.preventDefault&&e.preventDefault()}},"./src/global/get-uid.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>getUID});const idCounters={};const salt=function generateSalt(){return(Date.now()*Math.random()).toString(36).substring(0,4)}();function getUID(name){if(!name)throw Error('Argument "name" is required in getUID()');idCounters[name]||(idCounters[name]=0);return`${name}${String(idCounters[name]++)}-${salt}`}},"./src/global/schedule-raf.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function scheduleRAF(trailingCall){let scheduledCb,RAF,trailingCallScheduled=!1;function doSchedule(){RAF=window.requestAnimationFrame((()=>{scheduledCb?.(),trailingCallScheduled?(trailingCallScheduled=!1,doSchedule()):(RAF=null,scheduledCb=null)}))}return function schedule(cb){scheduledCb=cb,RAF?trailingCall&&(trailingCallScheduled=!0):doSchedule()}}__webpack_require__.d(__webpack_exports__,{A:()=>scheduleRAF})},"./src/global/sniffer.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var sniffr__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/sniffr/dist/sniffr.js");const sniffr=new(__webpack_require__.n(sniffr__WEBPACK_IMPORTED_MODULE_0__)());sniffr.sniff();const __WEBPACK_DEFAULT_EXPORT__=sniffr},"./src/global/theme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{AZ:()=>applyTheme,Ay:()=>__WEBPACK_DEFAULT_EXPORT__,Ew:()=>WithThemeClasses,NP:()=>ThemeProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),react_dom__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-dom/index.js"),_popup_popup_target__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/popup/popup.target.tsx"),_popup_popup__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/popup/popup.tsx"),_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/global/variables.css"),_variables_css__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_variables_css__WEBPACK_IMPORTED_MODULE_3__),_variables_dark_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/variables_dark.css"),_variables_dark_css__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_variables_dark_css__WEBPACK_IMPORTED_MODULE_4__),_get_uid__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/get-uid.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),Theme=function(Theme){return Theme.AUTO="auto",Theme.LIGHT="light",Theme.DARK="dark",Theme}(Theme||{});const ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({theme:Theme.LIGHT}),GLOBAL_DARK_CLASS_NAME="ring-ui-theme-dark",darkMatcher=window.matchMedia("(prefers-color-scheme: dark)");function useTheme(){const[dark,setDark]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(darkMatcher.matches);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const onChange=e=>setDark(e.matches);return darkMatcher.addEventListener("change",onChange),()=>darkMatcher.removeEventListener("change",onChange)}),[]),dark?Theme.DARK:Theme.LIGHT}function useThemeClasses(theme){const systemTheme=useTheme(),resolvedTheme=theme===Theme.AUTO?systemTheme:theme;return classnames__WEBPACK_IMPORTED_MODULE_1___default()({[_variables_dark_css__WEBPACK_IMPORTED_MODULE_4___default().dark]:resolvedTheme===Theme.DARK,[GLOBAL_DARK_CLASS_NAME]:resolvedTheme===Theme.DARK,[_variables_css__WEBPACK_IMPORTED_MODULE_3___default().light]:resolvedTheme===Theme.LIGHT})}function WithThemeClasses({theme,children}){return children(useThemeClasses(theme))}function applyTheme(theme,container){theme===Theme.DARK?(container.classList.remove(_variables_css__WEBPACK_IMPORTED_MODULE_3___default().light),container.classList.add(_variables_dark_css__WEBPACK_IMPORTED_MODULE_4___default().dark),container.classList.add(GLOBAL_DARK_CLASS_NAME)):(container.classList.remove(_variables_dark_css__WEBPACK_IMPORTED_MODULE_4___default().dark),container.classList.remove(GLOBAL_DARK_CLASS_NAME),container.classList.add(_variables_css__WEBPACK_IMPORTED_MODULE_3___default().light))}const ThemeProvider=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function ThemeProvider({theme=Theme.AUTO,className,passToPopups,children,target,...restProps},ref){const systemTheme=useTheme(),resolvedTheme=theme===Theme.AUTO?systemTheme:theme,id=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>(0,_get_uid__WEBPACK_IMPORTED_MODULE_6__.A)("popups-with-theme-")),[]),themeValue=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>({theme:resolvedTheme})),[resolvedTheme]);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{null!=target&&applyTheme(resolvedTheme,target)}),[resolvedTheme,target]);const themeClasses=useThemeClasses(theme),parentTarget=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_popup_popup_target__WEBPACK_IMPORTED_MODULE_7__.z);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(ThemeContext.Provider,{value:themeValue,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{ref,className:null!=target?void 0:classnames__WEBPACK_IMPORTED_MODULE_1___default()(className,themeClasses),...restProps,children:passToPopups?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_popup_popup_target__WEBPACK_IMPORTED_MODULE_7__.G,{id,children:popupTarget=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[children,(0,react_dom__WEBPACK_IMPORTED_MODULE_2__.createPortal)((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{className:themeClasses,children:popupTarget}),parentTarget&&(0,_popup_popup__WEBPACK_IMPORTED_MODULE_8__.E8)(parentTarget)||document.body)]})}):children})})})),__WEBPACK_DEFAULT_EXPORT__=Theme;ThemeProvider.__docgenInfo={description:"",methods:[],displayName:"ThemeProvider",props:{theme:{required:!1,tsType:{name:"Theme"},description:"",defaultValue:{value:"Theme.AUTO",computed:!0}},passToPopups:{required:!1,tsType:{name:"boolean"},description:""},target:{required:!1,tsType:{name:"HTMLElement"},description:""}},composes:["HTMLAttributes"]}},"./src/popup/popup.consts.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Gh:()=>MaxHeight,HO:()=>Directions,Zw:()=>DEFAULT_DIRECTIONS,fg:()=>Dimension,nl:()=>Display,zB:()=>MinWidth});let Directions=function(Directions){return Directions.BOTTOM_RIGHT="BOTTOM_RIGHT",Directions.BOTTOM_LEFT="BOTTOM_LEFT",Directions.BOTTOM_CENTER="BOTTOM_CENTER",Directions.TOP_LEFT="TOP_LEFT",Directions.TOP_RIGHT="TOP_RIGHT",Directions.TOP_CENTER="TOP_CENTER",Directions.RIGHT_TOP="RIGHT_TOP",Directions.RIGHT_BOTTOM="RIGHT_BOTTOM",Directions.RIGHT_CENTER="RIGHT_CENTER",Directions.LEFT_TOP="LEFT_TOP",Directions.LEFT_BOTTOM="LEFT_BOTTOM",Directions.LEFT_CENTER="LEFT_CENTER",Directions}({});const DEFAULT_DIRECTIONS=[Directions.BOTTOM_RIGHT,Directions.BOTTOM_LEFT,Directions.TOP_LEFT,Directions.TOP_RIGHT,Directions.RIGHT_TOP,Directions.RIGHT_BOTTOM,Directions.LEFT_TOP,Directions.LEFT_BOTTOM];let Dimension=function(Dimension){return Dimension[Dimension.MARGIN=16]="MARGIN",Dimension[Dimension.BORDER_WIDTH=1]="BORDER_WIDTH",Dimension}({}),MinWidth=function(MinWidth){return MinWidth[MinWidth.TARGET=-1]="TARGET",MinWidth}({}),MaxHeight=function(MaxHeight){return MaxHeight[MaxHeight.SCREEN=-1]="SCREEN",MaxHeight}({}),Display=function(Display){return Display[Display.HIDDEN=0]="HIDDEN",Display[Display.SHOWING=1]="SHOWING",Display[Display.SHOWN=2]="SHOWN",Display}({})},"./src/popup/popup.target.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>PopupTarget,z:()=>PopupTargetContext});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PopupTargetContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0),PopupTarget=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function PopupTarget({id,children,...restProps},ref){const target=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{...restProps,"data-portaltarget":id,ref,children:"function"!=typeof children&&children});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PopupTargetContext.Provider,{value:id,children:"function"==typeof children?children(target):target})}));PopupTarget.propTypes={id:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string.isRequired,children:prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default().node,prop_types__WEBPACK_IMPORTED_MODULE_2___default().func])},PopupTarget.__docgenInfo={description:"",methods:[],displayName:"PopupTarget",props:{id:{required:!0,tsType:{name:"string"},description:"",type:{name:"string"}},children:{required:!1,tsType:{name:"union",raw:"ReactNode | ((target: ReactNode) => ReactNode)",elements:[{name:"ReactNode"},{name:"unknown"}]},description:"",type:{name:"union",value:[{name:"node"},{name:"func"}]}}},composes:["Omit"]}},"./src/popup/popup.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>Popup,E8:()=>getPopupContainer});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-dom/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_14__),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_global_get_uid__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/global/get-uid.ts"),_global_schedule_raf__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/global/schedule-raf.ts"),_global_dom__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/dom.ts"),_shortcuts_shortcuts__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/shortcuts/shortcuts.ts"),_global_data_tests__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/global/data-tests.ts"),_tab_trap_tab_trap__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/tab-trap/tab-trap.tsx"),_position__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/popup/position.ts"),_popup_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/popup/popup.css"),_popup_css__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_popup_css__WEBPACK_IMPORTED_MODULE_3__),_popup_consts__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/popup/popup.consts.ts"),_popup_target__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/popup/popup.target.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const stop=event=>{(event=>{const link=event.target.closest("a");return link&&0===event.button&&"_blank"!==link.target&&link.origin===location.origin&&"external"!==link.rel&&"_self"!==link.target&&!link.download&&!event.altKey&&!event.metaKey&&!event.ctrlKey&&!event.shiftKey&&!event.defaultPrevented})(event)||event.stopPropagation()},getPopupContainer=target=>"string"==typeof target?document.querySelector(`[data-portaltarget=${target}]`):target;class Popup extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static defaultProps={shortcuts:!0,hidden:!1,onOutsideClick(){},onEscPress(){},onCloseAttempt(){},dontCloseOnAnchorClick:!1,keepMounted:!1,directions:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.Zw,autoPositioning:!0,autoPositioningOnScroll:!0,autoCorrectTopOverflow:!0,left:0,top:0,offset:0,sidePadding:8,attached:!1,trapFocus:!1,autoFocusFirst:!1,legacy:!1};state={display:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.nl.SHOWING};componentDidMount(){this.props.client||this.setState({client:!0}),this.props.hidden||this._setListenersEnabled(!0)}componentDidUpdate(prevProps,prevState){const{hidden}=this.props;this.props!==prevProps&&(prevProps.hidden!==hidden&&this._setListenersEnabled(!hidden),this._redraw()),!this.props.onShow||hidden||this.state.display!==_popup_consts__WEBPACK_IMPORTED_MODULE_5__.nl.SHOWN||!prevProps.hidden&&prevState.display===_popup_consts__WEBPACK_IMPORTED_MODULE_5__.nl.SHOWN||this.props.onShow()}componentWillUnmount(){this._setListenersEnabled(!1)}popup;node;parent;container;ringPopupTarget;shouldUseShortcuts(){const{shortcuts,hidden}=this.props;return shortcuts&&!hidden}listeners=new _global_dom__WEBPACK_IMPORTED_MODULE_6__.qR;redrawScheduler=(0,_global_schedule_raf__WEBPACK_IMPORTED_MODULE_7__.A)(!0);uid=(0,_global_get_uid__WEBPACK_IMPORTED_MODULE_8__.A)("popup-");calculateDisplay=prevState=>({...prevState,display:this.props.hidden?_popup_consts__WEBPACK_IMPORTED_MODULE_5__.nl.SHOWING:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.nl.SHOWN});static PopupProps={Directions:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.HO,Dimension:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.fg,MinWidth:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.zB,MaxHeight:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.Gh};portalRef=el=>{this.node=el,this.parent=el&&el.parentElement,el&&this.getContainer()&&this._redraw()};popupRef=el=>{this.popup=el,this._redraw()};containerRef=el=>{this.container=el};getContainer(){const target=this.props.target||this.ringPopupTarget;return target&&getPopupContainer(target)}position(){const{directions,autoPositioning,autoCorrectTopOverflow,sidePadding,top,left,offset,maxHeight,minWidth}=this.props,container=this.getContainer();return(0,_position__WEBPACK_IMPORTED_MODULE_9__.Ay)({popup:this.popup,container:container&&"static"!==(0,_global_dom__WEBPACK_IMPORTED_MODULE_6__.$f)(container).position?container:null,anchor:this._getAnchor(),directions,autoPositioning,autoCorrectTopOverflow,sidePadding,top,left,offset,maxHeight,minWidth})}_updateDirection=newDirection=>{this.state.direction!==newDirection&&(this.setState({direction:newDirection}),this.props.onDirectionChange&&this.props.onDirectionChange(newDirection))};_updatePosition=()=>{const popup=this.popup;if(popup){if(popup.style.position="absolute",this.isVisible()){const{styles:style,direction}=this.position();Object.entries(style).forEach((([key,value])=>{const propKey=key;popup.style[propKey]="number"==typeof value?`${value}px`:value.toString()})),null!=direction&&this._updateDirection(direction)}this.setState(this.calculateDisplay)}};_redraw=()=>{this.isVisible()&&this.redrawScheduler(this._updatePosition)};_getAnchor(){return this.props.anchorElement||this.parent}_listenersEnabled;_setListenersEnabled(enable){!enable||this._listenersEnabled?!enable&&this._listenersEnabled&&(this.listeners.removeAll(),this._listenersEnabled=!1):setTimeout((()=>{this._listenersEnabled=!0,this.listeners.add(window,"resize",this._redraw),this.props.autoPositioningOnScroll&&this.listeners.add(window,"scroll",this._redraw),this.listeners.add(document,"pointerdown",this._onDocumentClick,!0);let el=this._getAnchor();for(;el;)this.listeners.add(el,"scroll",this._redraw),el=el.parentElement}),0)}isVisible(){return!this.props.hidden}_onCloseAttempt(evt,isEsc){this.props.onCloseAttempt(evt,isEsc)}_onEscPress=evt=>{this.props.onEscPress(evt),this._onCloseAttempt(evt,!0)};_onDocumentClick=evt=>{this.container&&evt.target instanceof Node&&this.container.contains(evt.target)||!this._listenersEnabled||this.props.dontCloseOnAnchorClick&&evt.target instanceof Node&&this._getAnchor()?.contains(evt.target)||(this.props.onOutsideClick(evt),this._onCloseAttempt(evt,!1))};getInternalContent(){const{trapFocus,autoFocusFirst,children}=this.props;return trapFocus?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_tab_trap_tab_trap__WEBPACK_IMPORTED_MODULE_10__.A,{autoFocusFirst,focusBackOnExit:!0,children}):children}shortcutsScope=this.uid;shortcutsMap={esc:this._onEscPress};render(){const{className,style,hidden,attached,keepMounted,client,onMouseDown,onMouseUp,onMouseOver,onMouseOut,onContextMenu,"data-test":dataTest}=this.props,showing=this.state.display===_popup_consts__WEBPACK_IMPORTED_MODULE_5__.nl.SHOWING,classes=classnames__WEBPACK_IMPORTED_MODULE_2___default()(className,_popup_css__WEBPACK_IMPORTED_MODULE_3___default().popup,{[_popup_css__WEBPACK_IMPORTED_MODULE_3___default().attached]:attached,[_popup_css__WEBPACK_IMPORTED_MODULE_3___default().hidden]:hidden,[_popup_css__WEBPACK_IMPORTED_MODULE_3___default().showing]:showing}),direction=(this.state.direction||"").toLowerCase().replace(/[_]/g,"-");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_popup_target__WEBPACK_IMPORTED_MODULE_11__.z.Consumer,{children:value=>(this.ringPopupTarget=value,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("span",{onClick:stop,role:"presentation",ref:this.portalRef,children:[this.shouldUseShortcuts()&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_shortcuts_shortcuts__WEBPACK_IMPORTED_MODULE_12__.A,{map:this.shortcutsMap,scope:this.shortcutsScope}),(client||this.state.client)&&(keepMounted||!hidden)&&(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_popup_target__WEBPACK_IMPORTED_MODULE_11__.G,{id:this.uid,ref:this.containerRef,onMouseOver,onFocus:onMouseOver,onMouseOut,onBlur:onMouseOut,onContextMenu,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div",{"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_13__.A)("ring-popup",dataTest),"data-test-shown":!hidden&&!showing,"data-test-direction":direction,ref:this.popupRef,className:classes,style,onMouseDown,onMouseUp,role:"presentation",children:this.getInternalContent()})}),this.getContainer()||document.body)]}))})}}Popup.propTypes={anchorElement:prop_types__WEBPACK_IMPORTED_MODULE_14___default().instanceOf(Node),target:prop_types__WEBPACK_IMPORTED_MODULE_14___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_14___default().string,prop_types__WEBPACK_IMPORTED_MODULE_14___default().instanceOf(Element)]),className:prop_types__WEBPACK_IMPORTED_MODULE_14___default().string,style:prop_types__WEBPACK_IMPORTED_MODULE_14___default().object,hidden:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool.isRequired,onOutsideClick:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onEscPress:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onCloseAttempt:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,children:prop_types__WEBPACK_IMPORTED_MODULE_14___default().node.isRequired,dontCloseOnAnchorClick:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,shortcuts:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,keepMounted:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_14___default().string,client:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,directions:prop_types__WEBPACK_IMPORTED_MODULE_14___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_14___default().string),autoPositioning:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,autoCorrectTopOverflow:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,left:prop_types__WEBPACK_IMPORTED_MODULE_14___default().number,top:prop_types__WEBPACK_IMPORTED_MODULE_14___default().number,maxHeight:prop_types__WEBPACK_IMPORTED_MODULE_14___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_14___default().string,prop_types__WEBPACK_IMPORTED_MODULE_14___default().number]),minWidth:prop_types__WEBPACK_IMPORTED_MODULE_14___default().number,sidePadding:prop_types__WEBPACK_IMPORTED_MODULE_14___default().number,attached:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,onMouseDown:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onMouseUp:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onMouseOver:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onMouseOut:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onContextMenu:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onDirectionChange:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onShow:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,trapFocus:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,autoFocusFirst:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool},Popup.__docgenInfo={description:"@constructor\n@name Popup\n@extends {ReactComponent}",methods:[{name:"shouldUseShortcuts",docblock:null,modifiers:[],params:[],returns:null},{name:"calculateDisplay",docblock:null,modifiers:[],params:[{name:"prevState",optional:!1,type:{name:"PopupState",alias:"PopupState"}}],returns:null},{name:"portalRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]}}],returns:null},{name:"popupRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]}}],returns:null},{name:"containerRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]}}],returns:null},{name:"getContainer",docblock:null,modifiers:[],params:[],returns:null},{name:"position",docblock:null,modifiers:[],params:[],returns:null},{name:"isVisible",docblock:"Returns visibility state\n@return {boolean}",modifiers:[],params:[],returns:{type:{name:"boolean"}},description:"Returns visibility state"},{name:"_onCloseAttempt",docblock:null,modifiers:[],params:[{name:"evt",optional:!0,type:{name:"union",raw:"Event | SyntheticEvent",elements:[{name:"Event"},{name:"SyntheticEvent"}]}},{name:"isEsc",optional:!0,type:{name:"boolean"}}],returns:null},{name:"getInternalContent",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Popup",props:{shortcuts:{defaultValue:{value:"true",computed:!1},required:!1},hidden:{defaultValue:{value:"false",computed:!1},required:!1},dontCloseOnAnchorClick:{defaultValue:{value:"false",computed:!1},required:!1},keepMounted:{defaultValue:{value:"false",computed:!1},required:!1},directions:{defaultValue:{value:"[\n Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.TOP_LEFT, Directions.TOP_RIGHT,\n Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.LEFT_TOP, Directions.LEFT_BOTTOM\n]",computed:!1},required:!1},autoPositioning:{defaultValue:{value:"true",computed:!1},required:!1},autoPositioningOnScroll:{defaultValue:{value:"true",computed:!1},required:!1},autoCorrectTopOverflow:{defaultValue:{value:"true",computed:!1},required:!1},left:{defaultValue:{value:"0",computed:!1},required:!1},top:{defaultValue:{value:"0",computed:!1},required:!1},offset:{defaultValue:{value:"0",computed:!1},required:!1},sidePadding:{defaultValue:{value:"8",computed:!1},required:!1},attached:{defaultValue:{value:"false",computed:!1},required:!1},trapFocus:{defaultValue:{value:"false",computed:!1},required:!1},autoFocusFirst:{defaultValue:{value:"false",computed:!1},required:!1},legacy:{defaultValue:{value:"false",computed:!1},required:!1}}}},"./src/popup/position.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>position,sA:()=>maxHeightForDirection});var _global_dom__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/global/dom.ts"),_popup_consts__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/popup/popup.consts.ts");function verticalOverflow(styles,scrollingCoordinates,attrs){const containerHeight=null!==attrs.container?attrs.container.clientHeight:(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.MR)(),viewportMinX=scrollingCoordinates.top+attrs.sidePadding,viewportMaxX=scrollingCoordinates.top+containerHeight-attrs.sidePadding,topOverflow=Math.max(viewportMinX-styles.top,0),popupHeight=attrs.popup.clientHeight,verticalDiff=styles.top+popupHeight-viewportMaxX;return topOverflow+Math.max(verticalDiff,0)}function horizontalOverflow(styles,scrollingCoordinates,attrs){const containerWidth=null!==attrs.container?attrs.container.clientWidth:window.innerWidth,viewportMinY=scrollingCoordinates.left+attrs.sidePadding,viewportMaxY=scrollingCoordinates.left+containerWidth-attrs.sidePadding,leftOverflow=Math.max(viewportMinY-styles.left,0),popupWidth=attrs.popup.clientWidth,horizontalDiff=styles.left+popupWidth-viewportMaxY;return leftOverflow+Math.max(horizontalDiff,0)}const defaultcontainerRect={top:0,left:0};function maxHeightForDirection(direction,anchorNode,containerNode){const container=containerNode||document.documentElement,domRect=anchorNode.getBoundingClientRect(),containerRect=container.getBoundingClientRect(),containerTop=domRect.top<0?containerRect.top:Math.max(containerRect.top,0),topMaxHeight=Math.max(domRect.top-containerTop,0),containerHeight=Math.max(containerRect.height,container===document.documentElement?container.clientHeight:0),bottomMaxHeight=Math.max(containerHeight-(topMaxHeight+domRect.height),0);switch(direction){case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.TOP_LEFT:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.TOP_CENTER:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.TOP_RIGHT:return topMaxHeight;case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.BOTTOM_LEFT:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.BOTTOM_CENTER:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.BOTTOM_RIGHT:return bottomMaxHeight;case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.LEFT_BOTTOM:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.RIGHT_BOTTOM:return domRect.height+bottomMaxHeight;case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.LEFT_TOP:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.RIGHT_TOP:return domRect.height+topMaxHeight;case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.RIGHT_CENTER:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.LEFT_CENTER:return domRect.height/2+Math.min(bottomMaxHeight/2,topMaxHeight/2);default:return null}}function position(attrs){const{popup,anchor,container,directions,autoPositioning,sidePadding,top,left,offset,maxHeight,minWidth,autoCorrectTopOverflow=!0}=attrs;let styles={top:0,left:0},chosenDirection=null;const containerRect=null!==container?(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.l)(container):defaultcontainerRect,defaultAnchor=null!==container?container:document.body,anchorRect=(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.l)((0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.BX)(anchor)?anchor:defaultAnchor),scroll=function getScrollingCoordinates(container){return null!==container?{top:container.scrollTop,left:container.scrollLeft}:{top:(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__._d)(),left:(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.Ac)()}}(container),anchorLeft=anchorRect.left+scroll.left+left-containerRect.left,anchorTop=anchorRect.top+scroll.top+top-containerRect.top;if(popup){const overflowAttrs={...attrs,popup},directionsMatrix=function getPositionStyles(popup,anchorRect,anchorLeft,anchorTop,offset){const popupWidth=popup.offsetWidth,popupHeight=popup.offsetHeight,anchorBottom=anchorTop+anchorRect.height,anchorRight=anchorLeft+anchorRect.width,popupLeft=anchorLeft-popupWidth,popupTop=anchorTop-popupHeight,popupRightToLeft=anchorRight-popupWidth,popupHorizontalCenter=anchorLeft+anchorRect.width/2-popupWidth/2,popupVerticalCenter=anchorTop+anchorRect.height/2-popupHeight/2,popupBottomToTop=anchorBottom-popupHeight;return{[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.BOTTOM_RIGHT]:{left:anchorLeft,top:anchorBottom+offset},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.BOTTOM_LEFT]:{left:popupRightToLeft,top:anchorBottom+offset},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.BOTTOM_CENTER]:{left:popupHorizontalCenter,top:anchorBottom+offset},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.TOP_RIGHT]:{left:anchorLeft,top:popupTop-offset},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.TOP_LEFT]:{left:popupRightToLeft,top:popupTop-offset},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.TOP_CENTER]:{left:popupHorizontalCenter,top:popupTop-offset},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.LEFT_BOTTOM]:{left:popupLeft-offset,top:anchorTop},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.LEFT_TOP]:{left:popupLeft-offset,top:popupBottomToTop},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.LEFT_CENTER]:{left:popupLeft-offset,top:popupVerticalCenter},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.RIGHT_BOTTOM]:{left:anchorRight+offset,top:anchorTop},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.RIGHT_TOP]:{left:anchorRight+offset,top:popupBottomToTop},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.RIGHT_CENTER]:{left:anchorRight+offset,top:popupVerticalCenter}}}(popup,anchorRect,anchorLeft,anchorTop,offset);if(autoPositioning&&1!==directions.length){const sortedByIncreasingOverflow=directions.concat(directions[0]).filter((direction=>directionsMatrix[direction])).map((direction=>({styles:directionsMatrix[direction],direction}))).sort((({styles:stylesA},{styles:stylesB})=>verticalOverflow(stylesA,scroll,overflowAttrs)+horizontalOverflow(stylesA,scroll,overflowAttrs)-(verticalOverflow(stylesB,scroll,overflowAttrs)+horizontalOverflow(stylesB,scroll,overflowAttrs))));styles=sortedByIncreasingOverflow[0].styles,chosenDirection=sortedByIncreasingOverflow[0].direction}else styles=directionsMatrix[directions[0]],chosenDirection=directions[0];["left","top"].forEach((key=>{styles[key]<0&&(styles[key]=0)}))}var _popup$scrollHeight;(maxHeight===_popup_consts__WEBPACK_IMPORTED_MODULE_1__.Gh.SCREEN||"screen"===maxHeight?styles.maxHeight=window.innerHeight+scroll.top-styles.top-_popup_consts__WEBPACK_IMPORTED_MODULE_1__.fg.MARGIN:maxHeight&&(styles.maxHeight=maxHeight),autoCorrectTopOverflow)&&(styles=function handleTopOffScreen({sidePadding,styles,anchorRect,maxHeight,popupScrollHeight,direction,scroll}){const{TOP_LEFT,TOP_RIGHT,TOP_CENTER,RIGHT_TOP,LEFT_TOP}=_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO;if(null==direction||![TOP_LEFT,TOP_RIGHT,TOP_CENTER,RIGHT_TOP,LEFT_TOP].includes(direction))return styles;const attachingPointY=null!=direction&&[TOP_LEFT,TOP_CENTER,TOP_RIGHT].includes(direction)?anchorRect.top:anchorRect.bottom;return attachingPointY-(maxHeight&&"number"==typeof maxHeight?Math.min(popupScrollHeight,maxHeight):popupScrollHeight)<=sidePadding&&(styles.top=sidePadding+scroll.top,styles.maxHeight=attachingPointY-sidePadding+1),styles}({sidePadding,styles,anchorRect,maxHeight,direction:chosenDirection,popupScrollHeight:null!==(_popup$scrollHeight=popup?.scrollHeight)&&void 0!==_popup$scrollHeight?_popup$scrollHeight:0,scroll}));return minWidth===_popup_consts__WEBPACK_IMPORTED_MODULE_1__.zB.TARGET||"target"===minWidth?styles.minWidth=anchorRect.width:minWidth&&(styles.minWidth=anchorRect.width{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>shortcuts_Shortcuts});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),Combokeys=__webpack_require__("./node_modules/combokeys/Combokeys/index.js"),Combokeys_default=__webpack_require__.n(Combokeys),sniffer=__webpack_require__("./src/global/sniffer.ts");const core=new class Shortcuts{ALLOW_SHORTCUTS_SELECTOR=".ring-js-shortcuts";ROOT_SCOPE={scopeId:"ROOT",options:{}};_scopes={};_scopeChain=[];combokeys=new(Combokeys_default())(document.documentElement);trigger=combo=>this.combokeys.trigger(combo);constructor(){this.setFilter(),this.setScope()}_dispatcher=(e,key)=>{let currentScope;for(let i=this._scopeChain.length-1;i>=0;i--){const scopeInChain=this._scopeChain[i];if(currentScope=this._scopes[scopeInChain.scopeId],currentScope&&null!=key&¤tScope[key]){const ret=currentScope[key](e,key,scopeInChain.scopeId);if(!0!==ret)return ret}if(scopeInChain.options.modal)return!0}};bind(params){if(!(params instanceof Object)||"function"!=typeof params.handler)throw new Error("Shortcut handler should exist");if(params.scope||(params.scope=this.ROOT_SCOPE.scopeId),Array.isArray(params.key)){for(let i=0;i"string"==typeof scopeItem?this.wrapScope(scopeItem):scopeItem));this._scopeChain=[this.ROOT_SCOPE].concat(scopes)}else this._scopeChain=[this.ROOT_SCOPE]}wrapScope(scopeId,options={}){return{scopeId,options}}hasKey(key,scope){return!!this._scopes[scope]?.[key]}_defaultFilter=(e,element,key)=>{if(element===document||!(element instanceof HTMLElement)||null==key||element.matches(this.ALLOW_SHORTCUTS_SELECTOR)||(null!=element.dataset.enabledShortcuts?element.dataset.enabledShortcuts.split(",").includes(key):null!=element.closest(this.ALLOW_SHORTCUTS_SELECTOR)))return!1;const elementContentEditableAttribute=element.contentEditable,isElementContentEditable="true"===elementContentEditableAttribute||"plaintext-only"===elementContentEditableAttribute;return element.matches("input:not([type=checkbox]),select,textarea")||isElementContentEditable};_getKeyboardEventType(params){if(!params.type&&"windows"===sniffer.A.os.name){if("string"==typeof params.key&¶ms.key.match(/ctrl/i)&¶ms.key.match(/shift/i)&¶ms.key.match(/[0-9]/))return"keyup"}return params.type}setFilter(fn){this.combokeys.stopCallback="function"==typeof fn?fn:this._defaultFilter}indexOfScope(scopeId){return this._scopeChain.findIndex((scope=>scope.scopeId===scopeId))}reset(){this._scopes={},this.setScope(),this.combokeys.reset()}};class shortcuts_Shortcuts extends react.PureComponent{static propTypes={map:prop_types_default().object.isRequired,scope:prop_types_default().string.isRequired,options:prop_types_default().object,disabled:prop_types_default().bool,children:prop_types_default().node};static defaultProps={options:{}};componentDidMount(){this.props.disabled||this.turnShorcutsOn()}componentDidUpdate(prevProps){const{disabled,map}=this.props;!prevProps.disabled&&disabled&&this.turnShorcutsOff(),prevProps.disabled&&!disabled&&this.turnShorcutsOn(),prevProps.map!==map&&core.bindMap(map,this.props)}componentWillUnmount(){this.props.disabled||this.turnShorcutsOff()}turnShorcutsOn(){const{map,scope,options}=this.props;core.bindMap(map,this.props),core.pushScope(scope,options)}turnShorcutsOff(){const{scope}=this.props;core.unbindScope(scope),core.spliceScope(scope)}render(){return this.props.children||null}}shortcuts_Shortcuts.__docgenInfo={description:"",methods:[{name:"turnShorcutsOn",docblock:null,modifiers:[],params:[],returns:null},{name:"turnShorcutsOff",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Shortcuts",props:{map:{required:!0,tsType:{name:"Record",elements:[{name:"string"},{name:"signature",type:"function",raw:"(e: KeyboardEvent, key: string, scopeId: string) => boolean | null | void",signature:{arguments:[{type:{name:"KeyboardEvent"},name:"e"},{type:{name:"string"},name:"key"},{type:{name:"string"},name:"scopeId"}],return:{name:"union",raw:"boolean | null | void",elements:[{name:"boolean"},{name:"null"},{name:"void"}]}}}],raw:"Record"},description:"",type:{name:"object"}},scope:{required:!0,tsType:{name:"string"},description:"",type:{name:"string"}},options:{required:!1,tsType:{name:"ShortcutsScopeOptions"},description:"",defaultValue:{value:"{}",computed:!1},type:{name:"object"}},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:"",type:{name:"node"}},disabled:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}}}}},"./src/tab-trap/tab-trap.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),_global_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/global/dom.ts"),_tab_trap_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/tab-trap/tab-trap.css"),_tab_trap_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tab_trap_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const TabTrap=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function TabTrap({children,trapDisabled=!1,autoFocusFirst=!0,focusBackOnClose=!0,focusBackOnExit=!1,...restProps},ref){const nodeRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),trapButtonNodeRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),previousFocusedNodeRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),trapWithoutFocusRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),mountedRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);null===previousFocusedNodeRef.current&&(previousFocusedNodeRef.current=document.activeElement),(0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(ref,(()=>({node:nodeRef.current})),[]);const focusFirst=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>focusElement(!0)),[]),focusLast=()=>focusElement(!1);function restoreFocus(){const previousFocusedNode=previousFocusedNodeRef.current;previousFocusedNode instanceof HTMLElement&&previousFocusedNode.focus&&(0,_global_dom__WEBPACK_IMPORTED_MODULE_3__.$6)(previousFocusedNode)&&(mountedRef.current||previousFocusedNode.focus({preventScroll:!0}))}function focusElement(first=!0){const node=nodeRef.current;if(!node)return;const tabables=[...node.querySelectorAll("input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])")].filter((item=>item.tabIndex>=0)),toBeFocused=first?tabables[0]:tabables[tabables.length-1];toBeFocused&&toBeFocused.focus()}return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>(mountedRef.current=!0,()=>{mountedRef.current=!1})),[]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(autoFocusFirst)focusFirst();else if(!trapDisabled){const previousFocusedElementIsInContainer=previousFocusedNodeRef.current&&nodeRef.current?.contains(previousFocusedNodeRef.current),currentlyFocusedElementIsInContainer=nodeRef.current?.contains(document.activeElement);nodeRef.current&&(previousFocusedElementIsInContainer||currentlyFocusedElementIsInContainer)||(trapWithoutFocusRef.current=!0,trapButtonNodeRef.current?.focus())}return()=>{focusBackOnClose&&restoreFocus()}}),[autoFocusFirst,trapDisabled,focusBackOnClose,focusFirst]),trapDisabled?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{ref:nodeRef,...restProps,children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{ref:nodeRef,...restProps,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{tabIndex:0,ref:trapButtonNodeRef,className:_tab_trap_css__WEBPACK_IMPORTED_MODULE_1___default().trapButton,onFocus:function focusLastIfEnabled(event){if(!trapWithoutFocusRef.current)if(focusBackOnExit){const prevFocused=event.nativeEvent.relatedTarget;null!=prevFocused&&null!=nodeRef.current&&prevFocused instanceof Element&&nodeRef.current.contains(prevFocused)&&restoreFocus()}else focusLast()},onBlur:function handleBlurIfWithoutFocus(event){if(!trapWithoutFocusRef.current)return;trapWithoutFocusRef.current=!1;const newFocused=event.nativeEvent.relatedTarget;newFocused&&(newFocused instanceof Element&&nodeRef.current?.contains(newFocused)||focusLast())},"data-trap-button":!0}),children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{tabIndex:0,onFocus:focusBackOnExit?restoreFocus:focusFirst,"data-trap-button":!0})]})}));TabTrap.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node.isRequired,trapDisabled:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,autoFocusFirst:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,focusBackOnClose:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,focusBackOnExit:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool};const __WEBPACK_DEFAULT_EXPORT__=TabTrap;TabTrap.__docgenInfo={description:"",methods:[],displayName:"TabTrap",props:{trapDisabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},autoFocusFirst:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},focusBackOnClose:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},focusBackOnExit:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},children:{description:"",type:{name:"node"},required:!0}}}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./.storybook/preview.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_src_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_src_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,"body {\n box-sizing: border-box;\n margin: var(--ring-unit) !important;\n padding: 0 !important;\n\n color: var(--ring-text-color);\n background-color: var(--ring-content-background-color);\n\n font-family: var(--ring-font-family);\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.blockAnimations_a979 *,\n.blockAnimations_a979 *::before,\n.blockAnimations_a979 *::after {\n transition: none !important;\n animation: none !important;\n}\n","",{version:3,sources:["webpack://./.storybook/preview.css"],names:[],mappings:"AAEA;EACE,sBAAsB;EACtB,mCAAmC;EACnC,qBAAqB;;EAErB,6BAA6B;EAC7B,sDAAsD;;EAEtD,oCAAoC;EACpC,gCAAgC;EAChC,oCAAoC;AACtC;;AAEA;;;EAGE,2BAA2B;EAC3B,0BAA0B;AAC5B",sourcesContent:['@import "../src/global/variables.css";\n\nbody {\n box-sizing: border-box;\n margin: var(--ring-unit) !important;\n padding: 0 !important;\n\n color: var(--ring-text-color);\n background-color: var(--ring-content-background-color);\n\n font-family: var(--ring-font-family);\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.blockAnimations *,\n.blockAnimations *::before,\n.blockAnimations *::after {\n transition: none !important;\n animation: none !important;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={blockAnimations:"blockAnimations_a979"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/global.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'/* https://readymag.com/artemtiunov/RingUILanguage/colours/ */\n\n.clearfix_fd01::after {\n display: block;\n clear: both;\n\n content: "";\n }\n\n.font_dd85 {\n font-family: var(--ring-font-family);\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.font-lower_d9fd {\n\n line-height: var(--ring-line-height-lower);\n}\n\n.font-smaller_e38a {\n\n font-size: var(--ring-font-size-smaller);\n}\n\n.font-smaller-lower_bc4e {\n\n line-height: var(--ring-line-height-lowest);\n}\n\n.font-larger-lower_a2b7 {\n\n font-size: var(--ring-font-size-larger);\n}\n\n.font-larger_c402 {\n\n line-height: var(--ring-line-height-taller);\n}\n\n/* To be used at large sizes */\n/* As close as possible to Helvetica Neue Thin (to replace Gotham) */\n.thin-font_c959 {\n font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;\n font-size: var(--ring-font-size);\n font-weight: 100; /* Renders Helvetica Neue UltraLight on OS X */\n}\n\n.monospace-font_f0a1 {\n font-family: var(--ring-font-family-monospace);\n font-size: var(--ring-font-size-smaller);\n}\n\n.ellipsis_bb96 {\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.resetButton_a5c8 {\n overflow: visible;\n\n padding: 0;\n\n text-align: left;\n\n color: inherit;\n border: 0;\n\n background-color: transparent;\n\n font: inherit;\n}\n\n.resetButton_a5c8::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n\n/* Note: footer also has top margin which isn\'t taken into account here */\n\n/* Media breakpoints (minimal values) */\n\n/* Media queries */\n',"",{version:3,sources:["webpack://./src/global/global.css"],names:[],mappings:"AAAA,6DAA6D;;AAG3D;IACE,cAAc;IACd,WAAW;;IAEX,WAAW;EACb;;AAGF;EACE,oCAAoC;EACpC,gCAAgC;EAChC,oCAAoC;AACtC;;AAEA;;EAGE,0CAA0C;AAC5C;;AAEA;;EAGE,wCAAwC;AAC1C;;AAEA;;EAGE,2CAA2C;AAC7C;;AAEA;;EAGE,uCAAuC;AACzC;;AAEA;;EAGE,2CAA2C;AAC7C;;AAEA,8BAA8B;AAC9B,oEAAoE;AACpE;EACE,uEAAuE;EACvE,gCAAgC;EAChC,gBAAgB,EAAE,+CAA+C;AACnE;;AAEA;EACE,8CAA8C;EAC9C,wCAAwC;AAC1C;;AAEA;EACE,gBAAgB;;EAEhB,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,iBAAiB;;EAEjB,UAAU;;EAEV,gBAAgB;;EAEhB,cAAc;EACd,SAAS;;EAET,6BAA6B;;EAE7B,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX;;AAGF,yEAAyE;;AAGzE,uCAAuC;;AAKvC,kBAAkB",sourcesContent:['/* https://readymag.com/artemtiunov/RingUILanguage/colours/ */\n\n.clearfix {\n &::after {\n display: block;\n clear: both;\n\n content: "";\n }\n}\n\n.font {\n font-family: var(--ring-font-family);\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.font-lower {\n composes: font;\n\n line-height: var(--ring-line-height-lower);\n}\n\n.font-smaller {\n composes: font-lower;\n\n font-size: var(--ring-font-size-smaller);\n}\n\n.font-smaller-lower {\n composes: font-smaller;\n\n line-height: var(--ring-line-height-lowest);\n}\n\n.font-larger-lower {\n composes: font-lower;\n\n font-size: var(--ring-font-size-larger);\n}\n\n.font-larger {\n composes: font-larger-lower;\n\n line-height: var(--ring-line-height-taller);\n}\n\n/* To be used at large sizes */\n/* As close as possible to Helvetica Neue Thin (to replace Gotham) */\n.thin-font {\n font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;\n font-size: var(--ring-font-size);\n font-weight: 100; /* Renders Helvetica Neue UltraLight on OS X */\n}\n\n.monospace-font {\n font-family: var(--ring-font-family-monospace);\n font-size: var(--ring-font-size-smaller);\n}\n\n.ellipsis {\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.resetButton {\n overflow: visible;\n\n padding: 0;\n\n text-align: left;\n\n color: inherit;\n border: 0;\n\n background-color: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n\n/* Note: footer also has top margin which isn\'t taken into account here */\n@value footer-height: calc(var(--ring-unit) * 8);\n\n/* Media breakpoints (minimal values) */\n@value breakpoint-small: 640px;\n@value breakpoint-middle: 960px;\n@value breakpoint-large: 1200px;\n\n/* Media queries */\n@value extra-small-screen-media: (max-width: calc(breakpoint-small - 1px));\n@value small-screen-media: (min-width: breakpoint-small) and (max-width: calc(breakpoint-middle - 1px));\n@value middle-screen-media: (min-width: breakpoint-middle) and (max-width: calc(breakpoint-large - 1px));\n@value large-screen-media: (min-width: breakpoint-large);\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"footer-height":"calc(var(--ring-unit)*8)","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)",clearfix:"clearfix_fd01",font:"font_dd85","font-lower":"font-lower_d9fd font_dd85","font-smaller":"font-smaller_e38a font-lower_d9fd font_dd85","font-smaller-lower":"font-smaller-lower_bc4e font-smaller_e38a font-lower_d9fd font_dd85","font-larger-lower":"font-larger-lower_a2b7 font-lower_d9fd font_dd85","font-larger":"font-larger_c402 font-larger-lower_a2b7 font-lower_d9fd font_dd85","thin-font":"thin-font_c959","monospace-font":"monospace-font_f0a1",ellipsis:"ellipsis_bb96",resetButton:"resetButton_a5c8"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'/* stylelint-disable color-no-hex */\n\n.light_b993,\n:root {\n --ring-unit: 8px;\n\n /* Element */\n --ring-line-components: 223, 225, 229;\n --ring-line-color: rgb(var(--ring-line-components)); /* #dfe1e5 */\n --ring-borders-components: 211, 213, 219;\n --ring-borders-color: rgb(var(--ring-borders-components)); /* #d3d5db */\n --ring-icon-components: 129, 133, 148;\n --ring-icon-color: rgb(var(--ring-icon-components)); /* #818594 */\n --ring-icon-white-components: 255, 255, 255;\n --ring-icon-white-color: rgb(var(--ring-icon-white-components)); /* #FFFFFF */\n --ring-icon-secondary-components: 129, 133, 148;\n --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #818594 */\n --ring-border-disabled-components: 235, 236, 240;\n --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #ebecf0 */\n --ring-border-selected-disabled-components: 201, 204, 214;\n --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #c9ccd6 */\n --ring-icon-disabled-components: 211, 213, 219;\n --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #d3d5db */\n --ring-border-hover-components: 160, 189, 248;\n --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #a0bdf8 */\n --ring-icon-hover-components: 90, 93, 107;\n --ring-icon-hover-color: rgb(var(--ring-icon-hover-components)); /* #5a5d6b */\n --ring-main-components: 53, 116, 240;\n --ring-main-color: rgb(var(--ring-main-components)); /* #3574f0 */\n --ring-action-link-components: 46, 85, 163;\n --ring-action-link-color: rgb(var(--ring-action-link-components)); /* #2E55A3 */\n --ring-main-hover-components: 51, 105, 214;\n --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #3369d6 */\n --ring-icon-error-components: 219, 59, 75;\n --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #db3b4b */\n --ring-icon-warning-components: 255, 175, 15;\n --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #ffaf0f */\n --ring-icon-success-components: 85, 167, 106;\n --ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #55a76a */\n --ring-pale-control-components: 194, 214, 252;\n --ring-pale-control-color: rgb(var(--ring-pale-control-components)); /* #C2D6FC */\n --ring-popup-border-components: 0, 28, 54;\n --ring-popup-border-color: var(--ring-line-color);\n --ring-popup-shadow-components: rgba(var(--ring-popup-border-components), 0.1);\n --ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.1);\n --ring-popup-secondary-shadow-color: rgba(var(--ring-popup-border-components), 0.04);\n --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);\n --ring-pinned-shadow-components: 108, 112, 126;\n --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #6C707E */\n --ring-button-danger-hover-components: var(--ring-icon-error-color);\n --ring-button-danger-hover-color: var(--ring-icon-error-color);\n --ring-button-primary-border-components: 49, 95, 189;\n --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #315FBD */\n --ring-dialog-overlay-components: 0, 0, 0;\n --ring-dialog-overlay-opacity: 0.4;\n --ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);\n --ring-dialog-shadow: 0 4px 24px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);\n\n\n /* Text */\n --ring-search-components: 112, 156, 245;\n --ring-search-color: rgb(var(--ring-search-components)); /* #709CF5 */\n --ring-hint-components: 46, 85, 163;\n --ring-hint-color: rgb(var(--ring-hint-components)); /* #2E55A3 */\n --ring-link-components: 46, 85, 163;\n --ring-link-color: rgb(var(--ring-link-components)); /* #2E55A3 */\n --ring-link-hover-components: 34, 60, 114;\n --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #223C72 */\n --ring-error-components: 204, 54, 69;\n --ring-error-color: rgb(var(--ring-error-components)); /* #CC3645 */\n --ring-warning-components: 164, 103, 4;\n --ring-warning-color: rgb(var(--ring-warning-components)); /* #A46704 */\n --ring-success-components: 31, 117, 54;\n --ring-success-color: rgb(var(--ring-success-components)); /* #1F7536 */\n --ring-text-components: 39, 40, 46;\n --ring-text-color: rgb(var(--ring-text-components)); /* #27282E */\n --ring-active-text-color: var(--ring-text-color);\n --ring-white-text-components: 255, 255, 255;\n --ring-white-text-color: rgb(var(--ring-white-text-components)); /* #FFFFFF */\n --ring-heading-color: var(--ring-text-color);\n --ring-secondary-components: 108, 112, 126;\n --ring-secondary-color: rgb(var(--ring-secondary-components)); /* #6C707E */\n --ring-disabled-components: 168, 173, 189;\n --ring-disabled-color: rgb(var(--ring-disabled-components)); /* #A8ADBD */\n\n /* Background */\n --ring-content-background-components: 255, 255, 255;\n --ring-content-background-color: rgb(var(--ring-content-background-components)); /* #FFFFFF */\n --ring-popup-background-components: 255, 255, 255;\n --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #FFFFFF */\n --ring-sidebar-background-components: 247, 248, 250;\n --ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #F7F8FA */\n --ring-selected-background-components: 212, 226, 255;\n --ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #D4E2FF */\n --ring-hover-background-components: 237, 243, 255;\n --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #EDF3FF */\n --ring-navigation-background-components: 255, 255, 255;\n --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #FFFFFF */\n --ring-tag-background-components: 235, 236, 240;\n --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #EBECF0 */\n --ring-tag-hover-background-components: 211, 213, 219;\n --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #D3D5DB */\n --ring-removed-background-components: 250, 212, 216;\n --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #FAD4D8 */\n --ring-warning-background-components: 255, 241, 209;\n --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #FFF1D1 */\n --ring-added-background-components: 197, 229, 204;\n --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #C5E5CC */\n --ring-disabled-background-components: 247, 248, 250;\n --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #F7F8FA */\n --ring-disabled-selected-background-components: 235, 236, 240;\n --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #EBECF0 */\n --ring-button-danger-active-components: 250, 212, 216;\n --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #FAD4D8 */\n --ring-button-loader-background-components: 70, 130, 250;\n --ring-button-loader-background: rgb(var(--ring-button-loader-background-components)); /* #4682FA */\n --ring-button-primary-background-components: 53, 116, 240;\n --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */\n --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #FFFFFF50 */\n --ring-removed-subtle-background-components: 255, 247, 247;\n --ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #FFF7F7 */\n --ring-warning-subtle-background-components: 255, 250, 235;\n --ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #FFFAEB */\n --ring-added-subtle-background-components: 242, 252, 243;\n --ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #F2FCF3 */\n\n /* Code */\n --ring-code-background-color: var(--ring-content-background-color);\n --ring-code-components: 0, 0, 0;\n --ring-code-color: rgb(var(--ring-code-components)); /* #000000 */\n --ring-code-comment-components: 140, 140, 140;\n --ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #8C8C8C */\n --ring-code-meta-components: 158, 136, 13;\n --ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #9E880D */\n --ring-code-keyword-components: 0, 51, 179;\n --ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #0033B3 */\n --ring-code-tag-background-components: 235, 236, 240;\n --ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #EBECF0 */\n --ring-code-tag-color: var(--ring-code-keyword-color);\n --ring-code-tag-font-weight: var(--ring-font-weight-bold);\n --ring-code-field-components: 135, 16, 148;\n --ring-code-field-color: rgb(var(--ring-code-field-components)); /* #871094 */\n --ring-code-attribute-components: 23, 80, 235;\n --ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #1750EB */\n --ring-code-number-color: var(--ring-code-attribute-color);\n --ring-code-string-components: 6, 125, 23;\n --ring-code-string-color: rgb(var(--ring-code-string-components)); /* #067D17 */\n --ring-code-addition-components: 197, 229, 204;\n --ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #C5E5CC */\n --ring-code-deletion-components: 223, 225, 229;\n --ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #DFE1E5 */\n\n /* Metrics */\n --ring-border-radius: 4px;\n --ring-border-radius-small: 2px;\n --ring-font-size-larger: 16px;\n --ring-font-size: 14px;\n --ring-font-size-smaller: 12px;\n --ring-line-height-taller: 24px;\n --ring-line-height: 20px;\n --ring-line-height-lower: 18px;\n --ring-line-height-lowest: 16px;\n --ring-ease: 0.3s ease-out;\n --ring-fast-ease: 0.15s ease-out;\n --ring-font-family: system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif;\n --ring-font-family-monospace:\n Menlo,\n "Bitstream Vera Sans Mono",\n "Ubuntu Mono",\n Consolas,\n "Courier New",\n Courier,\n monospace;\n --ring-font-weight-bold: 600;\n\n /* Common z-index-values */\n\n /* Invisible element is an absolutely positioned element which should be below */\n /* all other elements on the page */\n --ring-invisible-element-z-index: -1;\n\n /* z-index for position: fixed elements */\n --ring-fixed-z-index: 1;\n\n /* Elements that should overlay all other elements on the page */\n --ring-overlay-z-index: 5;\n\n /* Alerts should de displayed above overlays */\n --ring-alert-z-index: 6;\n}\n',"",{version:3,sources:["webpack://./src/global/variables.css"],names:[],mappings:"AAAA,mCAAmC;;AAEnC;;EAEE,gBAAgB;;EAEhB,YAAY;EACZ,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,wCAAwC;EACxC,yDAAyD,EAAE,YAAY;EACvE,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,2CAA2C;EAC3C,+DAA+D,EAAE,YAAY;EAC7E,+CAA+C;EAC/C,uEAAuE,EAAE,YAAY;EACrF,gDAAgD;EAChD,yEAAyE,EAAE,YAAY;EACvF,yDAAyD;EACzD,2FAA2F,EAAE,YAAY;EACzG,8CAA8C;EAC9C,qEAAqE,EAAE,YAAY;EACnF,6CAA6C;EAC7C,mEAAmE,EAAE,YAAY;EACjF,yCAAyC;EACzC,+DAA+D,EAAE,YAAY;EAC7E,oCAAoC;EACpC,mDAAmD,EAAE,YAAY;EACjE,0CAA0C;EAC1C,iEAAiE,EAAE,YAAY;EAC/E,0CAA0C;EAC1C,+DAA+D,EAAE,YAAY;EAC7E,yCAAyC;EACzC,+DAA+D,EAAE,YAAY;EAC7E,4CAA4C;EAC5C,mEAAmE,EAAE,YAAY;EACjF,4CAA4C;EAC5C,mEAAmE,EAAE,YAAY;EACjF,6CAA6C;EAC7C,mEAAmE,EAAE,YAAY;EACjF,yCAAyC;EACzC,iDAAiD;EACjD,8EAA8E;EAC9E,yEAAyE;EACzE,oFAAoF;EACpF,2EAA2E;EAC3E,8CAA8C;EAC9C,qEAAqE,EAAE,YAAY;EACnF,mEAAmE;EACnE,8DAA8D;EAC9D,oDAAoD;EACpD,qFAAqF,EAAE,YAAY;EACnG,yCAAyC;EACzC,kCAAkC;EAClC,iHAAiH;EACjH,mHAAmH;;;EAGnH,SAAS;EACT,uCAAuC;EACvC,uDAAuD,EAAE,YAAY;EACrE,mCAAmC;EACnC,mDAAmD,EAAE,YAAY;EACjE,mCAAmC;EACnC,mDAAmD,EAAE,YAAY;EACjE,yCAAyC;EACzC,+DAA+D,EAAE,YAAY;EAC7E,oCAAoC;EACpC,qDAAqD,EAAE,YAAY;EACnE,sCAAsC;EACtC,yDAAyD,EAAE,YAAY;EACvE,sCAAsC;EACtC,yDAAyD,EAAE,YAAY;EACvE,kCAAkC;EAClC,mDAAmD,EAAE,YAAY;EACjE,gDAAgD;EAChD,2CAA2C;EAC3C,+DAA+D,EAAE,YAAY;EAC7E,4CAA4C;EAC5C,0CAA0C;EAC1C,6DAA6D,EAAE,YAAY;EAC3E,yCAAyC;EACzC,2DAA2D,EAAE,YAAY;;EAEzE,eAAe;EACf,mDAAmD;EACnD,+EAA+E,EAAE,YAAY;EAC7F,iDAAiD;EACjD,2EAA2E,EAAE,YAAY;EACzF,mDAAmD;EACnD,+EAA+E,EAAE,YAAY;EAC7F,oDAAoD;EACpD,iFAAiF,EAAE,YAAY;EAC/F,iDAAiD;EACjD,2EAA2E,EAAE,YAAY;EACzF,sDAAsD;EACtD,qFAAqF,EAAE,YAAY;EACnG,+CAA+C;EAC/C,uEAAuE,EAAE,YAAY;EACrF,qDAAqD;EACrD,mFAAmF,EAAE,YAAY;EACjG,mDAAmD;EACnD,+EAA+E,EAAE,YAAY;EAC7F,mDAAmD;EACnD,+EAA+E,EAAE,YAAY;EAC7F,iDAAiD;EACjD,2EAA2E,EAAE,YAAY;EACzF,oDAAoD;EACpD,iFAAiF,EAAE,YAAY;EAC/F,6DAA6D;EAC7D,mGAAmG,EAAE,YAAY;EACjH,qDAAqD;EACrD,mFAAmF,EAAE,YAAY;EACjG,wDAAwD;EACxD,qFAAqF,EAAE,YAAY;EACnG,yDAAyD;EACzD,6FAA6F,EAAE,YAAY;EAC3G,0FAA0F,EAAE,cAAc;EAC1G,0DAA0D;EAC1D,6FAA6F,EAAE,YAAY;EAC3G,0DAA0D;EAC1D,6FAA6F,EAAE,YAAY;EAC3G,wDAAwD;EACxD,yFAAyF,EAAE,YAAY;;EAEvG,SAAS;EACT,kEAAkE;EAClE,+BAA+B;EAC/B,mDAAmD,EAAE,YAAY;EACjE,6CAA6C;EAC7C,mEAAmE,EAAE,YAAY;EACjF,yCAAyC;EACzC,6DAA6D,EAAE,YAAY;EAC3E,0CAA0C;EAC1C,mEAAmE,EAAE,YAAY;EACjF,oDAAoD;EACpD,iFAAiF,EAAE,YAAY;EAC/F,qDAAqD;EACrD,yDAAyD;EACzD,0CAA0C;EAC1C,+DAA+D,EAAE,YAAY;EAC7E,6CAA6C;EAC7C,uEAAuE,EAAE,YAAY;EACrF,0DAA0D;EAC1D,yCAAyC;EACzC,iEAAiE,EAAE,YAAY;EAC/E,8CAA8C;EAC9C,qEAAqE,EAAE,YAAY;EACnF,8CAA8C;EAC9C,qEAAqE,EAAE,YAAY;;EAEnF,YAAY;EACZ,yBAAyB;EACzB,+BAA+B;EAC/B,6BAA6B;EAC7B,sBAAsB;EACtB,8BAA8B;EAC9B,+BAA+B;EAC/B,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,0BAA0B;EAC1B,gCAAgC;EAChC,+HAAgD;EAChD;;;;;;;aAOW;EACX,4BAA4B;;EAE5B,0BAA0B;;EAE1B,gFAAgF;EAChF,mCAAmC;EACnC,oCAAoC;;EAEpC,yCAAyC;EACzC,uBAAuB;;EAEvB,gEAAgE;EAChE,yBAAyB;;EAEzB,8CAA8C;EAC9C,uBAAuB;AACzB",sourcesContent:['/* stylelint-disable color-no-hex */\n\n.light,\n:root {\n --ring-unit: 8px;\n\n /* Element */\n --ring-line-components: 223, 225, 229;\n --ring-line-color: rgb(var(--ring-line-components)); /* #dfe1e5 */\n --ring-borders-components: 211, 213, 219;\n --ring-borders-color: rgb(var(--ring-borders-components)); /* #d3d5db */\n --ring-icon-components: 129, 133, 148;\n --ring-icon-color: rgb(var(--ring-icon-components)); /* #818594 */\n --ring-icon-white-components: 255, 255, 255;\n --ring-icon-white-color: rgb(var(--ring-icon-white-components)); /* #FFFFFF */\n --ring-icon-secondary-components: 129, 133, 148;\n --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #818594 */\n --ring-border-disabled-components: 235, 236, 240;\n --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #ebecf0 */\n --ring-border-selected-disabled-components: 201, 204, 214;\n --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #c9ccd6 */\n --ring-icon-disabled-components: 211, 213, 219;\n --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #d3d5db */\n --ring-border-hover-components: 160, 189, 248;\n --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #a0bdf8 */\n --ring-icon-hover-components: 90, 93, 107;\n --ring-icon-hover-color: rgb(var(--ring-icon-hover-components)); /* #5a5d6b */\n --ring-main-components: 53, 116, 240;\n --ring-main-color: rgb(var(--ring-main-components)); /* #3574f0 */\n --ring-action-link-components: 46, 85, 163;\n --ring-action-link-color: rgb(var(--ring-action-link-components)); /* #2E55A3 */\n --ring-main-hover-components: 51, 105, 214;\n --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #3369d6 */\n --ring-icon-error-components: 219, 59, 75;\n --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #db3b4b */\n --ring-icon-warning-components: 255, 175, 15;\n --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #ffaf0f */\n --ring-icon-success-components: 85, 167, 106;\n --ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #55a76a */\n --ring-pale-control-components: 194, 214, 252;\n --ring-pale-control-color: rgb(var(--ring-pale-control-components)); /* #C2D6FC */\n --ring-popup-border-components: 0, 28, 54;\n --ring-popup-border-color: var(--ring-line-color);\n --ring-popup-shadow-components: rgba(var(--ring-popup-border-components), 0.1);\n --ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.1);\n --ring-popup-secondary-shadow-color: rgba(var(--ring-popup-border-components), 0.04);\n --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);\n --ring-pinned-shadow-components: 108, 112, 126;\n --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #6C707E */\n --ring-button-danger-hover-components: var(--ring-icon-error-color);\n --ring-button-danger-hover-color: var(--ring-icon-error-color);\n --ring-button-primary-border-components: 49, 95, 189;\n --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #315FBD */\n --ring-dialog-overlay-components: 0, 0, 0;\n --ring-dialog-overlay-opacity: 0.4;\n --ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);\n --ring-dialog-shadow: 0 4px 24px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);\n\n\n /* Text */\n --ring-search-components: 112, 156, 245;\n --ring-search-color: rgb(var(--ring-search-components)); /* #709CF5 */\n --ring-hint-components: 46, 85, 163;\n --ring-hint-color: rgb(var(--ring-hint-components)); /* #2E55A3 */\n --ring-link-components: 46, 85, 163;\n --ring-link-color: rgb(var(--ring-link-components)); /* #2E55A3 */\n --ring-link-hover-components: 34, 60, 114;\n --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #223C72 */\n --ring-error-components: 204, 54, 69;\n --ring-error-color: rgb(var(--ring-error-components)); /* #CC3645 */\n --ring-warning-components: 164, 103, 4;\n --ring-warning-color: rgb(var(--ring-warning-components)); /* #A46704 */\n --ring-success-components: 31, 117, 54;\n --ring-success-color: rgb(var(--ring-success-components)); /* #1F7536 */\n --ring-text-components: 39, 40, 46;\n --ring-text-color: rgb(var(--ring-text-components)); /* #27282E */\n --ring-active-text-color: var(--ring-text-color);\n --ring-white-text-components: 255, 255, 255;\n --ring-white-text-color: rgb(var(--ring-white-text-components)); /* #FFFFFF */\n --ring-heading-color: var(--ring-text-color);\n --ring-secondary-components: 108, 112, 126;\n --ring-secondary-color: rgb(var(--ring-secondary-components)); /* #6C707E */\n --ring-disabled-components: 168, 173, 189;\n --ring-disabled-color: rgb(var(--ring-disabled-components)); /* #A8ADBD */\n\n /* Background */\n --ring-content-background-components: 255, 255, 255;\n --ring-content-background-color: rgb(var(--ring-content-background-components)); /* #FFFFFF */\n --ring-popup-background-components: 255, 255, 255;\n --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #FFFFFF */\n --ring-sidebar-background-components: 247, 248, 250;\n --ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #F7F8FA */\n --ring-selected-background-components: 212, 226, 255;\n --ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #D4E2FF */\n --ring-hover-background-components: 237, 243, 255;\n --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #EDF3FF */\n --ring-navigation-background-components: 255, 255, 255;\n --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #FFFFFF */\n --ring-tag-background-components: 235, 236, 240;\n --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #EBECF0 */\n --ring-tag-hover-background-components: 211, 213, 219;\n --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #D3D5DB */\n --ring-removed-background-components: 250, 212, 216;\n --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #FAD4D8 */\n --ring-warning-background-components: 255, 241, 209;\n --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #FFF1D1 */\n --ring-added-background-components: 197, 229, 204;\n --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #C5E5CC */\n --ring-disabled-background-components: 247, 248, 250;\n --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #F7F8FA */\n --ring-disabled-selected-background-components: 235, 236, 240;\n --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #EBECF0 */\n --ring-button-danger-active-components: 250, 212, 216;\n --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #FAD4D8 */\n --ring-button-loader-background-components: 70, 130, 250;\n --ring-button-loader-background: rgb(var(--ring-button-loader-background-components)); /* #4682FA */\n --ring-button-primary-background-components: 53, 116, 240;\n --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */\n --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #FFFFFF50 */\n --ring-removed-subtle-background-components: 255, 247, 247;\n --ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #FFF7F7 */\n --ring-warning-subtle-background-components: 255, 250, 235;\n --ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #FFFAEB */\n --ring-added-subtle-background-components: 242, 252, 243;\n --ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #F2FCF3 */\n\n /* Code */\n --ring-code-background-color: var(--ring-content-background-color);\n --ring-code-components: 0, 0, 0;\n --ring-code-color: rgb(var(--ring-code-components)); /* #000000 */\n --ring-code-comment-components: 140, 140, 140;\n --ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #8C8C8C */\n --ring-code-meta-components: 158, 136, 13;\n --ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #9E880D */\n --ring-code-keyword-components: 0, 51, 179;\n --ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #0033B3 */\n --ring-code-tag-background-components: 235, 236, 240;\n --ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #EBECF0 */\n --ring-code-tag-color: var(--ring-code-keyword-color);\n --ring-code-tag-font-weight: var(--ring-font-weight-bold);\n --ring-code-field-components: 135, 16, 148;\n --ring-code-field-color: rgb(var(--ring-code-field-components)); /* #871094 */\n --ring-code-attribute-components: 23, 80, 235;\n --ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #1750EB */\n --ring-code-number-color: var(--ring-code-attribute-color);\n --ring-code-string-components: 6, 125, 23;\n --ring-code-string-color: rgb(var(--ring-code-string-components)); /* #067D17 */\n --ring-code-addition-components: 197, 229, 204;\n --ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #C5E5CC */\n --ring-code-deletion-components: 223, 225, 229;\n --ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #DFE1E5 */\n\n /* Metrics */\n --ring-border-radius: 4px;\n --ring-border-radius-small: 2px;\n --ring-font-size-larger: 16px;\n --ring-font-size: 14px;\n --ring-font-size-smaller: 12px;\n --ring-line-height-taller: 24px;\n --ring-line-height: 20px;\n --ring-line-height-lower: 18px;\n --ring-line-height-lowest: 16px;\n --ring-ease: 0.3s ease-out;\n --ring-fast-ease: 0.15s ease-out;\n --ring-font-family: system-ui, Arial, sans-serif;\n --ring-font-family-monospace:\n Menlo,\n "Bitstream Vera Sans Mono",\n "Ubuntu Mono",\n Consolas,\n "Courier New",\n Courier,\n monospace;\n --ring-font-weight-bold: 600;\n\n /* Common z-index-values */\n\n /* Invisible element is an absolutely positioned element which should be below */\n /* all other elements on the page */\n --ring-invisible-element-z-index: -1;\n\n /* z-index for position: fixed elements */\n --ring-fixed-z-index: 1;\n\n /* Elements that should overlay all other elements on the page */\n --ring-overlay-z-index: 5;\n\n /* Alerts should de displayed above overlays */\n --ring-alert-z-index: 6;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={light:"light_b993"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables_dark.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"/* stylelint-disable color-no-hex */\n\n.ring-ui-theme-dark,\n.dark_e22b,\n:root.dark_e22b {\n --ring-line-components: 67, 69, 74;\n --ring-line-color: rgb(var(--ring-line-components)); /* #43454A */\n --ring-borders-components: 111, 115, 122;\n --ring-borders-color: rgb(var(--ring-borders-components)); /* #6F737A */\n --ring-icon-components: 134, 138, 145;\n --ring-icon-color: rgb(var(--ring-icon-components)); /* #868A91 */\n --ring-icon-secondary-components: 134, 138, 145;\n --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #868A91 */\n --ring-border-disabled-components: 78, 81, 87;\n --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #4E5157 */\n --ring-border-selected-disabled-components: 90, 93, 99;\n --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #5A5D63 */\n --ring-icon-disabled-components: 78, 81, 87;\n --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #4E5157 */\n --ring-border-hover-components: 55, 95, 173;\n --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #375FAD */\n --ring-main-components: 53, 116, 240;\n --ring-main-color: rgb(var(--ring-main-components)); /* #3574F0 */\n --ring-action-link-components: 153, 187, 255;\n --ring-action-link-color: rgb(var(--ring-action-link-components)); /* #99BBFF */\n --ring-main-hover-components: 54, 106, 207;\n --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #366ACF */\n --ring-icon-error-components: 219, 92, 92;\n --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #DB5C5C */\n --ring-icon-warning-components: 214, 174, 88;\n --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #D6AE58 */\n --ring-icon-success-components: 95, 173, 101;\n --ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #5FAD65 */\n --ring-popup-border-components: 57, 59, 64;\n --ring-popup-border-color: rgb(var(--ring-popup-border-components)); /* #393B40 */\n --ring-popup-shadow-color: rgba(0, 0, 0, 0.31);\n --ring-popup-secondary-shadow-color: rgba(0, 0, 0, 0.37);\n --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);\n --ring-pinned-shadow-components: 0, 0, 0;\n --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #000 */\n --ring-button-danger-hover-color: var(--ring-error-color);\n --ring-button-primary-border-components: 53, 116, 240;\n --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #3574F0 */\n --ring-dialog-overlay-components: 0, 0, 0;\n --ring-dialog-overlay-opacity: 0.7;\n --ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);\n --ring-dialog-shadow: 0 4px 16px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);\n\n /* Text */\n --ring-hint-components: 134, 138, 145;\n --ring-hint-color: rgb(var(--ring-hint-components)); /* #868A91 */\n --ring-link-components: 153, 187, 255;\n --ring-link-color: rgb(var(--ring-link-components)); /* #99BBFF */\n --ring-link-hover-components: 107, 155, 250;\n --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #6B9BFA */\n --ring-error-components: 227, 119, 116;\n --ring-error-color: rgb(var(--ring-error-components)); /* #E37774 */\n --ring-warning-components: 242, 197, 92;\n --ring-warning-color: rgb(var(--ring-warning-components)); /* #F2C55C */\n --ring-success-components: 115, 189, 121;\n --ring-success-color: rgb(var(--ring-success-components)); /* #73BD79 */\n --ring-text-components: 223, 225, 229;\n --ring-text-color: rgb(var(--ring-text-components)); /* #DFE1E5 */\n --ring-active-text-components: 255, 255, 255;\n --ring-active-text-color: rgb(var(--ring-active-text-components)); /* #FFFFFF */\n --ring-heading-color: var(--ring-text-color);\n --ring-secondary-components: 157, 160, 168;\n --ring-secondary-color: rgb(var(--ring-secondary-components)); /* #9DA0A8 */\n --ring-disabled-components: 111, 115, 122;\n --ring-disabled-color: rgb(var(--ring-disabled-components)); /* #6F737A */\n\n /* Background */\n --ring-content-background-components: 30, 31, 34;\n --ring-content-background-color: rgb(var(--ring-content-background-components)); /* #1E1F22 */\n --ring-popup-background-components: 57, 59, 64;\n --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #393B40 */\n --ring-sidebar-background-components: 43, 45, 48;\n --ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #2B2D30 */\n --ring-selected-background-components: 46, 67, 110;\n --ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #2E436E */\n --ring-hover-background-components: 37, 50, 77;\n --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #25324D */\n --ring-navigation-background-components: 30, 31, 34;\n --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #1E1F22 */\n --ring-tag-background-components: 67, 69, 74;\n --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #43454A */\n --ring-tag-hover-background-components: 57, 59, 64;\n --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #393B40 */\n --ring-removed-background-components: 94, 56, 56;\n --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #5E3838 */\n --ring-warning-background-components: 94, 77, 51;\n --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #5E4D33 */\n --ring-added-background-components: 55, 82, 57;\n --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #375239 */\n --ring-disabled-background-components: 57, 59, 64;\n --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #393B40 */\n --ring-disabled-selected-background-components: 67, 69, 74;\n --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #43454A */\n --ring-button-danger-active-components: 64, 41, 41;\n --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #402929 */\n --ring-button-primary-background-components: 53, 116, 240;\n --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */\n --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #2B2D3050 */\n --ring-removed-subtle-background-components: 64, 41, 41;\n --ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #402929 */\n --ring-warning-subtle-background-components: 61, 50, 35;\n --ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #3D3223 */\n --ring-added-subtle-background-components: 37, 54, 39;\n --ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #253627 */\n\n\n /* Code */\n --ring-code-background-components: 30, 31, 34;\n --ring-code-background-color: rgb(var(--ring-code-background-components)); /* #1E1F22 */\n --ring-code-components: 189, 192, 201;\n --ring-code-color: rgb(var(--ring-code-components)); /* #BDC0C9 */\n --ring-code-comment-components: 110, 121, 138;\n --ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #6E798A */\n --ring-code-meta-components: 184, 177, 103;\n --ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #B8B167 */\n --ring-code-keyword-components: 214, 154, 107;\n --ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #D69A6B */\n --ring-code-tag-background-components: 67, 69, 74;\n --ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #43454A */\n --ring-code-tag-components: 214, 154, 107;\n --ring-code-tag-color: rgb(var(--ring-code-tag-components)); /* #D69A6B */\n --ring-code-tag-font-weight: normal;\n --ring-code-field-components: 207, 132, 207;\n --ring-code-field-color: rgb(var(--ring-code-field-components)); /* #CF84CF */\n --ring-code-attribute-components: 81, 192, 207;\n --ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #51C0CF */\n --ring-code-number-components: 81, 192, 207;\n --ring-code-number-color: rgb(var(--ring-code-number-components)); /* #51C0CF */\n --ring-code-string-components: 108, 171, 116;\n --ring-code-string-color: rgb(var(--ring-code-string-components)); /* #6CAB74 */\n --ring-code-addition-components: 55, 82, 57;\n --ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #375239 */\n --ring-code-deletion-components: 67, 69, 74;\n --ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #43454A */\n\n color-scheme: dark;\n}\n","",{version:3,sources:["webpack://./src/global/variables_dark.css"],names:[],mappings:"AAAA,mCAAmC;;AAEnC;;;EAGE,kCAAkC;EAClC,mDAAmD,EAAE,YAAY;EACjE,wCAAwC;EACxC,yDAAyD,EAAE,YAAY;EACvE,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,+CAA+C;EAC/C,uEAAuE,EAAE,YAAY;EACrF,6CAA6C;EAC7C,yEAAyE,EAAE,YAAY;EACvF,sDAAsD;EACtD,2FAA2F,EAAE,YAAY;EACzG,2CAA2C;EAC3C,qEAAqE,EAAE,YAAY;EACnF,2CAA2C;EAC3C,mEAAmE,EAAE,YAAY;EACjF,oCAAoC;EACpC,mDAAmD,EAAE,YAAY;EACjE,4CAA4C;EAC5C,iEAAiE,EAAE,YAAY;EAC/E,0CAA0C;EAC1C,+DAA+D,EAAE,YAAY;EAC7E,yCAAyC;EACzC,+DAA+D,EAAE,YAAY;EAC7E,4CAA4C;EAC5C,mEAAmE,EAAE,YAAY;EACjF,4CAA4C;EAC5C,mEAAmE,EAAE,YAAY;EACjF,0CAA0C;EAC1C,mEAAmE,EAAE,YAAY;EACjF,8CAA8C;EAC9C,wDAAwD;EACxD,2EAA2E;EAC3E,wCAAwC;EACxC,qEAAqE,EAAE,SAAS;EAChF,yDAAyD;EACzD,qDAAqD;EACrD,qFAAqF,EAAE,YAAY;EACnG,yCAAyC;EACzC,kCAAkC;EAClC,iHAAiH;EACjH,mHAAmH;;EAEnH,SAAS;EACT,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,2CAA2C;EAC3C,+DAA+D,EAAE,YAAY;EAC7E,sCAAsC;EACtC,qDAAqD,EAAE,YAAY;EACnE,uCAAuC;EACvC,yDAAyD,EAAE,YAAY;EACvE,wCAAwC;EACxC,yDAAyD,EAAE,YAAY;EACvE,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,4CAA4C;EAC5C,iEAAiE,EAAE,YAAY;EAC/E,4CAA4C;EAC5C,0CAA0C;EAC1C,6DAA6D,EAAE,YAAY;EAC3E,yCAAyC;EACzC,2DAA2D,EAAE,YAAY;;EAEzE,eAAe;EACf,gDAAgD;EAChD,+EAA+E,EAAE,YAAY;EAC7F,8CAA8C;EAC9C,2EAA2E,EAAE,YAAY;EACzF,gDAAgD;EAChD,+EAA+E,EAAE,YAAY;EAC7F,kDAAkD;EAClD,iFAAiF,EAAE,YAAY;EAC/F,8CAA8C;EAC9C,2EAA2E,EAAE,YAAY;EACzF,mDAAmD;EACnD,qFAAqF,EAAE,YAAY;EACnG,4CAA4C;EAC5C,uEAAuE,EAAE,YAAY;EACrF,kDAAkD;EAClD,mFAAmF,EAAE,YAAY;EACjG,gDAAgD;EAChD,+EAA+E,EAAE,YAAY;EAC7F,gDAAgD;EAChD,+EAA+E,EAAE,YAAY;EAC7F,8CAA8C;EAC9C,2EAA2E,EAAE,YAAY;EACzF,iDAAiD;EACjD,iFAAiF,EAAE,YAAY;EAC/F,0DAA0D;EAC1D,mGAAmG,EAAE,YAAY;EACjH,kDAAkD;EAClD,mFAAmF,EAAE,YAAY;EACjG,yDAAyD;EACzD,6FAA6F,EAAE,YAAY;EAC3G,0FAA0F,EAAE,cAAc;EAC1G,uDAAuD;EACvD,6FAA6F,EAAE,YAAY;EAC3G,uDAAuD;EACvD,6FAA6F,EAAE,YAAY;EAC3G,qDAAqD;EACrD,yFAAyF,EAAE,YAAY;;;EAGvG,SAAS;EACT,6CAA6C;EAC7C,yEAAyE,EAAE,YAAY;EACvF,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,6CAA6C;EAC7C,mEAAmE,EAAE,YAAY;EACjF,0CAA0C;EAC1C,6DAA6D,EAAE,YAAY;EAC3E,6CAA6C;EAC7C,mEAAmE,EAAE,YAAY;EACjF,iDAAiD;EACjD,iFAAiF,EAAE,YAAY;EAC/F,yCAAyC;EACzC,2DAA2D,EAAE,YAAY;EACzE,mCAAmC;EACnC,2CAA2C;EAC3C,+DAA+D,EAAE,YAAY;EAC7E,8CAA8C;EAC9C,uEAAuE,EAAE,YAAY;EACrF,2CAA2C;EAC3C,iEAAiE,EAAE,YAAY;EAC/E,4CAA4C;EAC5C,iEAAiE,EAAE,YAAY;EAC/E,2CAA2C;EAC3C,qEAAqE,EAAE,YAAY;EACnF,2CAA2C;EAC3C,qEAAqE,EAAE,YAAY;;EAEnF,kBAAkB;AACpB",sourcesContent:["/* stylelint-disable color-no-hex */\n\n:global(.ring-ui-theme-dark),\n.dark,\n:root.dark {\n --ring-line-components: 67, 69, 74;\n --ring-line-color: rgb(var(--ring-line-components)); /* #43454A */\n --ring-borders-components: 111, 115, 122;\n --ring-borders-color: rgb(var(--ring-borders-components)); /* #6F737A */\n --ring-icon-components: 134, 138, 145;\n --ring-icon-color: rgb(var(--ring-icon-components)); /* #868A91 */\n --ring-icon-secondary-components: 134, 138, 145;\n --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #868A91 */\n --ring-border-disabled-components: 78, 81, 87;\n --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #4E5157 */\n --ring-border-selected-disabled-components: 90, 93, 99;\n --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #5A5D63 */\n --ring-icon-disabled-components: 78, 81, 87;\n --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #4E5157 */\n --ring-border-hover-components: 55, 95, 173;\n --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #375FAD */\n --ring-main-components: 53, 116, 240;\n --ring-main-color: rgb(var(--ring-main-components)); /* #3574F0 */\n --ring-action-link-components: 153, 187, 255;\n --ring-action-link-color: rgb(var(--ring-action-link-components)); /* #99BBFF */\n --ring-main-hover-components: 54, 106, 207;\n --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #366ACF */\n --ring-icon-error-components: 219, 92, 92;\n --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #DB5C5C */\n --ring-icon-warning-components: 214, 174, 88;\n --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #D6AE58 */\n --ring-icon-success-components: 95, 173, 101;\n --ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #5FAD65 */\n --ring-popup-border-components: 57, 59, 64;\n --ring-popup-border-color: rgb(var(--ring-popup-border-components)); /* #393B40 */\n --ring-popup-shadow-color: rgba(0, 0, 0, 0.31);\n --ring-popup-secondary-shadow-color: rgba(0, 0, 0, 0.37);\n --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);\n --ring-pinned-shadow-components: 0, 0, 0;\n --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #000 */\n --ring-button-danger-hover-color: var(--ring-error-color);\n --ring-button-primary-border-components: 53, 116, 240;\n --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #3574F0 */\n --ring-dialog-overlay-components: 0, 0, 0;\n --ring-dialog-overlay-opacity: 0.7;\n --ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);\n --ring-dialog-shadow: 0 4px 16px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);\n\n /* Text */\n --ring-hint-components: 134, 138, 145;\n --ring-hint-color: rgb(var(--ring-hint-components)); /* #868A91 */\n --ring-link-components: 153, 187, 255;\n --ring-link-color: rgb(var(--ring-link-components)); /* #99BBFF */\n --ring-link-hover-components: 107, 155, 250;\n --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #6B9BFA */\n --ring-error-components: 227, 119, 116;\n --ring-error-color: rgb(var(--ring-error-components)); /* #E37774 */\n --ring-warning-components: 242, 197, 92;\n --ring-warning-color: rgb(var(--ring-warning-components)); /* #F2C55C */\n --ring-success-components: 115, 189, 121;\n --ring-success-color: rgb(var(--ring-success-components)); /* #73BD79 */\n --ring-text-components: 223, 225, 229;\n --ring-text-color: rgb(var(--ring-text-components)); /* #DFE1E5 */\n --ring-active-text-components: 255, 255, 255;\n --ring-active-text-color: rgb(var(--ring-active-text-components)); /* #FFFFFF */\n --ring-heading-color: var(--ring-text-color);\n --ring-secondary-components: 157, 160, 168;\n --ring-secondary-color: rgb(var(--ring-secondary-components)); /* #9DA0A8 */\n --ring-disabled-components: 111, 115, 122;\n --ring-disabled-color: rgb(var(--ring-disabled-components)); /* #6F737A */\n\n /* Background */\n --ring-content-background-components: 30, 31, 34;\n --ring-content-background-color: rgb(var(--ring-content-background-components)); /* #1E1F22 */\n --ring-popup-background-components: 57, 59, 64;\n --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #393B40 */\n --ring-sidebar-background-components: 43, 45, 48;\n --ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #2B2D30 */\n --ring-selected-background-components: 46, 67, 110;\n --ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #2E436E */\n --ring-hover-background-components: 37, 50, 77;\n --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #25324D */\n --ring-navigation-background-components: 30, 31, 34;\n --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #1E1F22 */\n --ring-tag-background-components: 67, 69, 74;\n --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #43454A */\n --ring-tag-hover-background-components: 57, 59, 64;\n --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #393B40 */\n --ring-removed-background-components: 94, 56, 56;\n --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #5E3838 */\n --ring-warning-background-components: 94, 77, 51;\n --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #5E4D33 */\n --ring-added-background-components: 55, 82, 57;\n --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #375239 */\n --ring-disabled-background-components: 57, 59, 64;\n --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #393B40 */\n --ring-disabled-selected-background-components: 67, 69, 74;\n --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #43454A */\n --ring-button-danger-active-components: 64, 41, 41;\n --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #402929 */\n --ring-button-primary-background-components: 53, 116, 240;\n --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */\n --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #2B2D3050 */\n --ring-removed-subtle-background-components: 64, 41, 41;\n --ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #402929 */\n --ring-warning-subtle-background-components: 61, 50, 35;\n --ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #3D3223 */\n --ring-added-subtle-background-components: 37, 54, 39;\n --ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #253627 */\n\n\n /* Code */\n --ring-code-background-components: 30, 31, 34;\n --ring-code-background-color: rgb(var(--ring-code-background-components)); /* #1E1F22 */\n --ring-code-components: 189, 192, 201;\n --ring-code-color: rgb(var(--ring-code-components)); /* #BDC0C9 */\n --ring-code-comment-components: 110, 121, 138;\n --ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #6E798A */\n --ring-code-meta-components: 184, 177, 103;\n --ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #B8B167 */\n --ring-code-keyword-components: 214, 154, 107;\n --ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #D69A6B */\n --ring-code-tag-background-components: 67, 69, 74;\n --ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #43454A */\n --ring-code-tag-components: 214, 154, 107;\n --ring-code-tag-color: rgb(var(--ring-code-tag-components)); /* #D69A6B */\n --ring-code-tag-font-weight: normal;\n --ring-code-field-components: 207, 132, 207;\n --ring-code-field-color: rgb(var(--ring-code-field-components)); /* #CF84CF */\n --ring-code-attribute-components: 81, 192, 207;\n --ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #51C0CF */\n --ring-code-number-components: 81, 192, 207;\n --ring-code-number-color: rgb(var(--ring-code-number-components)); /* #51C0CF */\n --ring-code-string-components: 108, 171, 116;\n --ring-code-string-color: rgb(var(--ring-code-string-components)); /* #6CAB74 */\n --ring-code-addition-components: 55, 82, 57;\n --ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #375239 */\n --ring-code-deletion-components: 67, 69, 74;\n --ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #43454A */\n\n color-scheme: dark;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={dark:"dark_e22b"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/popup/popup.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/global.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,".popup_c173 {\n\n position: fixed;\n z-index: var(--ring-overlay-z-index);\n top: -100vh;\n left: -100vw;\n\n overflow-y: auto;\n\n box-sizing: border-box;\n\n border: 1px solid var(--ring-popup-border-color);\n border-radius: var(--ring-border-radius);\n\n background-color: var(--ring-popup-background-color);\n box-shadow: var(--ring-popup-shadow);\n}\n\n.hidden_e31a {\n display: none;\n}\n\n.showing_c5d5 {\n opacity: 0;\n}\n\n.attached_d2db {\n border-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n","",{version:3,sources:["webpack://./src/popup/popup.css"],names:[],mappings:"AAEA;;EAGE,eAAe;EACf,oCAAoC;EACpC,WAAW;EACX,YAAY;;EAEZ,gBAAgB;;EAEhB,sBAAsB;;EAEtB,gDAAgD;EAChD,wCAAwC;;EAExC,oDAAoD;EACpD,oCAAoC;AACtC;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,aAAa;EACb,yBAAyB;EACzB,0BAA0B;AAC5B",sourcesContent:['@import "../global/variables.css";\n\n.popup {\n composes: font from "../global/global.css";\n\n position: fixed;\n z-index: var(--ring-overlay-z-index);\n top: -100vh;\n left: -100vw;\n\n overflow-y: auto;\n\n box-sizing: border-box;\n\n border: 1px solid var(--ring-popup-border-color);\n border-radius: var(--ring-border-radius);\n\n background-color: var(--ring-popup-background-color);\n box-shadow: var(--ring-popup-shadow);\n}\n\n.hidden {\n display: none;\n}\n\n.showing {\n opacity: 0;\n}\n\n.attached {\n border-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={popup:`popup_c173 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.font}`,hidden:"hidden_e31a",showing:"showing_c5d5",attached:"attached_d2db"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/tab-trap/tab-trap.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".trapButton_c2f8 {\n position: absolute;\n left: -9999px;\n}\n","",{version:3,sources:["webpack://./src/tab-trap/tab-trap.css"],names:[],mappings:"AAEA;EACE,kBAAkB;EAClB,aAAa;AACf",sourcesContent:['@import "../global/variables.css";\n\n.trapButton {\n position: absolute;\n left: -9999px;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={trapButton:"trapButton_c2f8"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./.storybook/preview.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./.storybook/preview.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/global/variables.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/global/variables_dark.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables_dark.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/popup/popup.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/popup/popup.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/tab-trap/tab-trap.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/tab-trap/tab-trap.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./alert-service/alert-service.stories":["./src/alert-service/alert-service.stories.tsx",5908,3302,1074],"./alert-service/alert-service.stories.tsx":["./src/alert-service/alert-service.stories.tsx",5908,3302,1074],"./alert/alert.stories":["./src/alert/alert.stories.tsx",5908,3302,5590],"./alert/alert.stories.tsx":["./src/alert/alert.stories.tsx",5908,3302,5590],"./analytics/analytics.stories":["./src/analytics/analytics.stories.tsx",3366],"./analytics/analytics.stories.tsx":["./src/analytics/analytics.stories.tsx",3366],"./auth-dialog-service/auth-dialog-service.stories":["./src/auth-dialog-service/auth-dialog-service.stories.tsx",9686,2558,5908,3302,1972,1259,9787,9986],"./auth-dialog-service/auth-dialog-service.stories.tsx":["./src/auth-dialog-service/auth-dialog-service.stories.tsx",9686,2558,5908,3302,1972,1259,9787,9986],"./auth-dialog/auth-dialog.stories":["./src/auth-dialog/auth-dialog.stories.tsx",2558,5908,1972,9787,302],"./auth-dialog/auth-dialog.stories.tsx":["./src/auth-dialog/auth-dialog.stories.tsx",2558,5908,1972,9787,302],"./auth/auth.stories":["./src/auth/auth.stories.tsx",9686,2558,5908,3302,1972,1259,9787,1812],"./auth/auth.stories.tsx":["./src/auth/auth.stories.tsx",9686,2558,5908,3302,1972,1259,9787,1812],"./avatar/avatar.stories":["./src/avatar/avatar.stories.tsx",7469,4014],"./avatar/avatar.stories.tsx":["./src/avatar/avatar.stories.tsx",7469,4014],"./breadcrumbs/breadcrumbs.stories":["./src/breadcrumbs/breadcrumbs.stories.tsx",2890],"./breadcrumbs/breadcrumbs.stories.tsx":["./src/breadcrumbs/breadcrumbs.stories.tsx",2890],"./button-group/button-group.stories":["./src/button-group/button-group.stories.tsx",5908,7849,6384],"./button-group/button-group.stories.tsx":["./src/button-group/button-group.stories.tsx",5908,7849,6384],"./button-set/button-set.stories":["./src/button-set/button-set.stories.tsx",5908,5118],"./button-set/button-set.stories.tsx":["./src/button-set/button-set.stories.tsx",5908,5118],"./button-toolbar/button-toolbar.stories":["./src/button-toolbar/button-toolbar.stories.tsx",5908,7849,6684],"./button-toolbar/button-toolbar.stories.tsx":["./src/button-toolbar/button-toolbar.stories.tsx",5908,7849,6684],"./button/button.stories":["./src/button/button.stories.tsx",5908,8016],"./button/button.stories.tsx":["./src/button/button.stories.tsx",5908,8016],"./caret/caret.stories":["./src/caret/caret.stories.tsx",5908,6771,410],"./caret/caret.stories.tsx":["./src/caret/caret.stories.tsx",5908,6771,410],"./checkbox/checkbox.stories":["./src/checkbox/checkbox.stories.tsx",3691,5666],"./checkbox/checkbox.stories.tsx":["./src/checkbox/checkbox.stories.tsx",3691,5666],"./clipboard/clipboard.stories":["./src/clipboard/clipboard.stories.tsx",5908,3302,8206],"./clipboard/clipboard.stories.tsx":["./src/clipboard/clipboard.stories.tsx",5908,3302,8206],"./code/code.stories":["./src/code/code.stories.tsx",5981,8613,1998],"./code/code.stories.tsx":["./src/code/code.stories.tsx",5981,8613,1998],"./collapse/collapse.stories":["./src/collapse/collapse.stories.tsx",5908,174],"./collapse/collapse.stories.tsx":["./src/collapse/collapse.stories.tsx",5908,174],"./confirm-service/confirm-service.stories":["./src/confirm-service/confirm-service.stories.tsx",2558,5908,1972,6182],"./confirm-service/confirm-service.stories.tsx":["./src/confirm-service/confirm-service.stories.tsx",2558,5908,1972,6182],"./confirm/confirm.stories":["./src/confirm/confirm.stories.tsx",2558,5908,1972,7914],"./confirm/confirm.stories.tsx":["./src/confirm/confirm.stories.tsx",2558,5908,1972,7914],"./content-layout/content-layout.stories":["./src/content-layout/content-layout.stories.tsx",3258,9408],"./content-layout/content-layout.stories.tsx":["./src/content-layout/content-layout.stories.tsx",3258,9408],"./contenteditable/contenteditable.stories":["./src/contenteditable/contenteditable.stories.tsx",5848,5190],"./contenteditable/contenteditable.stories.tsx":["./src/contenteditable/contenteditable.stories.tsx",5848,5190],"./data-list/data-list.stories":["./src/data-list/data-list.stories.tsx",5908,3691,2412,7854],"./data-list/data-list.stories.tsx":["./src/data-list/data-list.stories.tsx",5908,3691,2412,7854],"./date-picker/date-picker.stories":["./src/date-picker/date-picker.stories.tsx",8150,5908,6771,2718],"./date-picker/date-picker.stories.tsx":["./src/date-picker/date-picker.stories.tsx",8150,5908,6771,2718],"./dialog/dialog.stories":["./src/dialog/dialog.stories.tsx",2558,5908,6771,1972,1357,7060],"./dialog/dialog.stories.tsx":["./src/dialog/dialog.stories.tsx",2558,5908,6771,1972,1357,7060],"./dropdown-menu/dropdown-menu.stories":["./src/dropdown-menu/dropdown-menu.stories.tsx",4226,5908,3691,8505,9259,2954],"./dropdown-menu/dropdown-menu.stories.tsx":["./src/dropdown-menu/dropdown-menu.stories.tsx",4226,5908,3691,8505,9259,2954],"./dropdown/dropdown.stories":["./src/dropdown/dropdown.stories.tsx",4226,5908,3691,6771,8505,4258],"./dropdown/dropdown.stories.tsx":["./src/dropdown/dropdown.stories.tsx",4226,5908,3691,6771,8505,4258],"./editable-heading/editable-heading.stories":["./src/editable-heading/editable-heading.stories.tsx",5908,6771,2934],"./editable-heading/editable-heading.stories.tsx":["./src/editable-heading/editable-heading.stories.tsx",5908,6771,2934],"./error-bubble/error-bubble.stories":["./src/error-bubble/error-bubble.stories.tsx",9686,4226,2558,5908,3691,6771,8505,1972,1271,7811,2741,182],"./error-bubble/error-bubble.stories.tsx":["./src/error-bubble/error-bubble.stories.tsx",9686,4226,2558,5908,3691,6771,8505,1972,1271,7811,2741,182],"./error-message/error-message.stories":["./src/error-message/error-message.stories.tsx",982],"./error-message/error-message.stories.tsx":["./src/error-message/error-message.stories.tsx",982],"./footer/footer.stories":["./src/footer/footer.stories.tsx",4854],"./footer/footer.stories.tsx":["./src/footer/footer.stories.tsx",4854],"./form/form.stories":["./src/form/form.stories.js",2741,4504],"./form/form.stories.js":["./src/form/form.stories.js",2741,4504],"./global/dom.stories":["./src/global/dom.stories.tsx",1609],"./global/dom.stories.tsx":["./src/global/dom.stories.tsx",1609],"./global/theme.stories":["./src/global/theme.stories.tsx",9686,4226,5908,3691,6771,8505,1271,7811,5314],"./global/theme.stories.tsx":["./src/global/theme.stories.tsx",9686,4226,5908,3691,6771,8505,1271,7811,5314],"./global/variables.stories":["./src/global/variables.stories.tsx",9610],"./global/variables.stories.tsx":["./src/global/variables.stories.tsx",9610],"./grid/grid.stories":["./src/grid/grid.stories.tsx",9151,6460],"./grid/grid.stories.tsx":["./src/grid/grid.stories.tsx",9151,6460],"./group/group.stories":["./src/group/group.stories.tsx",342],"./group/group.stories.tsx":["./src/group/group.stories.tsx",342],"./header/header.stories":["./src/header/header.stories.tsx",9686,4226,2558,7011,5908,3691,8505,3302,1972,1259,9787,9259,4370],"./header/header.stories.tsx":["./src/header/header.stories.tsx",9686,4226,2558,7011,5908,3691,8505,3302,1972,1259,9787,9259,4370],"./heading/heading.stories":["./src/heading/heading.stories.tsx",1530],"./heading/heading.stories.tsx":["./src/heading/heading.stories.tsx",1530],"./http/http.stories":["./src/http/http.stories.tsx",9686,5908,3302,1259,8712],"./http/http.stories.tsx":["./src/http/http.stories.tsx",9686,5908,3302,1259,8712],"./i18n/i18n.stories":["./src/i18n/i18n.stories.tsx",4320],"./i18n/i18n.stories.tsx":["./src/i18n/i18n.stories.tsx",4320],"./icon/icon.stories":["./src/icon/icon.stories.tsx",7011,7305,8445],"./icon/icon.stories.tsx":["./src/icon/icon.stories.tsx",7011,7305,8445],"./input-size/input-size.stories":["./src/input-size/input-size.stories.js",2741,4352],"./input-size/input-size.stories.js":["./src/input-size/input-size.stories.js",2741,4352],"./input/input.stories":["./src/input/input.stories.tsx",5908,6771,2234],"./input/input.stories.tsx":["./src/input/input.stories.tsx",5908,6771,2234],"./island-legacy/island-legacy.stories":["./src/island-legacy/island-legacy.stories.tsx",7418],"./island-legacy/island-legacy.stories.tsx":["./src/island-legacy/island-legacy.stories.tsx",7418],"./island/island.stories":["./src/island/island.stories.tsx",2558,3526],"./island/island.stories.tsx":["./src/island/island.stories.tsx",2558,3526],"./link/link.stories":["./src/link/link.stories.tsx",9540],"./link/link.stories.tsx":["./src/link/link.stories.tsx",9540],"./list/list.stories":["./src/list/list.stories.tsx",9686,4226,5981,3258,5908,3691,8505,3302,1259,7508],"./list/list.stories.tsx":["./src/list/list.stories.tsx",9686,4226,5981,3258,5908,3691,8505,3302,1259,7508],"./loader-inline/loader-inline.stories":["./src/loader-inline/loader-inline.stories.tsx",5106],"./loader-inline/loader-inline.stories.tsx":["./src/loader-inline/loader-inline.stories.tsx",5106],"./loader-screen/loader-screen.stories":["./src/loader-screen/loader-screen.stories.tsx",830],"./loader-screen/loader-screen.stories.tsx":["./src/loader-screen/loader-screen.stories.tsx",830],"./loader/loader.stories":["./src/loader/loader.stories.tsx",1110],"./loader/loader.stories.tsx":["./src/loader/loader.stories.tsx",1110],"./markdown/markdown.stories":["./src/markdown/markdown.stories.tsx",5981,5682,6588,990,7486,3284,3883,7539,8653,4139,2139,9750,5442],"./markdown/markdown.stories.tsx":["./src/markdown/markdown.stories.tsx",5981,5682,6588,990,7486,3284,3883,7539,8653,4139,2139,9750,5442],"./message/message.stories":["./src/message/message.stories.tsx",5908,8046],"./message/message.stories.tsx":["./src/message/message.stories.tsx",5908,8046],"./old-browsers-message/old-browsers-message.stories":["./src/old-browsers-message/old-browsers-message.stories.tsx",3358],"./old-browsers-message/old-browsers-message.stories.tsx":["./src/old-browsers-message/old-browsers-message.stories.tsx",3358],"./pager/pager.stories":["./src/pager/pager.stories.tsx",9686,4226,5908,3691,6771,8505,1271,7811,7849,6498,1570],"./pager/pager.stories.tsx":["./src/pager/pager.stories.tsx",9686,4226,5908,3691,6771,8505,1271,7811,7849,6498,1570],"./panel/panel.stories":["./src/panel/panel.stories.tsx",5908,762],"./panel/panel.stories.tsx":["./src/panel/panel.stories.tsx",5908,762],"./popup-menu/popup-menu.stories":["./src/popup-menu/popup-menu.stories.tsx",4226,3691,8505,192],"./popup-menu/popup-menu.stories.tsx":["./src/popup-menu/popup-menu.stories.tsx",4226,3691,8505,192],"./popup/popup.stories":["./src/popup/popup.stories.tsx",2974],"./popup/popup.stories.tsx":["./src/popup/popup.stories.tsx",2974],"./progress-bar/progress-bar.stories":["./src/progress-bar/progress-bar.stories.tsx",5886],"./progress-bar/progress-bar.stories.tsx":["./src/progress-bar/progress-bar.stories.tsx",5886],"./query-assist/query-assist.stories":["./src/query-assist/query-assist.stories.tsx",9686,4226,5848,5908,3691,6771,8505,3302,1259,8184],"./query-assist/query-assist.stories.tsx":["./src/query-assist/query-assist.stories.tsx",9686,4226,5848,5908,3691,6771,8505,3302,1259,8184],"./radio/radio.stories":["./src/radio/radio.stories.tsx",6290],"./radio/radio.stories.tsx":["./src/radio/radio.stories.tsx",6290],"./scrollable-section/scrollable-section.stories":["./src/scrollable-section/scrollable-section.stories.tsx",2446],"./scrollable-section/scrollable-section.stories.tsx":["./src/scrollable-section/scrollable-section.stories.tsx",2446],"./select/select.stories":["./src/select/select.stories.tsx",9686,4226,5908,3691,6771,8505,3302,1259,1271,7811,4728],"./select/select.stories.tsx":["./src/select/select.stories.tsx",9686,4226,5908,3691,6771,8505,3302,1259,1271,7811,4728],"./slider/slider.stories":["./src/slider/slider.stories.tsx",5326],"./slider/slider.stories.tsx":["./src/slider/slider.stories.tsx",5326],"./storage/storage.stories":["./src/storage/storage.stories.tsx",9686,5908,3302,8022],"./storage/storage.stories.tsx":["./src/storage/storage.stories.tsx",9686,5908,3302,8022],"./tab-trap/tab-trap.stories":["./src/tab-trap/tab-trap.stories.tsx",5908,6771,1446],"./tab-trap/tab-trap.stories.tsx":["./src/tab-trap/tab-trap.stories.tsx",5908,6771,1446],"./table/simple-table.stories":["./src/table/simple-table.stories.tsx",3463,5908,3691,2412,6624,6835],"./table/simple-table.stories.tsx":["./src/table/simple-table.stories.tsx",3463,5908,3691,2412,6624,6835],"./table/table.stories":["./src/table/table.stories.tsx",9686,4226,3463,5908,3691,6771,8505,1271,7811,7849,2412,6624,9151,6498,5846],"./table/table.stories.tsx":["./src/table/table.stories.tsx",9686,4226,3463,5908,3691,6771,8505,1271,7811,7849,2412,6624,9151,6498,5846],"./tabs/tabs.stories":["./src/tabs/tabs.stories.tsx",4226,5908,3691,8505,6236],"./tabs/tabs.stories.tsx":["./src/tabs/tabs.stories.tsx",4226,5908,3691,8505,6236],"./tag/tag.stories":["./src/tag/tag.stories.tsx",5908,1271,3902],"./tag/tag.stories.tsx":["./src/tag/tag.stories.tsx",5908,1271,3902],"./tags-input/tag-input.stories":["./src/tags-input/tag-input.stories.tsx",9686,4226,2558,5908,3691,6771,8505,1972,1271,7811,875],"./tags-input/tag-input.stories.tsx":["./src/tags-input/tag-input.stories.tsx",9686,4226,2558,5908,3691,6771,8505,1972,1271,7811,875],"./tags-list/tags-list.stories":["./src/tags-list/tags-list.stories.tsx",5908,1271,7198],"./tags-list/tags-list.stories.tsx":["./src/tags-list/tags-list.stories.tsx",5908,1271,7198],"./text/text.stories":["./src/text/text.stories.tsx",2262],"./text/text.stories.tsx":["./src/text/text.stories.tsx",2262],"./toggle/toggle.stories":["./src/toggle/toggle.stories.tsx",1357,8156],"./toggle/toggle.stories.tsx":["./src/toggle/toggle.stories.tsx",1357,8156],"./tooltip/tooltip.stories":["./src/tooltip/tooltip.stories.tsx",5908,4746],"./tooltip/tooltip.stories.tsx":["./src/tooltip/tooltip.stories.tsx",5908,4746],"./user-agreement/user-agreement.stories":["./src/user-agreement/user-agreement.stories.tsx",9686,2558,5908,3302,1972,8936],"./user-agreement/user-agreement.stories.tsx":["./src/user-agreement/user-agreement.stories.tsx",9686,2558,5908,3302,1972,8936],"./user-card/user-card.stories":["./src/user-card/user-card.stories.tsx",9686,5908,3302,1259,7469,9158],"./user-card/user-card.stories.tsx":["./src/user-card/user-card.stories.tsx",9686,5908,3302,1259,7469,9158],"./welcome.stories":["./src/welcome.stories.tsx",5981,5682,6588,990,7486,3284,3883,7539,8653,4139,2139,9750,4181],"./welcome.stories.tsx":["./src/welcome.stories.tsx",5981,5682,6588,990,7486,3284,3883,7539,8653,4139,2139,9750,4181]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/src\\/welcome\\.stories\\.tsx)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./welcome.stories":["./src/welcome.stories.tsx",5981,5682,6588,990,7486,3284,3883,7539,8653,4139,2139,9750,4181],"./welcome.stories.tsx":["./src/welcome.stories.tsx",5981,5682,6588,990,7486,3284,3883,7539,8653,4139,2139,9750,4181]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/src\\/welcome\\.stories\\.tsx)$",module.exports=webpackAsyncContext},"storybook/internal/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"storybook/internal/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core/preview-errors":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__},"storybook/internal/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"storybook/internal/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{__webpack_require__.O(0,[1513],(()=>{return moduleId="./storybook-config-entry.js",__webpack_require__(__webpack_require__.s=moduleId);var moduleId}));__webpack_require__.O()}]); \ No newline at end of file +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[8792],{"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("storybook/internal/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("storybook/internal/channels");const importers=[async path=>{if(!/^\.[\\/](?:src\/welcome\.stories\.tsx)$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/src\\/welcome\\.stories\\.tsx)$")("./"+pathRemainder)},async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cts%7Ctsx))$")("./"+pathRemainder)}];const channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb((async function importFn(path){for(let i=0;iimporters[i](path),x());if(moduleExports)return moduleExports}var x}),(()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/react/dist/entry-preview.mjs"),__webpack_require__("./node_modules/@storybook/react/dist/entry-preview-docs.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/viewport/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-a11y/dist/preview.mjs"),__webpack_require__("./.storybook/preview.ts")])));window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel},"./.storybook/preview.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{decorators:()=>decorators,parameters:()=>parameters});__webpack_require__("./node_modules/file-loader/dist/cjs.js?name=ring-ui-favicon.ico!./node_modules/@jetbrains/logos/ring-ui/favicon.ico");var esm=__webpack_require__("./node_modules/@ungap/url-search-params/esm/index.js"),theme=__webpack_require__("./src/global/theme.tsx"),preview=__webpack_require__("./.storybook/preview.css"),preview_default=__webpack_require__.n(preview),react=__webpack_require__("./node_modules/react/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const strictModeDecorator=Story=>(0,jsx_runtime.jsx)(react.StrictMode,{children:(0,jsx_runtime.jsx)(Story,{})});var external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("storybook/internal/preview-api");const injectStyleSheet=styles=>{const styleTag=document.createElement("style");return styleTag.setAttribute("type","text/css"),styleTag.textContent=styles,document.head.appendChild(styleTag),styleTag},stylesDecorator=(Story,context)=>{const storyStyles=context.parameters?.storyStyles;return(0,external_STORYBOOK_MODULE_PREVIEW_API_.useEffect)((()=>{if(null!=storyStyles){const pureStyles=storyStyles.replace("",""),stylesNode=injectStyleSheet(pureStyles);return()=>stylesNode.remove()}}),[storyStyles]),(0,jsx_runtime.jsx)(Story,{})};var dist_es2015=__webpack_require__("./node_modules/param-case/dist.es2015/index.js"),theming=__webpack_require__("./node_modules/@storybook/core/dist/theming/index.js");const darkMatcher=window.matchMedia("(prefers-color-scheme: dark)"),variables=window.Proxy?new Proxy({},{get:(_,prop)=>getComputedStyle(document.documentElement).getPropertyValue(`--ring-${(0,dist_es2015.c)(prop)}`).trim()}):{},variablesSupported=null!=variables.textColor,theme_theme=(0,theming.vt)({base:darkMatcher.matches?"dark":"light",brandTitle:"JetBrains Ring UI",...variablesSupported?{colorSecondary:variables.mainColor,appBorderColor:variables.lineColor,appBorderRadius:parseInt(variables.borderRadius,10),fontBase:variables.fontFamily,fontCode:variables.fontFamilyMonospace,barTextColor:variables.secondaryColor,barSelectedColor:variables.mainColor,inputBorder:variables.bordersColor,inputTextColor:variables.textColor}:{}}),updateTheme=()=>(0,theme.AZ)(darkMatcher.matches?theme.Ay.DARK:theme.Ay.LIGHT,document.documentElement);updateTheme(),darkMatcher.addEventListener("change",updateTheme);new esm.A(location.search.slice(1)).has("block-animations")&&document.body.classList.add(preview_default().blockAnimations);const parameters={docs:{inlineStories:!1,extractComponentDescription:(component,{notes})=>null!=notes?notes:component?.__docgenInfo?.description,theme:theme_theme},a11y:{options:{rules:{"color-contrast":{enabled:!1},"link-in-text-block":{enabled:!1}}}},actions:{argTypesRegex:"^on.*"},backgrounds:{disable:!0},themes:{default:"Light",list:[{name:"Light",color:"#FFF"},{name:"Dark",class:"ring-ui-theme-dark",color:"#23272b"}]}},decorators=[stylesDecorator,strictModeDecorator]},"./src/global/data-tests.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function joinDataTestAttributes(...attrs){return attrs.reduce(((result,attr)=>{return attr?"object"==typeof attr?[...result,...(attrsMap=attr,Object.entries(attrsMap).reduce(((result,[key,value])=>value?[...result,key]:result),[]))]:[...result,attr]:result;var attrsMap}),[]).join(" ")}__webpack_require__.d(__webpack_exports__,{A:()=>joinDataTestAttributes})},"./src/global/dom.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$6:()=>isNodeInVisiblePartOfPage,$f:()=>getStyles,Ac:()=>getDocumentScrollLeft,BX:()=>isMounted,MR:()=>getWindowHeight,_d:()=>getDocumentScrollTop,l:()=>getRect,qR:()=>Listeners,sJ:()=>getPixelRatio,wo:()=>preventDefault});const getStyles=window.getComputedStyle.bind(window);function isMounted(node){return node===document||node instanceof Node&&document.documentElement.contains(node.parentNode)}const rectStub={top:0,right:0,bottom:0,left:0,width:0,height:0};function getRect(node){if(node instanceof Range||null!=node&&isMounted(node)){const{top,right,bottom,left,width,height}=node.getBoundingClientRect();return{top,right,bottom,left,width,height}}return Object.assign({},rectStub)}function getPixelRatio(){return"devicePixelRatio"in window?window.devicePixelRatio:1}function getWindowHeight(){return window.innerHeight}function isNodeInVisiblePartOfPage(node){const{top,bottom,left,right}=getRect(node);return!(bottom<0||right<0||getWindowHeight()-top<0||function getWindowWidth(){return window.innerWidth}()-left<0)}function getDocumentScrollTop(){return document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop}function getDocumentScrollLeft(){return document.documentElement&&document.documentElement.scrollLeft||document.body.scrollLeft}const applyMethodToClasses=method=>(classList,classes="")=>{classes.split(/\s+/g).filter((className=>!!className)).forEach((className=>classList[method](className)))};applyMethodToClasses("add"),applyMethodToClasses("remove");class Listeners{_all=new Set;add(el,event,handler,options){el.addEventListener(event,handler,options);const dispatchFn=()=>el.removeEventListener(event,handler,options);return this._all.add(dispatchFn),dispatchFn}remove(fn){fn(),this._all.delete(fn)}removeAll(){this._all.forEach((fn=>this.remove(fn)))}}function preventDefault(e){e.preventDefault&&e.preventDefault()}},"./src/global/get-uid.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>getUID});const idCounters={};const salt=function generateSalt(){return(Date.now()*Math.random()).toString(36).substring(0,4)}();function getUID(name){if(!name)throw Error('Argument "name" is required in getUID()');idCounters[name]||(idCounters[name]=0);return`${name}${String(idCounters[name]++)}-${salt}`}},"./src/global/schedule-raf.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function scheduleRAF(trailingCall){let scheduledCb,RAF,trailingCallScheduled=!1;function doSchedule(){RAF=window.requestAnimationFrame((()=>{scheduledCb?.(),trailingCallScheduled?(trailingCallScheduled=!1,doSchedule()):(RAF=null,scheduledCb=null)}))}return function schedule(cb){scheduledCb=cb,RAF?trailingCall&&(trailingCallScheduled=!0):doSchedule()}}__webpack_require__.d(__webpack_exports__,{A:()=>scheduleRAF})},"./src/global/sniffer.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var sniffr__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/sniffr/dist/sniffr.js");const sniffr=new(__webpack_require__.n(sniffr__WEBPACK_IMPORTED_MODULE_0__)());sniffr.sniff();const __WEBPACK_DEFAULT_EXPORT__=sniffr},"./src/global/theme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{AZ:()=>applyTheme,Ay:()=>__WEBPACK_DEFAULT_EXPORT__,Ew:()=>WithThemeClasses,NP:()=>ThemeProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),react_dom__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-dom/index.js"),_popup_popup_target__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/popup/popup.target.tsx"),_popup_popup__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/popup/popup.tsx"),_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/global/variables.css"),_variables_css__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_variables_css__WEBPACK_IMPORTED_MODULE_3__),_variables_dark_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/variables_dark.css"),_variables_dark_css__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_variables_dark_css__WEBPACK_IMPORTED_MODULE_4__),_get_uid__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/get-uid.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),Theme=function(Theme){return Theme.AUTO="auto",Theme.LIGHT="light",Theme.DARK="dark",Theme}(Theme||{});const ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({theme:Theme.LIGHT}),GLOBAL_DARK_CLASS_NAME="ring-ui-theme-dark",darkMatcher=window.matchMedia("(prefers-color-scheme: dark)");function useTheme(){const[dark,setDark]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(darkMatcher.matches);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const onChange=e=>setDark(e.matches);return darkMatcher.addEventListener("change",onChange),()=>darkMatcher.removeEventListener("change",onChange)}),[]),dark?Theme.DARK:Theme.LIGHT}function useThemeClasses(theme){const systemTheme=useTheme(),resolvedTheme=theme===Theme.AUTO?systemTheme:theme;return classnames__WEBPACK_IMPORTED_MODULE_1___default()({[_variables_dark_css__WEBPACK_IMPORTED_MODULE_4___default().dark]:resolvedTheme===Theme.DARK,[GLOBAL_DARK_CLASS_NAME]:resolvedTheme===Theme.DARK,[_variables_css__WEBPACK_IMPORTED_MODULE_3___default().light]:resolvedTheme===Theme.LIGHT})}function WithThemeClasses({theme,children}){return children(useThemeClasses(theme))}function applyTheme(theme,container){theme===Theme.DARK?(container.classList.remove(_variables_css__WEBPACK_IMPORTED_MODULE_3___default().light),container.classList.add(_variables_dark_css__WEBPACK_IMPORTED_MODULE_4___default().dark),container.classList.add(GLOBAL_DARK_CLASS_NAME)):(container.classList.remove(_variables_dark_css__WEBPACK_IMPORTED_MODULE_4___default().dark),container.classList.remove(GLOBAL_DARK_CLASS_NAME),container.classList.add(_variables_css__WEBPACK_IMPORTED_MODULE_3___default().light))}const ThemeProvider=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function ThemeProvider({theme=Theme.AUTO,className,passToPopups,children,target,...restProps},ref){const systemTheme=useTheme(),resolvedTheme=theme===Theme.AUTO?systemTheme:theme,id=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>(0,_get_uid__WEBPACK_IMPORTED_MODULE_6__.A)("popups-with-theme-")),[]),themeValue=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>({theme:resolvedTheme})),[resolvedTheme]);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{null!=target&&applyTheme(resolvedTheme,target)}),[resolvedTheme,target]);const themeClasses=useThemeClasses(theme),parentTarget=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_popup_popup_target__WEBPACK_IMPORTED_MODULE_7__.z);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(ThemeContext.Provider,{value:themeValue,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{ref,className:null!=target?void 0:classnames__WEBPACK_IMPORTED_MODULE_1___default()(className,themeClasses),...restProps,children:passToPopups?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_popup_popup_target__WEBPACK_IMPORTED_MODULE_7__.G,{id,children:popupTarget=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[children,(0,react_dom__WEBPACK_IMPORTED_MODULE_2__.createPortal)((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{className:themeClasses,children:popupTarget}),parentTarget&&(0,_popup_popup__WEBPACK_IMPORTED_MODULE_8__.E8)(parentTarget)||document.body)]})}):children})})})),__WEBPACK_DEFAULT_EXPORT__=Theme;ThemeProvider.__docgenInfo={description:"",methods:[],displayName:"ThemeProvider",props:{theme:{required:!1,tsType:{name:"Theme"},description:"",defaultValue:{value:"Theme.AUTO",computed:!0}},passToPopups:{required:!1,tsType:{name:"boolean"},description:""},target:{required:!1,tsType:{name:"HTMLElement"},description:""}},composes:["HTMLAttributes"]}},"./src/popup/popup.consts.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Gh:()=>MaxHeight,HO:()=>Directions,Zw:()=>DEFAULT_DIRECTIONS,fg:()=>Dimension,nl:()=>Display,zB:()=>MinWidth});let Directions=function(Directions){return Directions.BOTTOM_RIGHT="BOTTOM_RIGHT",Directions.BOTTOM_LEFT="BOTTOM_LEFT",Directions.BOTTOM_CENTER="BOTTOM_CENTER",Directions.TOP_LEFT="TOP_LEFT",Directions.TOP_RIGHT="TOP_RIGHT",Directions.TOP_CENTER="TOP_CENTER",Directions.RIGHT_TOP="RIGHT_TOP",Directions.RIGHT_BOTTOM="RIGHT_BOTTOM",Directions.RIGHT_CENTER="RIGHT_CENTER",Directions.LEFT_TOP="LEFT_TOP",Directions.LEFT_BOTTOM="LEFT_BOTTOM",Directions.LEFT_CENTER="LEFT_CENTER",Directions}({});const DEFAULT_DIRECTIONS=[Directions.BOTTOM_RIGHT,Directions.BOTTOM_LEFT,Directions.TOP_LEFT,Directions.TOP_RIGHT,Directions.RIGHT_TOP,Directions.RIGHT_BOTTOM,Directions.LEFT_TOP,Directions.LEFT_BOTTOM];let Dimension=function(Dimension){return Dimension[Dimension.MARGIN=16]="MARGIN",Dimension[Dimension.BORDER_WIDTH=1]="BORDER_WIDTH",Dimension}({}),MinWidth=function(MinWidth){return MinWidth[MinWidth.TARGET=-1]="TARGET",MinWidth}({}),MaxHeight=function(MaxHeight){return MaxHeight[MaxHeight.SCREEN=-1]="SCREEN",MaxHeight}({}),Display=function(Display){return Display[Display.HIDDEN=0]="HIDDEN",Display[Display.SHOWING=1]="SHOWING",Display[Display.SHOWN=2]="SHOWN",Display}({})},"./src/popup/popup.target.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>PopupTarget,z:()=>PopupTargetContext});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PopupTargetContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0),PopupTarget=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function PopupTarget({id,children,...restProps},ref){const target=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{...restProps,"data-portaltarget":id,ref,children:"function"!=typeof children&&children});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PopupTargetContext.Provider,{value:id,children:"function"==typeof children?children(target):target})}));PopupTarget.propTypes={id:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string.isRequired,children:prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default().node,prop_types__WEBPACK_IMPORTED_MODULE_2___default().func])},PopupTarget.__docgenInfo={description:"",methods:[],displayName:"PopupTarget",props:{id:{required:!0,tsType:{name:"string"},description:"",type:{name:"string"}},children:{required:!1,tsType:{name:"union",raw:"ReactNode | ((target: ReactNode) => ReactNode)",elements:[{name:"ReactNode"},{name:"unknown"}]},description:"",type:{name:"union",value:[{name:"node"},{name:"func"}]}}},composes:["Omit"]}},"./src/popup/popup.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>Popup,E8:()=>getPopupContainer});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-dom/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_14__),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_global_get_uid__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/global/get-uid.ts"),_global_schedule_raf__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/global/schedule-raf.ts"),_global_dom__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/dom.ts"),_shortcuts_shortcuts__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/shortcuts/shortcuts.ts"),_global_data_tests__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/global/data-tests.ts"),_tab_trap_tab_trap__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/tab-trap/tab-trap.tsx"),_position__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/popup/position.ts"),_popup_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/popup/popup.css"),_popup_css__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_popup_css__WEBPACK_IMPORTED_MODULE_3__),_popup_consts__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/popup/popup.consts.ts"),_popup_target__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/popup/popup.target.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const stop=event=>{(event=>{const link=event.target.closest("a");return link&&0===event.button&&"_blank"!==link.target&&link.origin===location.origin&&"external"!==link.rel&&"_self"!==link.target&&!link.download&&!event.altKey&&!event.metaKey&&!event.ctrlKey&&!event.shiftKey&&!event.defaultPrevented})(event)||event.stopPropagation()},getPopupContainer=target=>"string"==typeof target?document.querySelector(`[data-portaltarget=${target}]`):target;class Popup extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static defaultProps={shortcuts:!0,hidden:!1,onOutsideClick(){},onEscPress(){},onCloseAttempt(){},dontCloseOnAnchorClick:!1,keepMounted:!1,directions:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.Zw,autoPositioning:!0,autoPositioningOnScroll:!0,autoCorrectTopOverflow:!0,left:0,top:0,offset:0,sidePadding:8,attached:!1,trapFocus:!1,autoFocusFirst:!1,legacy:!1};state={display:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.nl.SHOWING};componentDidMount(){this.props.client||this.setState({client:!0}),this.props.hidden||this._setListenersEnabled(!0)}componentDidUpdate(prevProps,prevState){const{hidden}=this.props;this.props!==prevProps&&(prevProps.hidden!==hidden&&this._setListenersEnabled(!hidden),this._redraw()),!this.props.onShow||hidden||this.state.display!==_popup_consts__WEBPACK_IMPORTED_MODULE_5__.nl.SHOWN||!prevProps.hidden&&prevState.display===_popup_consts__WEBPACK_IMPORTED_MODULE_5__.nl.SHOWN||this.props.onShow()}componentWillUnmount(){this._setListenersEnabled(!1)}popup;node;parent;container;ringPopupTarget;shouldUseShortcuts(){const{shortcuts,hidden}=this.props;return shortcuts&&!hidden}listeners=new _global_dom__WEBPACK_IMPORTED_MODULE_6__.qR;redrawScheduler=(0,_global_schedule_raf__WEBPACK_IMPORTED_MODULE_7__.A)(!0);uid=(0,_global_get_uid__WEBPACK_IMPORTED_MODULE_8__.A)("popup-");calculateDisplay=prevState=>({...prevState,display:this.props.hidden?_popup_consts__WEBPACK_IMPORTED_MODULE_5__.nl.SHOWING:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.nl.SHOWN});static PopupProps={Directions:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.HO,Dimension:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.fg,MinWidth:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.zB,MaxHeight:_popup_consts__WEBPACK_IMPORTED_MODULE_5__.Gh};portalRef=el=>{this.node=el,this.parent=el&&el.parentElement,el&&this.getContainer()&&this._redraw()};popupRef=el=>{this.popup=el,this._redraw()};containerRef=el=>{this.container=el};getContainer(){const target=this.props.target||this.ringPopupTarget;return target&&getPopupContainer(target)}position(){const{directions,autoPositioning,autoCorrectTopOverflow,sidePadding,top,left,offset,maxHeight,minWidth}=this.props,container=this.getContainer();return(0,_position__WEBPACK_IMPORTED_MODULE_9__.Ay)({popup:this.popup,container:container&&"static"!==(0,_global_dom__WEBPACK_IMPORTED_MODULE_6__.$f)(container).position?container:null,anchor:this._getAnchor(),directions,autoPositioning,autoCorrectTopOverflow,sidePadding,top,left,offset,maxHeight,minWidth})}_updateDirection=newDirection=>{this.state.direction!==newDirection&&(this.setState({direction:newDirection}),this.props.onDirectionChange&&this.props.onDirectionChange(newDirection))};_updatePosition=()=>{const popup=this.popup;if(popup){if(popup.style.position="absolute",this.isVisible()){const{styles:style,direction}=this.position();Object.entries(style).forEach((([key,value])=>{const propKey=key;popup.style[propKey]="number"==typeof value?`${value}px`:value.toString()})),null!=direction&&this._updateDirection(direction)}this.setState(this.calculateDisplay)}};_redraw=()=>{this.isVisible()&&this.redrawScheduler(this._updatePosition)};_getAnchor(){return this.props.anchorElement||this.parent}_listenersEnabled;_setListenersEnabled(enable){!enable||this._listenersEnabled?!enable&&this._listenersEnabled&&(this.listeners.removeAll(),this._listenersEnabled=!1):setTimeout((()=>{this._listenersEnabled=!0,this.listeners.add(window,"resize",this._redraw),this.props.autoPositioningOnScroll&&this.listeners.add(window,"scroll",this._redraw),this.listeners.add(document,"pointerdown",this._onDocumentClick,!0);let el=this._getAnchor();for(;el;)this.listeners.add(el,"scroll",this._redraw),el=el.parentElement}),0)}isVisible(){return!this.props.hidden}_onCloseAttempt(evt,isEsc){this.props.onCloseAttempt(evt,isEsc)}_onEscPress=evt=>{this.props.onEscPress(evt),this._onCloseAttempt(evt,!0)};_onDocumentClick=evt=>{this.container&&evt.target instanceof Node&&this.container.contains(evt.target)||!this._listenersEnabled||this.props.dontCloseOnAnchorClick&&evt.target instanceof Node&&this._getAnchor()?.contains(evt.target)||(this.props.onOutsideClick(evt),this._onCloseAttempt(evt,!1))};getInternalContent(){const{trapFocus,autoFocusFirst,children}=this.props;return trapFocus?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_tab_trap_tab_trap__WEBPACK_IMPORTED_MODULE_10__.A,{autoFocusFirst,focusBackOnExit:!0,children}):children}shortcutsScope=this.uid;shortcutsMap={esc:this._onEscPress};render(){const{className,style,hidden,attached,keepMounted,client,onMouseDown,onMouseUp,onMouseOver,onMouseOut,onContextMenu,"data-test":dataTest}=this.props,showing=this.state.display===_popup_consts__WEBPACK_IMPORTED_MODULE_5__.nl.SHOWING,classes=classnames__WEBPACK_IMPORTED_MODULE_2___default()(className,_popup_css__WEBPACK_IMPORTED_MODULE_3___default().popup,{[_popup_css__WEBPACK_IMPORTED_MODULE_3___default().attached]:attached,[_popup_css__WEBPACK_IMPORTED_MODULE_3___default().hidden]:hidden,[_popup_css__WEBPACK_IMPORTED_MODULE_3___default().showing]:showing}),direction=(this.state.direction||"").toLowerCase().replace(/[_]/g,"-");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_popup_target__WEBPACK_IMPORTED_MODULE_11__.z.Consumer,{children:value=>(this.ringPopupTarget=value,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("span",{onClick:stop,role:"presentation",ref:this.portalRef,children:[this.shouldUseShortcuts()&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_shortcuts_shortcuts__WEBPACK_IMPORTED_MODULE_12__.A,{map:this.shortcutsMap,scope:this.shortcutsScope}),(client||this.state.client)&&(keepMounted||!hidden)&&(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_popup_target__WEBPACK_IMPORTED_MODULE_11__.G,{id:this.uid,ref:this.containerRef,onMouseOver,onFocus:onMouseOver,onMouseOut,onBlur:onMouseOut,onContextMenu,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div",{"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_13__.A)("ring-popup",dataTest),"data-test-shown":!hidden&&!showing,"data-test-direction":direction,ref:this.popupRef,className:classes,style,onMouseDown,onMouseUp,role:"presentation",children:this.getInternalContent()})}),this.getContainer()||document.body)]}))})}}Popup.propTypes={anchorElement:prop_types__WEBPACK_IMPORTED_MODULE_14___default().instanceOf(Node),target:prop_types__WEBPACK_IMPORTED_MODULE_14___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_14___default().string,prop_types__WEBPACK_IMPORTED_MODULE_14___default().instanceOf(Element)]),className:prop_types__WEBPACK_IMPORTED_MODULE_14___default().string,style:prop_types__WEBPACK_IMPORTED_MODULE_14___default().object,hidden:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool.isRequired,onOutsideClick:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onEscPress:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onCloseAttempt:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,children:prop_types__WEBPACK_IMPORTED_MODULE_14___default().node.isRequired,dontCloseOnAnchorClick:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,shortcuts:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,keepMounted:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_14___default().string,client:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,directions:prop_types__WEBPACK_IMPORTED_MODULE_14___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_14___default().string),autoPositioning:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,autoCorrectTopOverflow:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,left:prop_types__WEBPACK_IMPORTED_MODULE_14___default().number,top:prop_types__WEBPACK_IMPORTED_MODULE_14___default().number,maxHeight:prop_types__WEBPACK_IMPORTED_MODULE_14___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_14___default().string,prop_types__WEBPACK_IMPORTED_MODULE_14___default().number]),minWidth:prop_types__WEBPACK_IMPORTED_MODULE_14___default().number,sidePadding:prop_types__WEBPACK_IMPORTED_MODULE_14___default().number,attached:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,onMouseDown:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onMouseUp:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onMouseOver:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onMouseOut:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onContextMenu:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onDirectionChange:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,onShow:prop_types__WEBPACK_IMPORTED_MODULE_14___default().func,trapFocus:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool,autoFocusFirst:prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool},Popup.__docgenInfo={description:"@constructor\n@name Popup\n@extends {ReactComponent}",methods:[{name:"shouldUseShortcuts",docblock:null,modifiers:[],params:[],returns:null},{name:"calculateDisplay",docblock:null,modifiers:[],params:[{name:"prevState",optional:!1,type:{name:"PopupState",alias:"PopupState"}}],returns:null},{name:"portalRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]}}],returns:null},{name:"popupRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]}}],returns:null},{name:"containerRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]}}],returns:null},{name:"getContainer",docblock:null,modifiers:[],params:[],returns:null},{name:"position",docblock:null,modifiers:[],params:[],returns:null},{name:"isVisible",docblock:"Returns visibility state\n@return {boolean}",modifiers:[],params:[],returns:{type:{name:"boolean"}},description:"Returns visibility state"},{name:"_onCloseAttempt",docblock:null,modifiers:[],params:[{name:"evt",optional:!0,type:{name:"union",raw:"Event | SyntheticEvent",elements:[{name:"Event"},{name:"SyntheticEvent"}]}},{name:"isEsc",optional:!0,type:{name:"boolean"}}],returns:null},{name:"getInternalContent",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Popup",props:{shortcuts:{defaultValue:{value:"true",computed:!1},required:!1},hidden:{defaultValue:{value:"false",computed:!1},required:!1},dontCloseOnAnchorClick:{defaultValue:{value:"false",computed:!1},required:!1},keepMounted:{defaultValue:{value:"false",computed:!1},required:!1},directions:{defaultValue:{value:"[\n Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.TOP_LEFT, Directions.TOP_RIGHT,\n Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.LEFT_TOP, Directions.LEFT_BOTTOM\n]",computed:!1},required:!1},autoPositioning:{defaultValue:{value:"true",computed:!1},required:!1},autoPositioningOnScroll:{defaultValue:{value:"true",computed:!1},required:!1},autoCorrectTopOverflow:{defaultValue:{value:"true",computed:!1},required:!1},left:{defaultValue:{value:"0",computed:!1},required:!1},top:{defaultValue:{value:"0",computed:!1},required:!1},offset:{defaultValue:{value:"0",computed:!1},required:!1},sidePadding:{defaultValue:{value:"8",computed:!1},required:!1},attached:{defaultValue:{value:"false",computed:!1},required:!1},trapFocus:{defaultValue:{value:"false",computed:!1},required:!1},autoFocusFirst:{defaultValue:{value:"false",computed:!1},required:!1},legacy:{defaultValue:{value:"false",computed:!1},required:!1}}}},"./src/popup/position.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>position,sA:()=>maxHeightForDirection});var _global_dom__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/global/dom.ts"),_popup_consts__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/popup/popup.consts.ts");function verticalOverflow(styles,scrollingCoordinates,attrs){const containerHeight=null!==attrs.container?attrs.container.clientHeight:(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.MR)(),viewportMinX=scrollingCoordinates.top+attrs.sidePadding,viewportMaxX=scrollingCoordinates.top+containerHeight-attrs.sidePadding,topOverflow=Math.max(viewportMinX-styles.top,0),popupHeight=attrs.popup.clientHeight,verticalDiff=styles.top+popupHeight-viewportMaxX;return topOverflow+Math.max(verticalDiff,0)}function horizontalOverflow(styles,scrollingCoordinates,attrs){const containerWidth=null!==attrs.container?attrs.container.clientWidth:window.innerWidth,viewportMinY=scrollingCoordinates.left+attrs.sidePadding,viewportMaxY=scrollingCoordinates.left+containerWidth-attrs.sidePadding,leftOverflow=Math.max(viewportMinY-styles.left,0),popupWidth=attrs.popup.clientWidth,horizontalDiff=styles.left+popupWidth-viewportMaxY;return leftOverflow+Math.max(horizontalDiff,0)}const defaultcontainerRect={top:0,left:0};function maxHeightForDirection(direction,anchorNode,containerNode){const container=containerNode||document.documentElement,domRect=anchorNode.getBoundingClientRect(),containerRect=container.getBoundingClientRect(),containerTop=domRect.top<0?containerRect.top:Math.max(containerRect.top,0),topMaxHeight=Math.max(domRect.top-containerTop,0),containerHeight=Math.max(containerRect.height,container===document.documentElement?container.clientHeight:0),bottomMaxHeight=Math.max(containerHeight-(topMaxHeight+domRect.height),0);switch(direction){case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.TOP_LEFT:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.TOP_CENTER:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.TOP_RIGHT:return topMaxHeight;case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.BOTTOM_LEFT:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.BOTTOM_CENTER:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.BOTTOM_RIGHT:return bottomMaxHeight;case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.LEFT_BOTTOM:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.RIGHT_BOTTOM:return domRect.height+bottomMaxHeight;case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.LEFT_TOP:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.RIGHT_TOP:return domRect.height+topMaxHeight;case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.RIGHT_CENTER:case _popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.LEFT_CENTER:return domRect.height/2+Math.min(bottomMaxHeight/2,topMaxHeight/2);default:return null}}function position(attrs){const{popup,anchor,container,directions,autoPositioning,sidePadding,top,left,offset,maxHeight,minWidth,autoCorrectTopOverflow=!0}=attrs;let styles={top:0,left:0},chosenDirection=null;const containerRect=null!==container?(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.l)(container):defaultcontainerRect,defaultAnchor=null!==container?container:document.body,anchorRect=(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.l)((0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.BX)(anchor)?anchor:defaultAnchor),scroll=function getScrollingCoordinates(container){return null!==container?{top:container.scrollTop,left:container.scrollLeft}:{top:(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__._d)(),left:(0,_global_dom__WEBPACK_IMPORTED_MODULE_0__.Ac)()}}(container),anchorLeft=anchorRect.left+scroll.left+left-containerRect.left,anchorTop=anchorRect.top+scroll.top+top-containerRect.top;if(popup){const overflowAttrs={...attrs,popup},directionsMatrix=function getPositionStyles(popup,anchorRect,anchorLeft,anchorTop,offset){const popupWidth=popup.offsetWidth,popupHeight=popup.offsetHeight,anchorBottom=anchorTop+anchorRect.height,anchorRight=anchorLeft+anchorRect.width,popupLeft=anchorLeft-popupWidth,popupTop=anchorTop-popupHeight,popupRightToLeft=anchorRight-popupWidth,popupHorizontalCenter=anchorLeft+anchorRect.width/2-popupWidth/2,popupVerticalCenter=anchorTop+anchorRect.height/2-popupHeight/2,popupBottomToTop=anchorBottom-popupHeight;return{[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.BOTTOM_RIGHT]:{left:anchorLeft,top:anchorBottom+offset},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.BOTTOM_LEFT]:{left:popupRightToLeft,top:anchorBottom+offset},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.BOTTOM_CENTER]:{left:popupHorizontalCenter,top:anchorBottom+offset},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.TOP_RIGHT]:{left:anchorLeft,top:popupTop-offset},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.TOP_LEFT]:{left:popupRightToLeft,top:popupTop-offset},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.TOP_CENTER]:{left:popupHorizontalCenter,top:popupTop-offset},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.LEFT_BOTTOM]:{left:popupLeft-offset,top:anchorTop},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.LEFT_TOP]:{left:popupLeft-offset,top:popupBottomToTop},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.LEFT_CENTER]:{left:popupLeft-offset,top:popupVerticalCenter},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.RIGHT_BOTTOM]:{left:anchorRight+offset,top:anchorTop},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.RIGHT_TOP]:{left:anchorRight+offset,top:popupBottomToTop},[_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO.RIGHT_CENTER]:{left:anchorRight+offset,top:popupVerticalCenter}}}(popup,anchorRect,anchorLeft,anchorTop,offset);if(autoPositioning&&1!==directions.length){const sortedByIncreasingOverflow=directions.concat(directions[0]).filter((direction=>directionsMatrix[direction])).map((direction=>({styles:directionsMatrix[direction],direction}))).sort((({styles:stylesA},{styles:stylesB})=>verticalOverflow(stylesA,scroll,overflowAttrs)+horizontalOverflow(stylesA,scroll,overflowAttrs)-(verticalOverflow(stylesB,scroll,overflowAttrs)+horizontalOverflow(stylesB,scroll,overflowAttrs))));styles=sortedByIncreasingOverflow[0].styles,chosenDirection=sortedByIncreasingOverflow[0].direction}else styles=directionsMatrix[directions[0]],chosenDirection=directions[0];["left","top"].forEach((key=>{styles[key]<0&&(styles[key]=0)}))}var _popup$scrollHeight;(maxHeight===_popup_consts__WEBPACK_IMPORTED_MODULE_1__.Gh.SCREEN||"screen"===maxHeight?styles.maxHeight=window.innerHeight+scroll.top-styles.top-_popup_consts__WEBPACK_IMPORTED_MODULE_1__.fg.MARGIN:maxHeight&&(styles.maxHeight=maxHeight),autoCorrectTopOverflow)&&(styles=function handleTopOffScreen({sidePadding,styles,anchorRect,maxHeight,popupScrollHeight,direction,scroll}){const{TOP_LEFT,TOP_RIGHT,TOP_CENTER,RIGHT_TOP,LEFT_TOP}=_popup_consts__WEBPACK_IMPORTED_MODULE_1__.HO;if(null==direction||![TOP_LEFT,TOP_RIGHT,TOP_CENTER,RIGHT_TOP,LEFT_TOP].includes(direction))return styles;const attachingPointY=null!=direction&&[TOP_LEFT,TOP_CENTER,TOP_RIGHT].includes(direction)?anchorRect.top:anchorRect.bottom;return attachingPointY-(maxHeight&&"number"==typeof maxHeight?Math.min(popupScrollHeight,maxHeight):popupScrollHeight)<=sidePadding&&(styles.top=sidePadding+scroll.top,styles.maxHeight=attachingPointY-sidePadding+1),styles}({sidePadding,styles,anchorRect,maxHeight,direction:chosenDirection,popupScrollHeight:null!==(_popup$scrollHeight=popup?.scrollHeight)&&void 0!==_popup$scrollHeight?_popup$scrollHeight:0,scroll}));return minWidth===_popup_consts__WEBPACK_IMPORTED_MODULE_1__.zB.TARGET||"target"===minWidth?styles.minWidth=anchorRect.width:minWidth&&(styles.minWidth=anchorRect.width{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>shortcuts_Shortcuts});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),Combokeys=__webpack_require__("./node_modules/combokeys/Combokeys/index.js"),Combokeys_default=__webpack_require__.n(Combokeys),sniffer=__webpack_require__("./src/global/sniffer.ts");const core=new class Shortcuts{ALLOW_SHORTCUTS_SELECTOR=".ring-js-shortcuts";ROOT_SCOPE={scopeId:"ROOT",options:{}};_scopes={};_scopeChain=[];combokeys=new(Combokeys_default())(document.documentElement);trigger=combo=>this.combokeys.trigger(combo);constructor(){this.setFilter(),this.setScope()}_dispatcher=(e,key)=>{let currentScope;for(let i=this._scopeChain.length-1;i>=0;i--){const scopeInChain=this._scopeChain[i];if(currentScope=this._scopes[scopeInChain.scopeId],currentScope&&null!=key&¤tScope[key]){const ret=currentScope[key](e,key,scopeInChain.scopeId);if(!0!==ret)return ret}if(scopeInChain.options.modal)return!0}};bind(params){if(!(params instanceof Object)||"function"!=typeof params.handler)throw new Error("Shortcut handler should exist");if(params.scope||(params.scope=this.ROOT_SCOPE.scopeId),Array.isArray(params.key)){for(let i=0;i"string"==typeof scopeItem?this.wrapScope(scopeItem):scopeItem));this._scopeChain=[this.ROOT_SCOPE].concat(scopes)}else this._scopeChain=[this.ROOT_SCOPE]}wrapScope(scopeId,options={}){return{scopeId,options}}hasKey(key,scope){return!!this._scopes[scope]?.[key]}_defaultFilter=(e,element,key)=>{if(element===document||!(element instanceof HTMLElement)||null==key||element.matches(this.ALLOW_SHORTCUTS_SELECTOR)||(null!=element.dataset.enabledShortcuts?element.dataset.enabledShortcuts.split(",").includes(key):null!=element.closest(this.ALLOW_SHORTCUTS_SELECTOR)))return!1;const elementContentEditableAttribute=element.contentEditable,isElementContentEditable="true"===elementContentEditableAttribute||"plaintext-only"===elementContentEditableAttribute;return element.matches("input:not([type=checkbox]),select,textarea")||isElementContentEditable};_getKeyboardEventType(params){if(!params.type&&"windows"===sniffer.A.os.name){if("string"==typeof params.key&¶ms.key.match(/ctrl/i)&¶ms.key.match(/shift/i)&¶ms.key.match(/[0-9]/))return"keyup"}return params.type}setFilter(fn){this.combokeys.stopCallback="function"==typeof fn?fn:this._defaultFilter}indexOfScope(scopeId){return this._scopeChain.findIndex((scope=>scope.scopeId===scopeId))}reset(){this._scopes={},this.setScope(),this.combokeys.reset()}};class shortcuts_Shortcuts extends react.PureComponent{static propTypes={map:prop_types_default().object.isRequired,scope:prop_types_default().string.isRequired,options:prop_types_default().object,disabled:prop_types_default().bool,children:prop_types_default().node};static defaultProps={options:{}};componentDidMount(){this.props.disabled||this.turnShorcutsOn()}componentDidUpdate(prevProps){const{disabled,map}=this.props;!prevProps.disabled&&disabled&&this.turnShorcutsOff(),prevProps.disabled&&!disabled&&this.turnShorcutsOn(),prevProps.map!==map&&core.bindMap(map,this.props)}componentWillUnmount(){this.props.disabled||this.turnShorcutsOff()}turnShorcutsOn(){const{map,scope,options}=this.props;core.bindMap(map,this.props),core.pushScope(scope,options)}turnShorcutsOff(){const{scope}=this.props;core.unbindScope(scope),core.spliceScope(scope)}render(){return this.props.children||null}}shortcuts_Shortcuts.__docgenInfo={description:"",methods:[{name:"turnShorcutsOn",docblock:null,modifiers:[],params:[],returns:null},{name:"turnShorcutsOff",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Shortcuts",props:{map:{required:!0,tsType:{name:"Record",elements:[{name:"string"},{name:"signature",type:"function",raw:"(e: KeyboardEvent, key: string, scopeId: string) => boolean | null | void",signature:{arguments:[{type:{name:"KeyboardEvent"},name:"e"},{type:{name:"string"},name:"key"},{type:{name:"string"},name:"scopeId"}],return:{name:"union",raw:"boolean | null | void",elements:[{name:"boolean"},{name:"null"},{name:"void"}]}}}],raw:"Record"},description:"",type:{name:"object"}},scope:{required:!0,tsType:{name:"string"},description:"",type:{name:"string"}},options:{required:!1,tsType:{name:"ShortcutsScopeOptions"},description:"",defaultValue:{value:"{}",computed:!1},type:{name:"object"}},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:"",type:{name:"node"}},disabled:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}}}}},"./src/tab-trap/tab-trap.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),_global_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/global/dom.ts"),_tab_trap_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/tab-trap/tab-trap.css"),_tab_trap_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_tab_trap_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const TabTrap=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function TabTrap({children,trapDisabled=!1,autoFocusFirst=!0,focusBackOnClose=!0,focusBackOnExit=!1,...restProps},ref){const nodeRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),trapButtonNodeRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),previousFocusedNodeRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),trapWithoutFocusRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),mountedRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);null===previousFocusedNodeRef.current&&(previousFocusedNodeRef.current=document.activeElement),(0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(ref,(()=>({node:nodeRef.current})),[]);const focusFirst=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>focusElement(!0)),[]),focusLast=()=>focusElement(!1);function restoreFocus(){const previousFocusedNode=previousFocusedNodeRef.current;previousFocusedNode instanceof HTMLElement&&previousFocusedNode.focus&&(0,_global_dom__WEBPACK_IMPORTED_MODULE_3__.$6)(previousFocusedNode)&&(mountedRef.current||previousFocusedNode.focus({preventScroll:!0}))}function focusElement(first=!0){const node=nodeRef.current;if(!node)return;const tabables=[...node.querySelectorAll("input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])")].filter((item=>item.tabIndex>=0)),toBeFocused=first?tabables[0]:tabables[tabables.length-1];toBeFocused&&toBeFocused.focus()}return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>(mountedRef.current=!0,()=>{mountedRef.current=!1})),[]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(autoFocusFirst)focusFirst();else if(!trapDisabled){const previousFocusedElementIsInContainer=previousFocusedNodeRef.current&&nodeRef.current?.contains(previousFocusedNodeRef.current),currentlyFocusedElementIsInContainer=nodeRef.current?.contains(document.activeElement);nodeRef.current&&(previousFocusedElementIsInContainer||currentlyFocusedElementIsInContainer)||(trapWithoutFocusRef.current=!0,trapButtonNodeRef.current?.focus())}return()=>{focusBackOnClose&&restoreFocus()}}),[autoFocusFirst,trapDisabled,focusBackOnClose,focusFirst]),trapDisabled?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{ref:nodeRef,...restProps,children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{ref:nodeRef,...restProps,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{tabIndex:0,ref:trapButtonNodeRef,className:_tab_trap_css__WEBPACK_IMPORTED_MODULE_1___default().trapButton,onFocus:function focusLastIfEnabled(event){if(!trapWithoutFocusRef.current)if(focusBackOnExit){const prevFocused=event.nativeEvent.relatedTarget;null!=prevFocused&&null!=nodeRef.current&&prevFocused instanceof Element&&nodeRef.current.contains(prevFocused)&&restoreFocus()}else focusLast()},onBlur:function handleBlurIfWithoutFocus(event){if(!trapWithoutFocusRef.current)return;trapWithoutFocusRef.current=!1;const newFocused=event.nativeEvent.relatedTarget;newFocused&&(newFocused instanceof Element&&nodeRef.current?.contains(newFocused)||focusLast())},"data-trap-button":!0}),children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{tabIndex:0,onFocus:focusBackOnExit?restoreFocus:focusFirst,"data-trap-button":!0})]})}));TabTrap.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node.isRequired,trapDisabled:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,autoFocusFirst:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,focusBackOnClose:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,focusBackOnExit:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool};const __WEBPACK_DEFAULT_EXPORT__=TabTrap;TabTrap.__docgenInfo={description:"",methods:[],displayName:"TabTrap",props:{trapDisabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},autoFocusFirst:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},focusBackOnClose:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},focusBackOnExit:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},children:{description:"",type:{name:"node"},required:!0}}}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./.storybook/preview.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_src_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_src_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,"body {\n box-sizing: border-box;\n margin: var(--ring-unit) !important;\n padding: 0 !important;\n\n color: var(--ring-text-color);\n background-color: var(--ring-content-background-color);\n\n font-family: var(--ring-font-family);\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.blockAnimations_a979 *,\n.blockAnimations_a979 *::before,\n.blockAnimations_a979 *::after {\n transition: none !important;\n animation: none !important;\n}\n","",{version:3,sources:["webpack://./.storybook/preview.css"],names:[],mappings:"AAEA;EACE,sBAAsB;EACtB,mCAAmC;EACnC,qBAAqB;;EAErB,6BAA6B;EAC7B,sDAAsD;;EAEtD,oCAAoC;EACpC,gCAAgC;EAChC,oCAAoC;AACtC;;AAEA;;;EAGE,2BAA2B;EAC3B,0BAA0B;AAC5B",sourcesContent:['@import "../src/global/variables.css";\n\nbody {\n box-sizing: border-box;\n margin: var(--ring-unit) !important;\n padding: 0 !important;\n\n color: var(--ring-text-color);\n background-color: var(--ring-content-background-color);\n\n font-family: var(--ring-font-family);\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.blockAnimations *,\n.blockAnimations *::before,\n.blockAnimations *::after {\n transition: none !important;\n animation: none !important;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={blockAnimations:"blockAnimations_a979"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/global.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'/* https://readymag.com/artemtiunov/RingUILanguage/colours/ */\n\n.clearfix_fd01::after {\n display: block;\n clear: both;\n\n content: "";\n }\n\n.font_dd85 {\n font-family: var(--ring-font-family);\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.font-lower_d9fd {\n\n line-height: var(--ring-line-height-lower);\n}\n\n.font-smaller_e38a {\n\n font-size: var(--ring-font-size-smaller);\n}\n\n.font-smaller-lower_bc4e {\n\n line-height: var(--ring-line-height-lowest);\n}\n\n.font-larger-lower_a2b7 {\n\n font-size: var(--ring-font-size-larger);\n}\n\n.font-larger_c402 {\n\n line-height: var(--ring-line-height-taller);\n}\n\n/* To be used at large sizes */\n/* As close as possible to Helvetica Neue Thin (to replace Gotham) */\n.thin-font_c959 {\n font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;\n font-size: var(--ring-font-size);\n font-weight: 100; /* Renders Helvetica Neue UltraLight on OS X */\n}\n\n.monospace-font_f0a1 {\n font-family: var(--ring-font-family-monospace);\n font-size: var(--ring-font-size-smaller);\n}\n\n.ellipsis_bb96 {\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.resetButton_a5c8 {\n overflow: visible;\n\n padding: 0;\n\n text-align: left;\n\n color: inherit;\n border: 0;\n\n background-color: transparent;\n\n font: inherit;\n}\n\n.resetButton_a5c8::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n\n/* Note: footer also has top margin which isn\'t taken into account here */\n\n/* Media breakpoints (minimal values) */\n\n/* Media queries */\n',"",{version:3,sources:["webpack://./src/global/global.css"],names:[],mappings:"AAAA,6DAA6D;;AAG3D;IACE,cAAc;IACd,WAAW;;IAEX,WAAW;EACb;;AAGF;EACE,oCAAoC;EACpC,gCAAgC;EAChC,oCAAoC;AACtC;;AAEA;;EAGE,0CAA0C;AAC5C;;AAEA;;EAGE,wCAAwC;AAC1C;;AAEA;;EAGE,2CAA2C;AAC7C;;AAEA;;EAGE,uCAAuC;AACzC;;AAEA;;EAGE,2CAA2C;AAC7C;;AAEA,8BAA8B;AAC9B,oEAAoE;AACpE;EACE,uEAAuE;EACvE,gCAAgC;EAChC,gBAAgB,EAAE,+CAA+C;AACnE;;AAEA;EACE,8CAA8C;EAC9C,wCAAwC;AAC1C;;AAEA;EACE,gBAAgB;;EAEhB,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,iBAAiB;;EAEjB,UAAU;;EAEV,gBAAgB;;EAEhB,cAAc;EACd,SAAS;;EAET,6BAA6B;;EAE7B,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX;;AAGF,yEAAyE;;AAGzE,uCAAuC;;AAKvC,kBAAkB",sourcesContent:['/* https://readymag.com/artemtiunov/RingUILanguage/colours/ */\n\n.clearfix {\n &::after {\n display: block;\n clear: both;\n\n content: "";\n }\n}\n\n.font {\n font-family: var(--ring-font-family);\n font-size: var(--ring-font-size);\n line-height: var(--ring-line-height);\n}\n\n.font-lower {\n composes: font;\n\n line-height: var(--ring-line-height-lower);\n}\n\n.font-smaller {\n composes: font-lower;\n\n font-size: var(--ring-font-size-smaller);\n}\n\n.font-smaller-lower {\n composes: font-smaller;\n\n line-height: var(--ring-line-height-lowest);\n}\n\n.font-larger-lower {\n composes: font-lower;\n\n font-size: var(--ring-font-size-larger);\n}\n\n.font-larger {\n composes: font-larger-lower;\n\n line-height: var(--ring-line-height-taller);\n}\n\n/* To be used at large sizes */\n/* As close as possible to Helvetica Neue Thin (to replace Gotham) */\n.thin-font {\n font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;\n font-size: var(--ring-font-size);\n font-weight: 100; /* Renders Helvetica Neue UltraLight on OS X */\n}\n\n.monospace-font {\n font-family: var(--ring-font-family-monospace);\n font-size: var(--ring-font-size-smaller);\n}\n\n.ellipsis {\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.resetButton {\n overflow: visible;\n\n padding: 0;\n\n text-align: left;\n\n color: inherit;\n border: 0;\n\n background-color: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n\n/* Note: footer also has top margin which isn\'t taken into account here */\n@value footer-height: calc(var(--ring-unit) * 8);\n\n/* Media breakpoints (minimal values) */\n@value breakpoint-small: 640px;\n@value breakpoint-middle: 960px;\n@value breakpoint-large: 1200px;\n\n/* Media queries */\n@value extra-small-screen-media: (max-width: calc(breakpoint-small - 1px));\n@value small-screen-media: (min-width: breakpoint-small) and (max-width: calc(breakpoint-middle - 1px));\n@value middle-screen-media: (min-width: breakpoint-middle) and (max-width: calc(breakpoint-large - 1px));\n@value large-screen-media: (min-width: breakpoint-large);\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"footer-height":"calc(var(--ring-unit)*8)","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)",clearfix:"clearfix_fd01",font:"font_dd85","font-lower":"font-lower_d9fd font_dd85","font-smaller":"font-smaller_e38a font-lower_d9fd font_dd85","font-smaller-lower":"font-smaller-lower_bc4e font-smaller_e38a font-lower_d9fd font_dd85","font-larger-lower":"font-larger-lower_a2b7 font-lower_d9fd font_dd85","font-larger":"font-larger_c402 font-larger-lower_a2b7 font-lower_d9fd font_dd85","thin-font":"thin-font_c959","monospace-font":"monospace-font_f0a1",ellipsis:"ellipsis_bb96",resetButton:"resetButton_a5c8"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'/* stylelint-disable color-no-hex */\n\n.light_b993,\n:root {\n --ring-unit: 8px;\n\n /* Element */\n --ring-line-components: 223, 225, 229;\n --ring-line-color: rgb(var(--ring-line-components)); /* #dfe1e5 */\n --ring-borders-components: 211, 213, 219;\n --ring-borders-color: rgb(var(--ring-borders-components)); /* #d3d5db */\n --ring-icon-components: 129, 133, 148;\n --ring-icon-color: rgb(var(--ring-icon-components)); /* #818594 */\n --ring-icon-white-components: 255, 255, 255;\n --ring-icon-white-color: rgb(var(--ring-icon-white-components)); /* #FFFFFF */\n --ring-icon-secondary-components: 129, 133, 148;\n --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #818594 */\n --ring-border-disabled-components: 235, 236, 240;\n --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #ebecf0 */\n --ring-border-selected-disabled-components: 201, 204, 214;\n --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #c9ccd6 */\n --ring-icon-disabled-components: 211, 213, 219;\n --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #d3d5db */\n --ring-border-hover-components: 160, 189, 248;\n --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #a0bdf8 */\n --ring-icon-hover-components: 90, 93, 107;\n --ring-icon-hover-color: rgb(var(--ring-icon-hover-components)); /* #5a5d6b */\n --ring-main-components: 53, 116, 240;\n --ring-main-color: rgb(var(--ring-main-components)); /* #3574f0 */\n --ring-action-link-components: 46, 85, 163;\n --ring-action-link-color: rgb(var(--ring-action-link-components)); /* #2E55A3 */\n --ring-main-hover-components: 51, 105, 214;\n --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #3369d6 */\n --ring-icon-error-components: 219, 59, 75;\n --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #db3b4b */\n --ring-icon-warning-components: 255, 175, 15;\n --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #ffaf0f */\n --ring-icon-success-components: 85, 167, 106;\n --ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #55a76a */\n --ring-pale-control-components: 194, 214, 252;\n --ring-pale-control-color: rgb(var(--ring-pale-control-components)); /* #C2D6FC */\n --ring-popup-border-components: 0, 28, 54;\n --ring-popup-border-color: var(--ring-line-color);\n --ring-popup-shadow-components: rgba(var(--ring-popup-border-components), 0.1);\n --ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.1);\n --ring-popup-secondary-shadow-color: rgba(var(--ring-popup-border-components), 0.04);\n --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);\n --ring-pinned-shadow-components: 108, 112, 126;\n --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #6C707E */\n --ring-button-danger-hover-components: var(--ring-icon-error-color);\n --ring-button-danger-hover-color: var(--ring-icon-error-color);\n --ring-button-primary-border-components: 49, 95, 189;\n --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #315FBD */\n --ring-dialog-overlay-components: 0, 0, 0;\n --ring-dialog-overlay-opacity: 0.4;\n --ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);\n --ring-dialog-shadow: 0 4px 24px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);\n\n\n /* Text */\n --ring-search-components: 112, 156, 245;\n --ring-search-color: rgb(var(--ring-search-components)); /* #709CF5 */\n --ring-hint-components: 46, 85, 163;\n --ring-hint-color: rgb(var(--ring-hint-components)); /* #2E55A3 */\n --ring-link-components: 46, 85, 163;\n --ring-link-color: rgb(var(--ring-link-components)); /* #2E55A3 */\n --ring-link-hover-components: 34, 60, 114;\n --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #223C72 */\n --ring-error-components: 204, 54, 69;\n --ring-error-color: rgb(var(--ring-error-components)); /* #CC3645 */\n --ring-warning-components: 164, 103, 4;\n --ring-warning-color: rgb(var(--ring-warning-components)); /* #A46704 */\n --ring-success-components: 31, 117, 54;\n --ring-success-color: rgb(var(--ring-success-components)); /* #1F7536 */\n --ring-text-components: 39, 40, 46;\n --ring-text-color: rgb(var(--ring-text-components)); /* #27282E */\n --ring-active-text-color: var(--ring-text-color);\n --ring-white-text-components: 255, 255, 255;\n --ring-white-text-color: rgb(var(--ring-white-text-components)); /* #FFFFFF */\n --ring-heading-color: var(--ring-text-color);\n --ring-secondary-components: 108, 112, 126;\n --ring-secondary-color: rgb(var(--ring-secondary-components)); /* #6C707E */\n --ring-disabled-components: 168, 173, 189;\n --ring-disabled-color: rgb(var(--ring-disabled-components)); /* #A8ADBD */\n\n /* Background */\n --ring-content-background-components: 255, 255, 255;\n --ring-content-background-color: rgb(var(--ring-content-background-components)); /* #FFFFFF */\n --ring-popup-background-components: 255, 255, 255;\n --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #FFFFFF */\n --ring-sidebar-background-components: 247, 248, 250;\n --ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #F7F8FA */\n --ring-selected-background-components: 212, 226, 255;\n --ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #D4E2FF */\n --ring-hover-background-components: 237, 243, 255;\n --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #EDF3FF */\n --ring-navigation-background-components: 255, 255, 255;\n --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #FFFFFF */\n --ring-tag-background-components: 235, 236, 240;\n --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #EBECF0 */\n --ring-tag-hover-background-components: 211, 213, 219;\n --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #D3D5DB */\n --ring-removed-background-components: 250, 212, 216;\n --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #FAD4D8 */\n --ring-warning-background-components: 255, 241, 209;\n --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #FFF1D1 */\n --ring-added-background-components: 197, 229, 204;\n --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #C5E5CC */\n --ring-disabled-background-components: 247, 248, 250;\n --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #F7F8FA */\n --ring-disabled-selected-background-components: 235, 236, 240;\n --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #EBECF0 */\n --ring-button-danger-active-components: 250, 212, 216;\n --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #FAD4D8 */\n --ring-button-loader-background-components: 70, 130, 250;\n --ring-button-loader-background: rgb(var(--ring-button-loader-background-components)); /* #4682FA */\n --ring-button-primary-background-components: 53, 116, 240;\n --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */\n --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #FFFFFF50 */\n --ring-removed-subtle-background-components: 255, 247, 247;\n --ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #FFF7F7 */\n --ring-warning-subtle-background-components: 255, 250, 235;\n --ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #FFFAEB */\n --ring-added-subtle-background-components: 242, 252, 243;\n --ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #F2FCF3 */\n\n /* Code */\n --ring-code-background-color: var(--ring-content-background-color);\n --ring-code-components: 0, 0, 0;\n --ring-code-color: rgb(var(--ring-code-components)); /* #000000 */\n --ring-code-comment-components: 140, 140, 140;\n --ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #8C8C8C */\n --ring-code-meta-components: 158, 136, 13;\n --ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #9E880D */\n --ring-code-keyword-components: 0, 51, 179;\n --ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #0033B3 */\n --ring-code-tag-background-components: 235, 236, 240;\n --ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #EBECF0 */\n --ring-code-tag-color: var(--ring-code-keyword-color);\n --ring-code-tag-font-weight: var(--ring-font-weight-bold);\n --ring-code-field-components: 135, 16, 148;\n --ring-code-field-color: rgb(var(--ring-code-field-components)); /* #871094 */\n --ring-code-attribute-components: 23, 80, 235;\n --ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #1750EB */\n --ring-code-number-color: var(--ring-code-attribute-color);\n --ring-code-string-components: 6, 125, 23;\n --ring-code-string-color: rgb(var(--ring-code-string-components)); /* #067D17 */\n --ring-code-addition-components: 197, 229, 204;\n --ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #C5E5CC */\n --ring-code-deletion-components: 223, 225, 229;\n --ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #DFE1E5 */\n\n /* Metrics */\n --ring-border-radius: 4px;\n --ring-border-radius-small: 2px;\n --ring-font-size-larger: 16px;\n --ring-font-size: 14px;\n --ring-font-size-smaller: 12px;\n --ring-line-height-taller: 24px;\n --ring-line-height: 20px;\n --ring-line-height-lower: 18px;\n --ring-line-height-lowest: 16px;\n --ring-ease: 0.3s ease-out;\n --ring-fast-ease: 0.15s ease-out;\n --ring-font-family: system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif;\n --ring-font-family-monospace:\n Menlo,\n "Bitstream Vera Sans Mono",\n "Ubuntu Mono",\n Consolas,\n "Courier New",\n Courier,\n monospace;\n --ring-font-weight-bold: 600;\n\n /* Common z-index-values */\n\n /* Invisible element is an absolutely positioned element which should be below */\n /* all other elements on the page */\n --ring-invisible-element-z-index: -1;\n\n /* z-index for position: fixed elements */\n --ring-fixed-z-index: 1;\n\n /* Elements that should overlay all other elements on the page */\n --ring-overlay-z-index: 5;\n\n /* Alerts should de displayed above overlays */\n --ring-alert-z-index: 6;\n}\n',"",{version:3,sources:["webpack://./src/global/variables.css"],names:[],mappings:"AAAA,mCAAmC;;AAEnC;;EAEE,gBAAgB;;EAEhB,YAAY;EACZ,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,wCAAwC;EACxC,yDAAyD,EAAE,YAAY;EACvE,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,2CAA2C;EAC3C,+DAA+D,EAAE,YAAY;EAC7E,+CAA+C;EAC/C,uEAAuE,EAAE,YAAY;EACrF,gDAAgD;EAChD,yEAAyE,EAAE,YAAY;EACvF,yDAAyD;EACzD,2FAA2F,EAAE,YAAY;EACzG,8CAA8C;EAC9C,qEAAqE,EAAE,YAAY;EACnF,6CAA6C;EAC7C,mEAAmE,EAAE,YAAY;EACjF,yCAAyC;EACzC,+DAA+D,EAAE,YAAY;EAC7E,oCAAoC;EACpC,mDAAmD,EAAE,YAAY;EACjE,0CAA0C;EAC1C,iEAAiE,EAAE,YAAY;EAC/E,0CAA0C;EAC1C,+DAA+D,EAAE,YAAY;EAC7E,yCAAyC;EACzC,+DAA+D,EAAE,YAAY;EAC7E,4CAA4C;EAC5C,mEAAmE,EAAE,YAAY;EACjF,4CAA4C;EAC5C,mEAAmE,EAAE,YAAY;EACjF,6CAA6C;EAC7C,mEAAmE,EAAE,YAAY;EACjF,yCAAyC;EACzC,iDAAiD;EACjD,8EAA8E;EAC9E,yEAAyE;EACzE,oFAAoF;EACpF,2EAA2E;EAC3E,8CAA8C;EAC9C,qEAAqE,EAAE,YAAY;EACnF,mEAAmE;EACnE,8DAA8D;EAC9D,oDAAoD;EACpD,qFAAqF,EAAE,YAAY;EACnG,yCAAyC;EACzC,kCAAkC;EAClC,iHAAiH;EACjH,mHAAmH;;;EAGnH,SAAS;EACT,uCAAuC;EACvC,uDAAuD,EAAE,YAAY;EACrE,mCAAmC;EACnC,mDAAmD,EAAE,YAAY;EACjE,mCAAmC;EACnC,mDAAmD,EAAE,YAAY;EACjE,yCAAyC;EACzC,+DAA+D,EAAE,YAAY;EAC7E,oCAAoC;EACpC,qDAAqD,EAAE,YAAY;EACnE,sCAAsC;EACtC,yDAAyD,EAAE,YAAY;EACvE,sCAAsC;EACtC,yDAAyD,EAAE,YAAY;EACvE,kCAAkC;EAClC,mDAAmD,EAAE,YAAY;EACjE,gDAAgD;EAChD,2CAA2C;EAC3C,+DAA+D,EAAE,YAAY;EAC7E,4CAA4C;EAC5C,0CAA0C;EAC1C,6DAA6D,EAAE,YAAY;EAC3E,yCAAyC;EACzC,2DAA2D,EAAE,YAAY;;EAEzE,eAAe;EACf,mDAAmD;EACnD,+EAA+E,EAAE,YAAY;EAC7F,iDAAiD;EACjD,2EAA2E,EAAE,YAAY;EACzF,mDAAmD;EACnD,+EAA+E,EAAE,YAAY;EAC7F,oDAAoD;EACpD,iFAAiF,EAAE,YAAY;EAC/F,iDAAiD;EACjD,2EAA2E,EAAE,YAAY;EACzF,sDAAsD;EACtD,qFAAqF,EAAE,YAAY;EACnG,+CAA+C;EAC/C,uEAAuE,EAAE,YAAY;EACrF,qDAAqD;EACrD,mFAAmF,EAAE,YAAY;EACjG,mDAAmD;EACnD,+EAA+E,EAAE,YAAY;EAC7F,mDAAmD;EACnD,+EAA+E,EAAE,YAAY;EAC7F,iDAAiD;EACjD,2EAA2E,EAAE,YAAY;EACzF,oDAAoD;EACpD,iFAAiF,EAAE,YAAY;EAC/F,6DAA6D;EAC7D,mGAAmG,EAAE,YAAY;EACjH,qDAAqD;EACrD,mFAAmF,EAAE,YAAY;EACjG,wDAAwD;EACxD,qFAAqF,EAAE,YAAY;EACnG,yDAAyD;EACzD,6FAA6F,EAAE,YAAY;EAC3G,0FAA0F,EAAE,cAAc;EAC1G,0DAA0D;EAC1D,6FAA6F,EAAE,YAAY;EAC3G,0DAA0D;EAC1D,6FAA6F,EAAE,YAAY;EAC3G,wDAAwD;EACxD,yFAAyF,EAAE,YAAY;;EAEvG,SAAS;EACT,kEAAkE;EAClE,+BAA+B;EAC/B,mDAAmD,EAAE,YAAY;EACjE,6CAA6C;EAC7C,mEAAmE,EAAE,YAAY;EACjF,yCAAyC;EACzC,6DAA6D,EAAE,YAAY;EAC3E,0CAA0C;EAC1C,mEAAmE,EAAE,YAAY;EACjF,oDAAoD;EACpD,iFAAiF,EAAE,YAAY;EAC/F,qDAAqD;EACrD,yDAAyD;EACzD,0CAA0C;EAC1C,+DAA+D,EAAE,YAAY;EAC7E,6CAA6C;EAC7C,uEAAuE,EAAE,YAAY;EACrF,0DAA0D;EAC1D,yCAAyC;EACzC,iEAAiE,EAAE,YAAY;EAC/E,8CAA8C;EAC9C,qEAAqE,EAAE,YAAY;EACnF,8CAA8C;EAC9C,qEAAqE,EAAE,YAAY;;EAEnF,YAAY;EACZ,yBAAyB;EACzB,+BAA+B;EAC/B,6BAA6B;EAC7B,sBAAsB;EACtB,8BAA8B;EAC9B,+BAA+B;EAC/B,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,0BAA0B;EAC1B,gCAAgC;EAChC,+HAAgD;EAChD;;;;;;;aAOW;EACX,4BAA4B;;EAE5B,0BAA0B;;EAE1B,gFAAgF;EAChF,mCAAmC;EACnC,oCAAoC;;EAEpC,yCAAyC;EACzC,uBAAuB;;EAEvB,gEAAgE;EAChE,yBAAyB;;EAEzB,8CAA8C;EAC9C,uBAAuB;AACzB",sourcesContent:['/* stylelint-disable color-no-hex */\n\n.light,\n:root {\n --ring-unit: 8px;\n\n /* Element */\n --ring-line-components: 223, 225, 229;\n --ring-line-color: rgb(var(--ring-line-components)); /* #dfe1e5 */\n --ring-borders-components: 211, 213, 219;\n --ring-borders-color: rgb(var(--ring-borders-components)); /* #d3d5db */\n --ring-icon-components: 129, 133, 148;\n --ring-icon-color: rgb(var(--ring-icon-components)); /* #818594 */\n --ring-icon-white-components: 255, 255, 255;\n --ring-icon-white-color: rgb(var(--ring-icon-white-components)); /* #FFFFFF */\n --ring-icon-secondary-components: 129, 133, 148;\n --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #818594 */\n --ring-border-disabled-components: 235, 236, 240;\n --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #ebecf0 */\n --ring-border-selected-disabled-components: 201, 204, 214;\n --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #c9ccd6 */\n --ring-icon-disabled-components: 211, 213, 219;\n --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #d3d5db */\n --ring-border-hover-components: 160, 189, 248;\n --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #a0bdf8 */\n --ring-icon-hover-components: 90, 93, 107;\n --ring-icon-hover-color: rgb(var(--ring-icon-hover-components)); /* #5a5d6b */\n --ring-main-components: 53, 116, 240;\n --ring-main-color: rgb(var(--ring-main-components)); /* #3574f0 */\n --ring-action-link-components: 46, 85, 163;\n --ring-action-link-color: rgb(var(--ring-action-link-components)); /* #2E55A3 */\n --ring-main-hover-components: 51, 105, 214;\n --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #3369d6 */\n --ring-icon-error-components: 219, 59, 75;\n --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #db3b4b */\n --ring-icon-warning-components: 255, 175, 15;\n --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #ffaf0f */\n --ring-icon-success-components: 85, 167, 106;\n --ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #55a76a */\n --ring-pale-control-components: 194, 214, 252;\n --ring-pale-control-color: rgb(var(--ring-pale-control-components)); /* #C2D6FC */\n --ring-popup-border-components: 0, 28, 54;\n --ring-popup-border-color: var(--ring-line-color);\n --ring-popup-shadow-components: rgba(var(--ring-popup-border-components), 0.1);\n --ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.1);\n --ring-popup-secondary-shadow-color: rgba(var(--ring-popup-border-components), 0.04);\n --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);\n --ring-pinned-shadow-components: 108, 112, 126;\n --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #6C707E */\n --ring-button-danger-hover-components: var(--ring-icon-error-color);\n --ring-button-danger-hover-color: var(--ring-icon-error-color);\n --ring-button-primary-border-components: 49, 95, 189;\n --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #315FBD */\n --ring-dialog-overlay-components: 0, 0, 0;\n --ring-dialog-overlay-opacity: 0.4;\n --ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);\n --ring-dialog-shadow: 0 4px 24px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);\n\n\n /* Text */\n --ring-search-components: 112, 156, 245;\n --ring-search-color: rgb(var(--ring-search-components)); /* #709CF5 */\n --ring-hint-components: 46, 85, 163;\n --ring-hint-color: rgb(var(--ring-hint-components)); /* #2E55A3 */\n --ring-link-components: 46, 85, 163;\n --ring-link-color: rgb(var(--ring-link-components)); /* #2E55A3 */\n --ring-link-hover-components: 34, 60, 114;\n --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #223C72 */\n --ring-error-components: 204, 54, 69;\n --ring-error-color: rgb(var(--ring-error-components)); /* #CC3645 */\n --ring-warning-components: 164, 103, 4;\n --ring-warning-color: rgb(var(--ring-warning-components)); /* #A46704 */\n --ring-success-components: 31, 117, 54;\n --ring-success-color: rgb(var(--ring-success-components)); /* #1F7536 */\n --ring-text-components: 39, 40, 46;\n --ring-text-color: rgb(var(--ring-text-components)); /* #27282E */\n --ring-active-text-color: var(--ring-text-color);\n --ring-white-text-components: 255, 255, 255;\n --ring-white-text-color: rgb(var(--ring-white-text-components)); /* #FFFFFF */\n --ring-heading-color: var(--ring-text-color);\n --ring-secondary-components: 108, 112, 126;\n --ring-secondary-color: rgb(var(--ring-secondary-components)); /* #6C707E */\n --ring-disabled-components: 168, 173, 189;\n --ring-disabled-color: rgb(var(--ring-disabled-components)); /* #A8ADBD */\n\n /* Background */\n --ring-content-background-components: 255, 255, 255;\n --ring-content-background-color: rgb(var(--ring-content-background-components)); /* #FFFFFF */\n --ring-popup-background-components: 255, 255, 255;\n --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #FFFFFF */\n --ring-sidebar-background-components: 247, 248, 250;\n --ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #F7F8FA */\n --ring-selected-background-components: 212, 226, 255;\n --ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #D4E2FF */\n --ring-hover-background-components: 237, 243, 255;\n --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #EDF3FF */\n --ring-navigation-background-components: 255, 255, 255;\n --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #FFFFFF */\n --ring-tag-background-components: 235, 236, 240;\n --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #EBECF0 */\n --ring-tag-hover-background-components: 211, 213, 219;\n --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #D3D5DB */\n --ring-removed-background-components: 250, 212, 216;\n --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #FAD4D8 */\n --ring-warning-background-components: 255, 241, 209;\n --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #FFF1D1 */\n --ring-added-background-components: 197, 229, 204;\n --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #C5E5CC */\n --ring-disabled-background-components: 247, 248, 250;\n --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #F7F8FA */\n --ring-disabled-selected-background-components: 235, 236, 240;\n --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #EBECF0 */\n --ring-button-danger-active-components: 250, 212, 216;\n --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #FAD4D8 */\n --ring-button-loader-background-components: 70, 130, 250;\n --ring-button-loader-background: rgb(var(--ring-button-loader-background-components)); /* #4682FA */\n --ring-button-primary-background-components: 53, 116, 240;\n --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */\n --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #FFFFFF50 */\n --ring-removed-subtle-background-components: 255, 247, 247;\n --ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #FFF7F7 */\n --ring-warning-subtle-background-components: 255, 250, 235;\n --ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #FFFAEB */\n --ring-added-subtle-background-components: 242, 252, 243;\n --ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #F2FCF3 */\n\n /* Code */\n --ring-code-background-color: var(--ring-content-background-color);\n --ring-code-components: 0, 0, 0;\n --ring-code-color: rgb(var(--ring-code-components)); /* #000000 */\n --ring-code-comment-components: 140, 140, 140;\n --ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #8C8C8C */\n --ring-code-meta-components: 158, 136, 13;\n --ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #9E880D */\n --ring-code-keyword-components: 0, 51, 179;\n --ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #0033B3 */\n --ring-code-tag-background-components: 235, 236, 240;\n --ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #EBECF0 */\n --ring-code-tag-color: var(--ring-code-keyword-color);\n --ring-code-tag-font-weight: var(--ring-font-weight-bold);\n --ring-code-field-components: 135, 16, 148;\n --ring-code-field-color: rgb(var(--ring-code-field-components)); /* #871094 */\n --ring-code-attribute-components: 23, 80, 235;\n --ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #1750EB */\n --ring-code-number-color: var(--ring-code-attribute-color);\n --ring-code-string-components: 6, 125, 23;\n --ring-code-string-color: rgb(var(--ring-code-string-components)); /* #067D17 */\n --ring-code-addition-components: 197, 229, 204;\n --ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #C5E5CC */\n --ring-code-deletion-components: 223, 225, 229;\n --ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #DFE1E5 */\n\n /* Metrics */\n --ring-border-radius: 4px;\n --ring-border-radius-small: 2px;\n --ring-font-size-larger: 16px;\n --ring-font-size: 14px;\n --ring-font-size-smaller: 12px;\n --ring-line-height-taller: 24px;\n --ring-line-height: 20px;\n --ring-line-height-lower: 18px;\n --ring-line-height-lowest: 16px;\n --ring-ease: 0.3s ease-out;\n --ring-fast-ease: 0.15s ease-out;\n --ring-font-family: system-ui, Arial, sans-serif;\n --ring-font-family-monospace:\n Menlo,\n "Bitstream Vera Sans Mono",\n "Ubuntu Mono",\n Consolas,\n "Courier New",\n Courier,\n monospace;\n --ring-font-weight-bold: 600;\n\n /* Common z-index-values */\n\n /* Invisible element is an absolutely positioned element which should be below */\n /* all other elements on the page */\n --ring-invisible-element-z-index: -1;\n\n /* z-index for position: fixed elements */\n --ring-fixed-z-index: 1;\n\n /* Elements that should overlay all other elements on the page */\n --ring-overlay-z-index: 5;\n\n /* Alerts should de displayed above overlays */\n --ring-alert-z-index: 6;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={light:"light_b993"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables_dark.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"/* stylelint-disable color-no-hex */\n\n.ring-ui-theme-dark,\n.dark_e22b,\n:root.dark_e22b {\n --ring-line-components: 67, 69, 74;\n --ring-line-color: rgb(var(--ring-line-components)); /* #43454A */\n --ring-borders-components: 111, 115, 122;\n --ring-borders-color: rgb(var(--ring-borders-components)); /* #6F737A */\n --ring-icon-components: 134, 138, 145;\n --ring-icon-color: rgb(var(--ring-icon-components)); /* #868A91 */\n --ring-icon-secondary-components: 134, 138, 145;\n --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #868A91 */\n --ring-border-disabled-components: 78, 81, 87;\n --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #4E5157 */\n --ring-border-selected-disabled-components: 90, 93, 99;\n --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #5A5D63 */\n --ring-icon-disabled-components: 78, 81, 87;\n --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #4E5157 */\n --ring-border-hover-components: 55, 95, 173;\n --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #375FAD */\n --ring-main-components: 53, 116, 240;\n --ring-main-color: rgb(var(--ring-main-components)); /* #3574F0 */\n --ring-action-link-components: 153, 187, 255;\n --ring-action-link-color: rgb(var(--ring-action-link-components)); /* #99BBFF */\n --ring-main-hover-components: 54, 106, 207;\n --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #366ACF */\n --ring-icon-error-components: 219, 92, 92;\n --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #DB5C5C */\n --ring-icon-warning-components: 214, 174, 88;\n --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #D6AE58 */\n --ring-icon-success-components: 95, 173, 101;\n --ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #5FAD65 */\n --ring-popup-border-components: 57, 59, 64;\n --ring-popup-border-color: rgb(var(--ring-popup-border-components)); /* #393B40 */\n --ring-popup-shadow-color: rgba(0, 0, 0, 0.31);\n --ring-popup-secondary-shadow-color: rgba(0, 0, 0, 0.37);\n --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);\n --ring-pinned-shadow-components: 0, 0, 0;\n --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #000 */\n --ring-button-danger-hover-color: var(--ring-error-color);\n --ring-button-primary-border-components: 53, 116, 240;\n --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #3574F0 */\n --ring-dialog-overlay-components: 0, 0, 0;\n --ring-dialog-overlay-opacity: 0.7;\n --ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);\n --ring-dialog-shadow: 0 4px 16px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);\n\n /* Text */\n --ring-hint-components: 134, 138, 145;\n --ring-hint-color: rgb(var(--ring-hint-components)); /* #868A91 */\n --ring-link-components: 153, 187, 255;\n --ring-link-color: rgb(var(--ring-link-components)); /* #99BBFF */\n --ring-link-hover-components: 107, 155, 250;\n --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #6B9BFA */\n --ring-error-components: 227, 119, 116;\n --ring-error-color: rgb(var(--ring-error-components)); /* #E37774 */\n --ring-warning-components: 242, 197, 92;\n --ring-warning-color: rgb(var(--ring-warning-components)); /* #F2C55C */\n --ring-success-components: 115, 189, 121;\n --ring-success-color: rgb(var(--ring-success-components)); /* #73BD79 */\n --ring-text-components: 223, 225, 229;\n --ring-text-color: rgb(var(--ring-text-components)); /* #DFE1E5 */\n --ring-active-text-components: 255, 255, 255;\n --ring-active-text-color: rgb(var(--ring-active-text-components)); /* #FFFFFF */\n --ring-heading-color: var(--ring-text-color);\n --ring-secondary-components: 157, 160, 168;\n --ring-secondary-color: rgb(var(--ring-secondary-components)); /* #9DA0A8 */\n --ring-disabled-components: 111, 115, 122;\n --ring-disabled-color: rgb(var(--ring-disabled-components)); /* #6F737A */\n\n /* Background */\n --ring-content-background-components: 30, 31, 34;\n --ring-content-background-color: rgb(var(--ring-content-background-components)); /* #1E1F22 */\n --ring-popup-background-components: 57, 59, 64;\n --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #393B40 */\n --ring-sidebar-background-components: 43, 45, 48;\n --ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #2B2D30 */\n --ring-selected-background-components: 46, 67, 110;\n --ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #2E436E */\n --ring-hover-background-components: 37, 50, 77;\n --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #25324D */\n --ring-navigation-background-components: 30, 31, 34;\n --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #1E1F22 */\n --ring-tag-background-components: 67, 69, 74;\n --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #43454A */\n --ring-tag-hover-background-components: 57, 59, 64;\n --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #393B40 */\n --ring-removed-background-components: 94, 56, 56;\n --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #5E3838 */\n --ring-warning-background-components: 94, 77, 51;\n --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #5E4D33 */\n --ring-added-background-components: 55, 82, 57;\n --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #375239 */\n --ring-disabled-background-components: 57, 59, 64;\n --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #393B40 */\n --ring-disabled-selected-background-components: 67, 69, 74;\n --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #43454A */\n --ring-button-danger-active-components: 64, 41, 41;\n --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #402929 */\n --ring-button-primary-background-components: 53, 116, 240;\n --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */\n --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #2B2D3050 */\n --ring-removed-subtle-background-components: 64, 41, 41;\n --ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #402929 */\n --ring-warning-subtle-background-components: 61, 50, 35;\n --ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #3D3223 */\n --ring-added-subtle-background-components: 37, 54, 39;\n --ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #253627 */\n\n\n /* Code */\n --ring-code-background-components: 30, 31, 34;\n --ring-code-background-color: rgb(var(--ring-code-background-components)); /* #1E1F22 */\n --ring-code-components: 189, 192, 201;\n --ring-code-color: rgb(var(--ring-code-components)); /* #BDC0C9 */\n --ring-code-comment-components: 110, 121, 138;\n --ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #6E798A */\n --ring-code-meta-components: 184, 177, 103;\n --ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #B8B167 */\n --ring-code-keyword-components: 214, 154, 107;\n --ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #D69A6B */\n --ring-code-tag-background-components: 67, 69, 74;\n --ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #43454A */\n --ring-code-tag-components: 214, 154, 107;\n --ring-code-tag-color: rgb(var(--ring-code-tag-components)); /* #D69A6B */\n --ring-code-tag-font-weight: normal;\n --ring-code-field-components: 207, 132, 207;\n --ring-code-field-color: rgb(var(--ring-code-field-components)); /* #CF84CF */\n --ring-code-attribute-components: 81, 192, 207;\n --ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #51C0CF */\n --ring-code-number-components: 81, 192, 207;\n --ring-code-number-color: rgb(var(--ring-code-number-components)); /* #51C0CF */\n --ring-code-string-components: 108, 171, 116;\n --ring-code-string-color: rgb(var(--ring-code-string-components)); /* #6CAB74 */\n --ring-code-addition-components: 55, 82, 57;\n --ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #375239 */\n --ring-code-deletion-components: 67, 69, 74;\n --ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #43454A */\n\n color-scheme: dark;\n}\n","",{version:3,sources:["webpack://./src/global/variables_dark.css"],names:[],mappings:"AAAA,mCAAmC;;AAEnC;;;EAGE,kCAAkC;EAClC,mDAAmD,EAAE,YAAY;EACjE,wCAAwC;EACxC,yDAAyD,EAAE,YAAY;EACvE,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,+CAA+C;EAC/C,uEAAuE,EAAE,YAAY;EACrF,6CAA6C;EAC7C,yEAAyE,EAAE,YAAY;EACvF,sDAAsD;EACtD,2FAA2F,EAAE,YAAY;EACzG,2CAA2C;EAC3C,qEAAqE,EAAE,YAAY;EACnF,2CAA2C;EAC3C,mEAAmE,EAAE,YAAY;EACjF,oCAAoC;EACpC,mDAAmD,EAAE,YAAY;EACjE,4CAA4C;EAC5C,iEAAiE,EAAE,YAAY;EAC/E,0CAA0C;EAC1C,+DAA+D,EAAE,YAAY;EAC7E,yCAAyC;EACzC,+DAA+D,EAAE,YAAY;EAC7E,4CAA4C;EAC5C,mEAAmE,EAAE,YAAY;EACjF,4CAA4C;EAC5C,mEAAmE,EAAE,YAAY;EACjF,0CAA0C;EAC1C,mEAAmE,EAAE,YAAY;EACjF,8CAA8C;EAC9C,wDAAwD;EACxD,2EAA2E;EAC3E,wCAAwC;EACxC,qEAAqE,EAAE,SAAS;EAChF,yDAAyD;EACzD,qDAAqD;EACrD,qFAAqF,EAAE,YAAY;EACnG,yCAAyC;EACzC,kCAAkC;EAClC,iHAAiH;EACjH,mHAAmH;;EAEnH,SAAS;EACT,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,2CAA2C;EAC3C,+DAA+D,EAAE,YAAY;EAC7E,sCAAsC;EACtC,qDAAqD,EAAE,YAAY;EACnE,uCAAuC;EACvC,yDAAyD,EAAE,YAAY;EACvE,wCAAwC;EACxC,yDAAyD,EAAE,YAAY;EACvE,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,4CAA4C;EAC5C,iEAAiE,EAAE,YAAY;EAC/E,4CAA4C;EAC5C,0CAA0C;EAC1C,6DAA6D,EAAE,YAAY;EAC3E,yCAAyC;EACzC,2DAA2D,EAAE,YAAY;;EAEzE,eAAe;EACf,gDAAgD;EAChD,+EAA+E,EAAE,YAAY;EAC7F,8CAA8C;EAC9C,2EAA2E,EAAE,YAAY;EACzF,gDAAgD;EAChD,+EAA+E,EAAE,YAAY;EAC7F,kDAAkD;EAClD,iFAAiF,EAAE,YAAY;EAC/F,8CAA8C;EAC9C,2EAA2E,EAAE,YAAY;EACzF,mDAAmD;EACnD,qFAAqF,EAAE,YAAY;EACnG,4CAA4C;EAC5C,uEAAuE,EAAE,YAAY;EACrF,kDAAkD;EAClD,mFAAmF,EAAE,YAAY;EACjG,gDAAgD;EAChD,+EAA+E,EAAE,YAAY;EAC7F,gDAAgD;EAChD,+EAA+E,EAAE,YAAY;EAC7F,8CAA8C;EAC9C,2EAA2E,EAAE,YAAY;EACzF,iDAAiD;EACjD,iFAAiF,EAAE,YAAY;EAC/F,0DAA0D;EAC1D,mGAAmG,EAAE,YAAY;EACjH,kDAAkD;EAClD,mFAAmF,EAAE,YAAY;EACjG,yDAAyD;EACzD,6FAA6F,EAAE,YAAY;EAC3G,0FAA0F,EAAE,cAAc;EAC1G,uDAAuD;EACvD,6FAA6F,EAAE,YAAY;EAC3G,uDAAuD;EACvD,6FAA6F,EAAE,YAAY;EAC3G,qDAAqD;EACrD,yFAAyF,EAAE,YAAY;;;EAGvG,SAAS;EACT,6CAA6C;EAC7C,yEAAyE,EAAE,YAAY;EACvF,qCAAqC;EACrC,mDAAmD,EAAE,YAAY;EACjE,6CAA6C;EAC7C,mEAAmE,EAAE,YAAY;EACjF,0CAA0C;EAC1C,6DAA6D,EAAE,YAAY;EAC3E,6CAA6C;EAC7C,mEAAmE,EAAE,YAAY;EACjF,iDAAiD;EACjD,iFAAiF,EAAE,YAAY;EAC/F,yCAAyC;EACzC,2DAA2D,EAAE,YAAY;EACzE,mCAAmC;EACnC,2CAA2C;EAC3C,+DAA+D,EAAE,YAAY;EAC7E,8CAA8C;EAC9C,uEAAuE,EAAE,YAAY;EACrF,2CAA2C;EAC3C,iEAAiE,EAAE,YAAY;EAC/E,4CAA4C;EAC5C,iEAAiE,EAAE,YAAY;EAC/E,2CAA2C;EAC3C,qEAAqE,EAAE,YAAY;EACnF,2CAA2C;EAC3C,qEAAqE,EAAE,YAAY;;EAEnF,kBAAkB;AACpB",sourcesContent:["/* stylelint-disable color-no-hex */\n\n:global(.ring-ui-theme-dark),\n.dark,\n:root.dark {\n --ring-line-components: 67, 69, 74;\n --ring-line-color: rgb(var(--ring-line-components)); /* #43454A */\n --ring-borders-components: 111, 115, 122;\n --ring-borders-color: rgb(var(--ring-borders-components)); /* #6F737A */\n --ring-icon-components: 134, 138, 145;\n --ring-icon-color: rgb(var(--ring-icon-components)); /* #868A91 */\n --ring-icon-secondary-components: 134, 138, 145;\n --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #868A91 */\n --ring-border-disabled-components: 78, 81, 87;\n --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #4E5157 */\n --ring-border-selected-disabled-components: 90, 93, 99;\n --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #5A5D63 */\n --ring-icon-disabled-components: 78, 81, 87;\n --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #4E5157 */\n --ring-border-hover-components: 55, 95, 173;\n --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #375FAD */\n --ring-main-components: 53, 116, 240;\n --ring-main-color: rgb(var(--ring-main-components)); /* #3574F0 */\n --ring-action-link-components: 153, 187, 255;\n --ring-action-link-color: rgb(var(--ring-action-link-components)); /* #99BBFF */\n --ring-main-hover-components: 54, 106, 207;\n --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #366ACF */\n --ring-icon-error-components: 219, 92, 92;\n --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #DB5C5C */\n --ring-icon-warning-components: 214, 174, 88;\n --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #D6AE58 */\n --ring-icon-success-components: 95, 173, 101;\n --ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #5FAD65 */\n --ring-popup-border-components: 57, 59, 64;\n --ring-popup-border-color: rgb(var(--ring-popup-border-components)); /* #393B40 */\n --ring-popup-shadow-color: rgba(0, 0, 0, 0.31);\n --ring-popup-secondary-shadow-color: rgba(0, 0, 0, 0.37);\n --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);\n --ring-pinned-shadow-components: 0, 0, 0;\n --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #000 */\n --ring-button-danger-hover-color: var(--ring-error-color);\n --ring-button-primary-border-components: 53, 116, 240;\n --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #3574F0 */\n --ring-dialog-overlay-components: 0, 0, 0;\n --ring-dialog-overlay-opacity: 0.7;\n --ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);\n --ring-dialog-shadow: 0 4px 16px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);\n\n /* Text */\n --ring-hint-components: 134, 138, 145;\n --ring-hint-color: rgb(var(--ring-hint-components)); /* #868A91 */\n --ring-link-components: 153, 187, 255;\n --ring-link-color: rgb(var(--ring-link-components)); /* #99BBFF */\n --ring-link-hover-components: 107, 155, 250;\n --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #6B9BFA */\n --ring-error-components: 227, 119, 116;\n --ring-error-color: rgb(var(--ring-error-components)); /* #E37774 */\n --ring-warning-components: 242, 197, 92;\n --ring-warning-color: rgb(var(--ring-warning-components)); /* #F2C55C */\n --ring-success-components: 115, 189, 121;\n --ring-success-color: rgb(var(--ring-success-components)); /* #73BD79 */\n --ring-text-components: 223, 225, 229;\n --ring-text-color: rgb(var(--ring-text-components)); /* #DFE1E5 */\n --ring-active-text-components: 255, 255, 255;\n --ring-active-text-color: rgb(var(--ring-active-text-components)); /* #FFFFFF */\n --ring-heading-color: var(--ring-text-color);\n --ring-secondary-components: 157, 160, 168;\n --ring-secondary-color: rgb(var(--ring-secondary-components)); /* #9DA0A8 */\n --ring-disabled-components: 111, 115, 122;\n --ring-disabled-color: rgb(var(--ring-disabled-components)); /* #6F737A */\n\n /* Background */\n --ring-content-background-components: 30, 31, 34;\n --ring-content-background-color: rgb(var(--ring-content-background-components)); /* #1E1F22 */\n --ring-popup-background-components: 57, 59, 64;\n --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #393B40 */\n --ring-sidebar-background-components: 43, 45, 48;\n --ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #2B2D30 */\n --ring-selected-background-components: 46, 67, 110;\n --ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #2E436E */\n --ring-hover-background-components: 37, 50, 77;\n --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #25324D */\n --ring-navigation-background-components: 30, 31, 34;\n --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #1E1F22 */\n --ring-tag-background-components: 67, 69, 74;\n --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #43454A */\n --ring-tag-hover-background-components: 57, 59, 64;\n --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #393B40 */\n --ring-removed-background-components: 94, 56, 56;\n --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #5E3838 */\n --ring-warning-background-components: 94, 77, 51;\n --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #5E4D33 */\n --ring-added-background-components: 55, 82, 57;\n --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #375239 */\n --ring-disabled-background-components: 57, 59, 64;\n --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #393B40 */\n --ring-disabled-selected-background-components: 67, 69, 74;\n --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #43454A */\n --ring-button-danger-active-components: 64, 41, 41;\n --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #402929 */\n --ring-button-primary-background-components: 53, 116, 240;\n --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */\n --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #2B2D3050 */\n --ring-removed-subtle-background-components: 64, 41, 41;\n --ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #402929 */\n --ring-warning-subtle-background-components: 61, 50, 35;\n --ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #3D3223 */\n --ring-added-subtle-background-components: 37, 54, 39;\n --ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #253627 */\n\n\n /* Code */\n --ring-code-background-components: 30, 31, 34;\n --ring-code-background-color: rgb(var(--ring-code-background-components)); /* #1E1F22 */\n --ring-code-components: 189, 192, 201;\n --ring-code-color: rgb(var(--ring-code-components)); /* #BDC0C9 */\n --ring-code-comment-components: 110, 121, 138;\n --ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #6E798A */\n --ring-code-meta-components: 184, 177, 103;\n --ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #B8B167 */\n --ring-code-keyword-components: 214, 154, 107;\n --ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #D69A6B */\n --ring-code-tag-background-components: 67, 69, 74;\n --ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #43454A */\n --ring-code-tag-components: 214, 154, 107;\n --ring-code-tag-color: rgb(var(--ring-code-tag-components)); /* #D69A6B */\n --ring-code-tag-font-weight: normal;\n --ring-code-field-components: 207, 132, 207;\n --ring-code-field-color: rgb(var(--ring-code-field-components)); /* #CF84CF */\n --ring-code-attribute-components: 81, 192, 207;\n --ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #51C0CF */\n --ring-code-number-components: 81, 192, 207;\n --ring-code-number-color: rgb(var(--ring-code-number-components)); /* #51C0CF */\n --ring-code-string-components: 108, 171, 116;\n --ring-code-string-color: rgb(var(--ring-code-string-components)); /* #6CAB74 */\n --ring-code-addition-components: 55, 82, 57;\n --ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #375239 */\n --ring-code-deletion-components: 67, 69, 74;\n --ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #43454A */\n\n color-scheme: dark;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={dark:"dark_e22b"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/popup/popup.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/global.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,".popup_c173 {\n\n position: fixed;\n z-index: var(--ring-overlay-z-index);\n top: -100vh;\n left: -100vw;\n\n overflow-y: auto;\n\n box-sizing: border-box;\n\n border: 1px solid var(--ring-popup-border-color);\n border-radius: var(--ring-border-radius);\n\n background-color: var(--ring-popup-background-color);\n box-shadow: var(--ring-popup-shadow);\n}\n\n.hidden_e31a {\n display: none;\n}\n\n.showing_c5d5 {\n opacity: 0;\n}\n\n.attached_d2db {\n border-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n","",{version:3,sources:["webpack://./src/popup/popup.css"],names:[],mappings:"AAEA;;EAGE,eAAe;EACf,oCAAoC;EACpC,WAAW;EACX,YAAY;;EAEZ,gBAAgB;;EAEhB,sBAAsB;;EAEtB,gDAAgD;EAChD,wCAAwC;;EAExC,oDAAoD;EACpD,oCAAoC;AACtC;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,aAAa;EACb,yBAAyB;EACzB,0BAA0B;AAC5B",sourcesContent:['@import "../global/variables.css";\n\n.popup {\n composes: font from "../global/global.css";\n\n position: fixed;\n z-index: var(--ring-overlay-z-index);\n top: -100vh;\n left: -100vw;\n\n overflow-y: auto;\n\n box-sizing: border-box;\n\n border: 1px solid var(--ring-popup-border-color);\n border-radius: var(--ring-border-radius);\n\n background-color: var(--ring-popup-background-color);\n box-shadow: var(--ring-popup-shadow);\n}\n\n.hidden {\n display: none;\n}\n\n.showing {\n opacity: 0;\n}\n\n.attached {\n border-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={popup:`popup_c173 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.font}`,hidden:"hidden_e31a",showing:"showing_c5d5",attached:"attached_d2db"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/tab-trap/tab-trap.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".trapButton_c2f8 {\n position: absolute;\n left: -9999px;\n}\n","",{version:3,sources:["webpack://./src/tab-trap/tab-trap.css"],names:[],mappings:"AAEA;EACE,kBAAkB;EAClB,aAAa;AACf",sourcesContent:['@import "../global/variables.css";\n\n.trapButton {\n position: absolute;\n left: -9999px;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={trapButton:"trapButton_c2f8"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./.storybook/preview.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./.storybook/preview.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/global/variables.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/global/variables_dark.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables_dark.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/popup/popup.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/popup/popup.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/tab-trap/tab-trap.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/tab-trap/tab-trap.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./alert-service/alert-service.stories":["./src/alert-service/alert-service.stories.tsx",5908,3302,1074],"./alert-service/alert-service.stories.tsx":["./src/alert-service/alert-service.stories.tsx",5908,3302,1074],"./alert/alert.stories":["./src/alert/alert.stories.tsx",5908,3302,5590],"./alert/alert.stories.tsx":["./src/alert/alert.stories.tsx",5908,3302,5590],"./analytics/analytics.stories":["./src/analytics/analytics.stories.tsx",3366],"./analytics/analytics.stories.tsx":["./src/analytics/analytics.stories.tsx",3366],"./auth-dialog-service/auth-dialog-service.stories":["./src/auth-dialog-service/auth-dialog-service.stories.tsx",9686,2558,5908,3302,1972,1259,9787,9986],"./auth-dialog-service/auth-dialog-service.stories.tsx":["./src/auth-dialog-service/auth-dialog-service.stories.tsx",9686,2558,5908,3302,1972,1259,9787,9986],"./auth-dialog/auth-dialog.stories":["./src/auth-dialog/auth-dialog.stories.tsx",2558,5908,1972,9787,302],"./auth-dialog/auth-dialog.stories.tsx":["./src/auth-dialog/auth-dialog.stories.tsx",2558,5908,1972,9787,302],"./auth/auth.stories":["./src/auth/auth.stories.tsx",9686,2558,5908,3302,1972,1259,9787,1812],"./auth/auth.stories.tsx":["./src/auth/auth.stories.tsx",9686,2558,5908,3302,1972,1259,9787,1812],"./avatar/avatar.stories":["./src/avatar/avatar.stories.tsx",7469,4014],"./avatar/avatar.stories.tsx":["./src/avatar/avatar.stories.tsx",7469,4014],"./breadcrumbs/breadcrumbs.stories":["./src/breadcrumbs/breadcrumbs.stories.tsx",2890],"./breadcrumbs/breadcrumbs.stories.tsx":["./src/breadcrumbs/breadcrumbs.stories.tsx",2890],"./button-group/button-group.stories":["./src/button-group/button-group.stories.tsx",5908,7849,6384],"./button-group/button-group.stories.tsx":["./src/button-group/button-group.stories.tsx",5908,7849,6384],"./button-set/button-set.stories":["./src/button-set/button-set.stories.tsx",5908,5118],"./button-set/button-set.stories.tsx":["./src/button-set/button-set.stories.tsx",5908,5118],"./button-toolbar/button-toolbar.stories":["./src/button-toolbar/button-toolbar.stories.tsx",5908,7849,6684],"./button-toolbar/button-toolbar.stories.tsx":["./src/button-toolbar/button-toolbar.stories.tsx",5908,7849,6684],"./button/button.stories":["./src/button/button.stories.tsx",5908,8016],"./button/button.stories.tsx":["./src/button/button.stories.tsx",5908,8016],"./caret/caret.stories":["./src/caret/caret.stories.tsx",5908,6771,410],"./caret/caret.stories.tsx":["./src/caret/caret.stories.tsx",5908,6771,410],"./checkbox/checkbox.stories":["./src/checkbox/checkbox.stories.tsx",5666],"./checkbox/checkbox.stories.tsx":["./src/checkbox/checkbox.stories.tsx",5666],"./clipboard/clipboard.stories":["./src/clipboard/clipboard.stories.tsx",5908,3302,8206],"./clipboard/clipboard.stories.tsx":["./src/clipboard/clipboard.stories.tsx",5908,3302,8206],"./code/code.stories":["./src/code/code.stories.tsx",5981,8613,1998],"./code/code.stories.tsx":["./src/code/code.stories.tsx",5981,8613,1998],"./collapse/collapse.stories":["./src/collapse/collapse.stories.tsx",5908,174],"./collapse/collapse.stories.tsx":["./src/collapse/collapse.stories.tsx",5908,174],"./confirm-service/confirm-service.stories":["./src/confirm-service/confirm-service.stories.tsx",2558,5908,1972,6182],"./confirm-service/confirm-service.stories.tsx":["./src/confirm-service/confirm-service.stories.tsx",2558,5908,1972,6182],"./confirm/confirm.stories":["./src/confirm/confirm.stories.tsx",2558,5908,1972,7914],"./confirm/confirm.stories.tsx":["./src/confirm/confirm.stories.tsx",2558,5908,1972,7914],"./content-layout/content-layout.stories":["./src/content-layout/content-layout.stories.tsx",3258,9408],"./content-layout/content-layout.stories.tsx":["./src/content-layout/content-layout.stories.tsx",3258,9408],"./contenteditable/contenteditable.stories":["./src/contenteditable/contenteditable.stories.tsx",5848,5190],"./contenteditable/contenteditable.stories.tsx":["./src/contenteditable/contenteditable.stories.tsx",5848,5190],"./data-list/data-list.stories":["./src/data-list/data-list.stories.tsx",5908,2412,7854],"./data-list/data-list.stories.tsx":["./src/data-list/data-list.stories.tsx",5908,2412,7854],"./date-picker/date-picker.stories":["./src/date-picker/date-picker.stories.tsx",8150,5908,6771,2718],"./date-picker/date-picker.stories.tsx":["./src/date-picker/date-picker.stories.tsx",8150,5908,6771,2718],"./dialog/dialog.stories":["./src/dialog/dialog.stories.tsx",2558,5908,6771,1972,7060],"./dialog/dialog.stories.tsx":["./src/dialog/dialog.stories.tsx",2558,5908,6771,1972,7060],"./dropdown-menu/dropdown-menu.stories":["./src/dropdown-menu/dropdown-menu.stories.tsx",4226,5908,8505,5906,2954],"./dropdown-menu/dropdown-menu.stories.tsx":["./src/dropdown-menu/dropdown-menu.stories.tsx",4226,5908,8505,5906,2954],"./dropdown/dropdown.stories":["./src/dropdown/dropdown.stories.tsx",4226,5908,6771,8505,4258],"./dropdown/dropdown.stories.tsx":["./src/dropdown/dropdown.stories.tsx",4226,5908,6771,8505,4258],"./editable-heading/editable-heading.stories":["./src/editable-heading/editable-heading.stories.tsx",5908,6771,2934],"./editable-heading/editable-heading.stories.tsx":["./src/editable-heading/editable-heading.stories.tsx",5908,6771,2934],"./error-bubble/error-bubble.stories":["./src/error-bubble/error-bubble.stories.tsx",9686,4226,2558,5908,6771,8505,1972,1271,7811,2741,182],"./error-bubble/error-bubble.stories.tsx":["./src/error-bubble/error-bubble.stories.tsx",9686,4226,2558,5908,6771,8505,1972,1271,7811,2741,182],"./error-message/error-message.stories":["./src/error-message/error-message.stories.tsx",982],"./error-message/error-message.stories.tsx":["./src/error-message/error-message.stories.tsx",982],"./footer/footer.stories":["./src/footer/footer.stories.tsx",4854],"./footer/footer.stories.tsx":["./src/footer/footer.stories.tsx",4854],"./form/form.stories":["./src/form/form.stories.js",2741,4504],"./form/form.stories.js":["./src/form/form.stories.js",2741,4504],"./global/dom.stories":["./src/global/dom.stories.tsx",1609],"./global/dom.stories.tsx":["./src/global/dom.stories.tsx",1609],"./global/theme.stories":["./src/global/theme.stories.tsx",9686,4226,5908,6771,8505,1271,7811,5314],"./global/theme.stories.tsx":["./src/global/theme.stories.tsx",9686,4226,5908,6771,8505,1271,7811,5314],"./global/variables.stories":["./src/global/variables.stories.tsx",9610],"./global/variables.stories.tsx":["./src/global/variables.stories.tsx",9610],"./grid/grid.stories":["./src/grid/grid.stories.tsx",9151,6460],"./grid/grid.stories.tsx":["./src/grid/grid.stories.tsx",9151,6460],"./group/group.stories":["./src/group/group.stories.tsx",342],"./group/group.stories.tsx":["./src/group/group.stories.tsx",342],"./header/header.stories":["./src/header/header.stories.tsx",9686,4226,2558,7011,5908,8505,3302,1972,1259,9787,5906,4370],"./header/header.stories.tsx":["./src/header/header.stories.tsx",9686,4226,2558,7011,5908,8505,3302,1972,1259,9787,5906,4370],"./heading/heading.stories":["./src/heading/heading.stories.tsx",1530],"./heading/heading.stories.tsx":["./src/heading/heading.stories.tsx",1530],"./http/http.stories":["./src/http/http.stories.tsx",9686,5908,3302,1259,8712],"./http/http.stories.tsx":["./src/http/http.stories.tsx",9686,5908,3302,1259,8712],"./i18n/i18n.stories":["./src/i18n/i18n.stories.tsx",4320],"./i18n/i18n.stories.tsx":["./src/i18n/i18n.stories.tsx",4320],"./icon/icon.stories":["./src/icon/icon.stories.tsx",7011,7305,8445],"./icon/icon.stories.tsx":["./src/icon/icon.stories.tsx",7011,7305,8445],"./input-size/input-size.stories":["./src/input-size/input-size.stories.js",2741,4352],"./input-size/input-size.stories.js":["./src/input-size/input-size.stories.js",2741,4352],"./input/input.stories":["./src/input/input.stories.tsx",5908,6771,2234],"./input/input.stories.tsx":["./src/input/input.stories.tsx",5908,6771,2234],"./island-legacy/island-legacy.stories":["./src/island-legacy/island-legacy.stories.tsx",7418],"./island-legacy/island-legacy.stories.tsx":["./src/island-legacy/island-legacy.stories.tsx",7418],"./island/island.stories":["./src/island/island.stories.tsx",2558,3526],"./island/island.stories.tsx":["./src/island/island.stories.tsx",2558,3526],"./link/link.stories":["./src/link/link.stories.tsx",9540],"./link/link.stories.tsx":["./src/link/link.stories.tsx",9540],"./list/list.stories":["./src/list/list.stories.tsx",9686,4226,5981,3258,5908,8505,3302,1259,7508],"./list/list.stories.tsx":["./src/list/list.stories.tsx",9686,4226,5981,3258,5908,8505,3302,1259,7508],"./loader-inline/loader-inline.stories":["./src/loader-inline/loader-inline.stories.tsx",5106],"./loader-inline/loader-inline.stories.tsx":["./src/loader-inline/loader-inline.stories.tsx",5106],"./loader-screen/loader-screen.stories":["./src/loader-screen/loader-screen.stories.tsx",830],"./loader-screen/loader-screen.stories.tsx":["./src/loader-screen/loader-screen.stories.tsx",830],"./loader/loader.stories":["./src/loader/loader.stories.tsx",1110],"./loader/loader.stories.tsx":["./src/loader/loader.stories.tsx",1110],"./markdown/markdown.stories":["./src/markdown/markdown.stories.tsx",5981,5682,6588,990,7486,3284,3883,7539,8653,4139,2139,9750,5442],"./markdown/markdown.stories.tsx":["./src/markdown/markdown.stories.tsx",5981,5682,6588,990,7486,3284,3883,7539,8653,4139,2139,9750,5442],"./message/message.stories":["./src/message/message.stories.tsx",5908,8046],"./message/message.stories.tsx":["./src/message/message.stories.tsx",5908,8046],"./old-browsers-message/old-browsers-message.stories":["./src/old-browsers-message/old-browsers-message.stories.tsx",3358],"./old-browsers-message/old-browsers-message.stories.tsx":["./src/old-browsers-message/old-browsers-message.stories.tsx",3358],"./pager/pager.stories":["./src/pager/pager.stories.tsx",9686,4226,5908,6771,8505,1271,7811,7849,6498,1570],"./pager/pager.stories.tsx":["./src/pager/pager.stories.tsx",9686,4226,5908,6771,8505,1271,7811,7849,6498,1570],"./panel/panel.stories":["./src/panel/panel.stories.tsx",5908,762],"./panel/panel.stories.tsx":["./src/panel/panel.stories.tsx",5908,762],"./popup-menu/popup-menu.stories":["./src/popup-menu/popup-menu.stories.tsx",4226,8505,192],"./popup-menu/popup-menu.stories.tsx":["./src/popup-menu/popup-menu.stories.tsx",4226,8505,192],"./popup/popup.stories":["./src/popup/popup.stories.tsx",2974],"./popup/popup.stories.tsx":["./src/popup/popup.stories.tsx",2974],"./progress-bar/progress-bar.stories":["./src/progress-bar/progress-bar.stories.tsx",5886],"./progress-bar/progress-bar.stories.tsx":["./src/progress-bar/progress-bar.stories.tsx",5886],"./query-assist/query-assist.stories":["./src/query-assist/query-assist.stories.tsx",9686,4226,5848,5908,6771,8505,3302,1259,8184],"./query-assist/query-assist.stories.tsx":["./src/query-assist/query-assist.stories.tsx",9686,4226,5848,5908,6771,8505,3302,1259,8184],"./radio/radio.stories":["./src/radio/radio.stories.tsx",6290],"./radio/radio.stories.tsx":["./src/radio/radio.stories.tsx",6290],"./scrollable-section/scrollable-section.stories":["./src/scrollable-section/scrollable-section.stories.tsx",2446],"./scrollable-section/scrollable-section.stories.tsx":["./src/scrollable-section/scrollable-section.stories.tsx",2446],"./select/select.stories":["./src/select/select.stories.tsx",9686,4226,5908,6771,8505,3302,1259,1271,7811,4728],"./select/select.stories.tsx":["./src/select/select.stories.tsx",9686,4226,5908,6771,8505,3302,1259,1271,7811,4728],"./slider/slider.stories":["./src/slider/slider.stories.tsx",5326],"./slider/slider.stories.tsx":["./src/slider/slider.stories.tsx",5326],"./storage/storage.stories":["./src/storage/storage.stories.tsx",9686,5908,3302,8022],"./storage/storage.stories.tsx":["./src/storage/storage.stories.tsx",9686,5908,3302,8022],"./tab-trap/tab-trap.stories":["./src/tab-trap/tab-trap.stories.tsx",5908,6771,1446],"./tab-trap/tab-trap.stories.tsx":["./src/tab-trap/tab-trap.stories.tsx",5908,6771,1446],"./table/simple-table.stories":["./src/table/simple-table.stories.tsx",3463,5908,2412,6624,6835],"./table/simple-table.stories.tsx":["./src/table/simple-table.stories.tsx",3463,5908,2412,6624,6835],"./table/table.stories":["./src/table/table.stories.tsx",9686,4226,3463,5908,6771,8505,1271,7811,7849,2412,6624,9151,6498,5846],"./table/table.stories.tsx":["./src/table/table.stories.tsx",9686,4226,3463,5908,6771,8505,1271,7811,7849,2412,6624,9151,6498,5846],"./tabs/tabs.stories":["./src/tabs/tabs.stories.tsx",4226,5908,8505,6236],"./tabs/tabs.stories.tsx":["./src/tabs/tabs.stories.tsx",4226,5908,8505,6236],"./tag/tag.stories":["./src/tag/tag.stories.tsx",5908,1271,3902],"./tag/tag.stories.tsx":["./src/tag/tag.stories.tsx",5908,1271,3902],"./tags-input/tag-input.stories":["./src/tags-input/tag-input.stories.tsx",9686,4226,2558,5908,6771,8505,1972,1271,7811,875],"./tags-input/tag-input.stories.tsx":["./src/tags-input/tag-input.stories.tsx",9686,4226,2558,5908,6771,8505,1972,1271,7811,875],"./tags-list/tags-list.stories":["./src/tags-list/tags-list.stories.tsx",5908,1271,7198],"./tags-list/tags-list.stories.tsx":["./src/tags-list/tags-list.stories.tsx",5908,1271,7198],"./text/text.stories":["./src/text/text.stories.tsx",2262],"./text/text.stories.tsx":["./src/text/text.stories.tsx",2262],"./toggle/toggle.stories":["./src/toggle/toggle.stories.tsx",8156],"./toggle/toggle.stories.tsx":["./src/toggle/toggle.stories.tsx",8156],"./tooltip/tooltip.stories":["./src/tooltip/tooltip.stories.tsx",5908,4746],"./tooltip/tooltip.stories.tsx":["./src/tooltip/tooltip.stories.tsx",5908,4746],"./user-agreement/user-agreement.stories":["./src/user-agreement/user-agreement.stories.tsx",9686,2558,5908,3302,1972,8936],"./user-agreement/user-agreement.stories.tsx":["./src/user-agreement/user-agreement.stories.tsx",9686,2558,5908,3302,1972,8936],"./user-card/user-card.stories":["./src/user-card/user-card.stories.tsx",9686,5908,3302,1259,7469,9158],"./user-card/user-card.stories.tsx":["./src/user-card/user-card.stories.tsx",9686,5908,3302,1259,7469,9158],"./welcome.stories":["./src/welcome.stories.tsx",5981,5682,6588,990,7486,3284,3883,7539,8653,4139,2139,9750,4181],"./welcome.stories.tsx":["./src/welcome.stories.tsx",5981,5682,6588,990,7486,3284,3883,7539,8653,4139,2139,9750,4181]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/src\\/welcome\\.stories\\.tsx)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./welcome.stories":["./src/welcome.stories.tsx",5981,5682,6588,990,7486,3284,3883,7539,8653,4139,2139,9750,4181],"./welcome.stories.tsx":["./src/welcome.stories.tsx",5981,5682,6588,990,7486,3284,3883,7539,8653,4139,2139,9750,4181]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/src\\/welcome\\.stories\\.tsx)$",module.exports=webpackAsyncContext},"storybook/internal/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"storybook/internal/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core/preview-errors":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__},"storybook/internal/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"storybook/internal/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{__webpack_require__.O(0,[1513],(()=>{return moduleId="./storybook-config-entry.js",__webpack_require__(__webpack_require__.s=moduleId);var moduleId}));__webpack_require__.O()}]); \ No newline at end of file diff --git a/master/popup-menu-popup-menu-stories.b616a8da.iframe.bundle.js b/master/popup-menu-popup-menu-stories.b616a8da.iframe.bundle.js deleted file mode 100644 index 1e9005572f4..00000000000 --- a/master/popup-menu-popup-menu-stories.b616a8da.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[192],{"./src/popup-menu/popup-menu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{basic:()=>basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _popup_menu__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/popup-menu/popup-menu.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/PopupMenu",parameters:{notes:"Displays a popup menu.",screenshots:{captureSelector:"*[data-test~=ring-popup]"},a11y:{element:"#storybook-root,*[data-test~=ring-popup]"}}},basic=()=>{const data=[{label:"Item"},{label:"Link to jetbrains.com",href:"http://www.jetbrains.com"},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.SEPARATOR},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.LINK,label:"Link Item"},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.LINK,label:"Link Item With Additional Class",className:"test"},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.SEPARATOR,description:"Separator With Description"},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.TITLE,label:"Title"},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.ITEM,label:"1 Element in group"},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.ITEM,label:"2 Element in group"}];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_popup_menu__WEBPACK_IMPORTED_MODULE_1__.A,{data})};basic.storyName="PopupMenu",basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:"() => {\n const data = [{\n label: 'Item'\n }, {\n label: 'Link to jetbrains.com',\n href: 'http://www.jetbrains.com'\n }, {\n rgItemType: ListProps.Type.SEPARATOR\n }, {\n rgItemType: ListProps.Type.LINK,\n label: 'Link Item'\n }, {\n rgItemType: ListProps.Type.LINK,\n label: 'Link Item With Additional Class',\n className: 'test'\n }, {\n rgItemType: ListProps.Type.SEPARATOR,\n description: 'Separator With Description'\n }, {\n rgItemType: ListProps.Type.TITLE,\n label: 'Title'\n }, {\n rgItemType: ListProps.Type.ITEM,\n label: '1 Element in group'\n }, {\n rgItemType: ListProps.Type.ITEM,\n label: '2 Element in group'\n }];\n return ;\n}",...basic.parameters?.docs?.source}}}},"./src/global/memoize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function memoize(fn){const primitiveCache=new Map,objectCache=new WeakMap;return function memoized(arg){const key=null!=arg?arg:"__singleValue__",cache=key instanceof Object?objectCache:primitiveCache,cached=cache.get(key);if(null!=cached)return cached;const value=fn(arg);return cache.set(key,value),value}}__webpack_require__.d(__webpack_exports__,{A:()=>memoize})},"./src/icon/icon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>Icon});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),browser=__webpack_require__("./node_modules/util-deprecate/browser.js"),browser_default=__webpack_require__.n(browser),icon_constants=__webpack_require__("./src/icon/icon__constants.ts"),icon=__webpack_require__("./src/icon/icon.css"),icon_default=__webpack_require__.n(icon),memoize=__webpack_require__("./src/global/memoize.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function extractSVGProps(svgNode){const map=svgNode.attributes;return map.length>0?function serializeAttrs(map){const res={};for(let i=0;ig[1].toUpperCase()))),res[prop]=map[i].value}return res}(map):null}const getSVGFromSource=(0,memoize.A)((src=>{const svgContainer=document.createElement("div");svgContainer.innerHTML=src;const svg=svgContainer.firstElementChild;return svg.remove?svg.remove():svgContainer.removeChild(svg),{props:extractSVGProps(svg),html:svg.innerHTML}}));function isCompatibilityMode(iconSrc){const hasWidth=/width="[\d\.]+"/gi.test(iconSrc),hasHeight=/height="[\d\.]+"/gi.test(iconSrc);return!hasWidth||!hasHeight}function IconSVG({src,className,...rest}){const glyphClasses=classnames_default()(icon_default().glyph,{[icon_default().compatibilityMode]:isCompatibilityMode(src)},className),{props,html}=getSVGFromSource(src);return(0,jsx_runtime.jsx)("svg",{...props,...rest,className:glyphClasses,dangerouslySetInnerHTML:{__html:html}})}IconSVG.propTypes={className:prop_types_default().string,src:prop_types_default().string.isRequired,style:prop_types_default().object};const icon_svg=(0,react.memo)(IconSVG);IconSVG.__docgenInfo={description:"",methods:[],displayName:"IconSVG",props:{src:{required:!0,tsType:{name:"string"},description:"",type:{name:"string"}},className:{description:"",type:{name:"string"},required:!1},style:{description:"",type:{name:"object"},required:!1}},composes:["SVGAttributes"]};const warnSize=browser_default()((()=>{}),"`size`, `width` and `height` props are not recommended to use in Ring UI `Icon` component. The intrinsic sizes of SVG icon (`width` and `height` SVG attributes) are used instead.\n\nWe strongly recommend to use icons handcrafted for particular sizes. If your icon doesn't exist in the desired size, please ask your designer to draw one. \"Responsive\" checkmark should be unchecked when exporting icon.'");class Icon extends react.PureComponent{static propTypes={className:prop_types_default().string,color:prop_types_default().string,glyph:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().elementType]).isRequired,height:prop_types_default().number,size:prop_types_default().number,width:prop_types_default().number,loading:prop_types_default().bool,suppressSizeWarning:prop_types_default().bool};static defaultProps={className:"",color:icon_constants.Q.DEFAULT,glyph:""};static Color=icon_constants.Q;static Size=icon_constants.o;warnSize(){this.props.suppressSizeWarning||warnSize()}getStyle(){const{size,width,height}=this.props;return width||height?(this.warnSize(),{width,height}):size?(this.warnSize(),{width:size,height:size}):void 0}render(){const{className,size,color,loading,glyph:Glyph,width,height,suppressSizeWarning,...restProps}=this.props;if(!Glyph)return null;const classes=classnames_default()(icon_default().icon,{[icon_default()[color]]:!!color,[icon_default().loading]:loading},className);return(0,jsx_runtime.jsx)("span",{...restProps,className:classes,children:"string"==typeof Glyph?(0,jsx_runtime.jsx)(icon_svg,{src:Glyph,style:this.getStyle()}):(0,jsx_runtime.jsx)(Glyph,{className:icon_default().glyph,style:this.getStyle()})})}}Icon.__docgenInfo={description:"",methods:[{name:"warnSize",docblock:null,modifiers:[],params:[],returns:null},{name:"getStyle",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Icon",props:{color:{required:!1,tsType:{name:"Color"},description:"",defaultValue:{value:"Color.DEFAULT",computed:!0},type:{name:"string"}},glyph:{required:!1,tsType:{name:"union",raw:"string | IconType | null",elements:[{name:"string"},{name:"ComponentType",elements:[{name:"SVGAttributes",elements:[{name:"SVGSVGElement"}],raw:"SVGAttributes"}],raw:"ComponentType>"},{name:"null"}]},description:"",defaultValue:{value:"''",computed:!1},type:{name:"union",value:[{name:"string"},{name:"elementType"}]}},height:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:"",type:{name:"number"}},size:{required:!1,tsType:{name:"union",raw:"Size | number | null | undefined",elements:[{name:"Size"},{name:"number"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"number"}},width:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:"",type:{name:"number"}},loading:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},suppressSizeWarning:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},className:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1}},composes:["HTMLAttributes"]}},"./src/icon/icon__constants.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>Color,o:()=>Size});let Color=function(Color){return Color.BLUE="blue",Color.DEFAULT="",Color.GRAY="gray",Color.GREEN="green",Color.MAGENTA="magenta",Color.RED="red",Color.WHITE="white",Color}({}),Size=function(Size){return Size[Size.Size12=12]="Size12",Size[Size.Size14=14]="Size14",Size[Size.Size16=16]="Size16",Size[Size.Size18=18]="Size18",Size[Size.Size20=20]="Size20",Size[Size.Size24=24]="Size24",Size[Size.Size32=32]="Size32",Size[Size.Size40=40]="Size40",Size[Size.Size48=48]="Size48",Size[Size.Size64=64]="Size64",Size[Size.Size96=96]="Size96",Size[Size.Size128=128]="Size128",Size}({})},"./src/link/clickableLink.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ClickableLink});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");class ClickableLink extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={onClick:prop_types__WEBPACK_IMPORTED_MODULE_2___default().func,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_2___default().func,onConditionalClick:prop_types__WEBPACK_IMPORTED_MODULE_2___default().func,activeClassName:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string.isRequired,children:prop_types__WEBPACK_IMPORTED_MODULE_2___default().node.isRequired};onClick=e=>{const{onClick,onConditionalClick,onPlainLeftClick}=this.props,isPlainLeft=(e=>!(0!==e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey))(e);onClick&&onClick(e),onConditionalClick&&onConditionalClick(isPlainLeft,e),onPlainLeftClick&&isPlainLeft&&(e.preventDefault(),onPlainLeftClick(e))};render(){const{onConditionalClick,onPlainLeftClick,activeClassName,href,children,...restProps}=this.props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a",{href,...restProps,onClick:this.onClick,children})}}ClickableLink.__docgenInfo={description:"",methods:[{name:"onClick",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLAnchorElement"}],alias:"React.MouseEvent"}}],returns:null}],displayName:"ClickableLink",props:{onConditionalClick:{required:!1,tsType:{name:"union",raw:"| ((isPlainLeft: boolean, e: React.MouseEvent) => void)\n| null\n| undefined",elements:[{name:"unknown"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"func"}},onPlainLeftClick:{required:!1,tsType:{name:"union",raw:"((e: React.MouseEvent) => void) | null | undefined",elements:[{name:"unknown"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"func"}},activeClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},disabled:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},onClick:{description:"",type:{name:"func"},required:!1},href:{description:"",type:{name:"string"},required:!0},children:{description:"",type:{name:"node"},required:!0}},composes:["AnchorHTMLAttributes"]}},"./src/popup-menu/popup-menu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>PopupMenu,D:()=>ListProps});var prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__),_popup_popup__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/popup/popup.tsx"),_list_list__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/list/list.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const{children,...popupPropTypes}=_popup_popup__WEBPACK_IMPORTED_MODULE_1__.Ay.propTypes||{};class PopupMenu extends _popup_popup__WEBPACK_IMPORTED_MODULE_1__.Ay{static isItemType=_list_list__WEBPACK_IMPORTED_MODULE_2__.A.isItemType;static ListProps=_list_list__WEBPACK_IMPORTED_MODULE_2__.A.ListProps;static defaultProps={..._list_list__WEBPACK_IMPORTED_MODULE_2__.A.defaultProps,..._popup_popup__WEBPACK_IMPORTED_MODULE_1__.Ay.defaultProps,renderOptimization:!1,closeOnSelect:!1};onSelect=(item,event)=>{this.props.closeOnSelect&&this._onCloseAttempt(event),this.props.onSelect(item,event)};list;listRef=el=>{this.list=el};getInternalContent(){const{className,...props}=this.props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_list_list__WEBPACK_IMPORTED_MODULE_2__.A,{ref:this.listRef,...props,maxHeight:this.popup&&parseFloat(this.popup.style.maxHeight),shortcuts:this.shouldUseShortcuts(),onSelect:this.onSelect})})}}PopupMenu.propTypes={...popupPropTypes,..._list_list__WEBPACK_IMPORTED_MODULE_2__.A.propTypes,maxHeight:prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_3___default().string,prop_types__WEBPACK_IMPORTED_MODULE_3___default().number]),closeOnSelect:prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool};const{ListProps}=_list_list__WEBPACK_IMPORTED_MODULE_2__.A},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/icon/icon.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,'.icon_d5a3 {\n display: inline-block;\n\n fill: currentColor;\n}\n\n.glyph_ffd8 {\n display: inline-flex;\n\n pointer-events: none;\n}\n\n.glyph_ffd8[width="10"] {\n vertical-align: -1px;\n }\n\n.glyph_ffd8[width="12"] {\n vertical-align: -1px;\n }\n\n.glyph_ffd8[width="16"] {\n vertical-align: -3px;\n }\n\n.glyph_ffd8[width="20"] {\n vertical-align: -2px;\n }\n\n.glyph_ffd8.compatibilityMode_a8ae {\n width: calc(var(--ring-unit)*2);\n height: calc(var(--ring-unit)*2);\n margin-right: 0;\n margin-left: 0;\n }\n\n/* HACK: This media query hack makes styles applied for WebKit browsers only */\n/* stylelint-disable-next-line media-feature-name-no-vendor-prefix */\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n .glyph_ffd8 {\n width: auto; /* Safari size bug workaround, see https://youtrack.jetbrains.com/issue/RG-1983 */\n }\n}\n\n.gray_cf30 {\n color: var(--ring-icon-secondary-color);\n}\n\n.hover_ab0b {\n color: var(--ring-icon-hover-color);\n}\n\n.green_ea54 {\n color: var(--ring-icon-success-color);\n}\n\n.magenta_bbdf {\n color: var(--ring-link-hover-color);\n}\n\n.red_e064 {\n color: var(--ring-icon-error-color);\n}\n\n.blue_d783 {\n color: var(--ring-main-color);\n}\n\n.white_d5e6 {\n color: var(--ring-white-text-color);\n}\n\n.loading_f519 {\n animation-name: icon-loading_cf30;\n animation-duration: 1200ms;\n animation-iteration-count: infinite;\n}\n\n@keyframes icon-loading_cf30 {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.9);\n\n opacity: 0.5;\n }\n\n 100% {\n transform: scale(1);\n }\n}\n',"",{version:3,sources:["webpack://./src/icon/icon.css"],names:[],mappings:"AAEA;EACE,qBAAqB;;EAErB,kBAAkB;AACpB;;AAEA;EACE,oBAAoB;;EAEpB,oBAAoB;AAwBtB;;AAtBE;IACE,oBAAoB;EACtB;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,+BAAiC;IACjC,gCAAkC;IAClC,eAAe;IACf,cAAc;EAChB;;AAGF,8EAA8E;AAC9E,oEAAoE;AACpE;EACE;IACE,WAAW,EAAE,iFAAiF;EAChG;AACF;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,iCAA4B;EAC5B,0BAA0B;EAC1B,mCAAmC;AACrC;;AAEA;EACE;IACE,mBAAmB;EACrB;;EAEA;IACE,qBAAqB;;IAErB,YAAY;EACd;;EAEA;IACE,mBAAmB;EACrB;AACF",sourcesContent:['@import "../global/variables.css";\n\n.icon {\n display: inline-block;\n\n fill: currentColor;\n}\n\n.glyph {\n display: inline-flex;\n\n pointer-events: none;\n\n &[width="10"] {\n vertical-align: -1px;\n }\n\n &[width="12"] {\n vertical-align: -1px;\n }\n\n &[width="16"] {\n vertical-align: -3px;\n }\n\n &[width="20"] {\n vertical-align: -2px;\n }\n\n &.compatibilityMode {\n width: calc(var(--ring-unit) * 2);\n height: calc(var(--ring-unit) * 2);\n margin-right: 0;\n margin-left: 0;\n }\n}\n\n/* HACK: This media query hack makes styles applied for WebKit browsers only */\n/* stylelint-disable-next-line media-feature-name-no-vendor-prefix */\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n .glyph {\n width: auto; /* Safari size bug workaround, see https://youtrack.jetbrains.com/issue/RG-1983 */\n }\n}\n\n.gray {\n color: var(--ring-icon-secondary-color);\n}\n\n.hover {\n color: var(--ring-icon-hover-color);\n}\n\n.green {\n color: var(--ring-icon-success-color);\n}\n\n.magenta {\n color: var(--ring-link-hover-color);\n}\n\n.red {\n color: var(--ring-icon-error-color);\n}\n\n.blue {\n color: var(--ring-main-color);\n}\n\n.white {\n color: var(--ring-white-text-color);\n}\n\n.loading {\n animation-name: icon-loading;\n animation-duration: 1200ms;\n animation-iteration-count: infinite;\n}\n\n@keyframes icon-loading {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.9);\n\n opacity: 0.5;\n }\n\n 100% {\n transform: scale(1);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={icon:"icon_d5a3",glyph:"glyph_ffd8",compatibilityMode:"compatibilityMode_a8ae",gray:"gray_cf30",hover:"hover_ab0b",green:"green_ea54",magenta:"magenta_bbdf",red:"red_e064",blue:"blue_d783",white:"white_d5e6",loading:"loading_f519","icon-loading":"icon-loading_cf30"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/icon/icon.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/icon/icon.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/popup-menu-popup-menu-stories.f192ca91.iframe.bundle.js b/master/popup-menu-popup-menu-stories.f192ca91.iframe.bundle.js new file mode 100644 index 00000000000..f22afcf47a6 --- /dev/null +++ b/master/popup-menu-popup-menu-stories.f192ca91.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[192],{"./src/popup-menu/popup-menu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{basic:()=>basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _popup_menu__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/popup-menu/popup-menu.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/PopupMenu",parameters:{notes:"Displays a popup menu.",screenshots:{captureSelector:"*[data-test~=ring-popup]"},a11y:{element:"#storybook-root,*[data-test~=ring-popup]"}}},basic=()=>{const data=[{label:"Item"},{label:"Link to jetbrains.com",href:"http://www.jetbrains.com"},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.SEPARATOR},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.LINK,label:"Link Item"},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.LINK,label:"Link Item With Additional Class",className:"test"},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.SEPARATOR,description:"Separator With Description"},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.TITLE,label:"Title"},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.ITEM,label:"1 Element in group"},{rgItemType:_popup_menu__WEBPACK_IMPORTED_MODULE_1__.D.Type.ITEM,label:"2 Element in group"}];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_popup_menu__WEBPACK_IMPORTED_MODULE_1__.A,{data})};basic.storyName="PopupMenu",basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:"() => {\n const data = [{\n label: 'Item'\n }, {\n label: 'Link to jetbrains.com',\n href: 'http://www.jetbrains.com'\n }, {\n rgItemType: ListProps.Type.SEPARATOR\n }, {\n rgItemType: ListProps.Type.LINK,\n label: 'Link Item'\n }, {\n rgItemType: ListProps.Type.LINK,\n label: 'Link Item With Additional Class',\n className: 'test'\n }, {\n rgItemType: ListProps.Type.SEPARATOR,\n description: 'Separator With Description'\n }, {\n rgItemType: ListProps.Type.TITLE,\n label: 'Title'\n }, {\n rgItemType: ListProps.Type.ITEM,\n label: '1 Element in group'\n }, {\n rgItemType: ListProps.Type.ITEM,\n label: '2 Element in group'\n }];\n return ;\n}",...basic.parameters?.docs?.source}}}},"./src/control-help/control-help.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ControlHelp});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),_control_help_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/control-help/control-help.css"),_control_help_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_control_help_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ControlHelp({className,...restProps}){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()(className,_control_help_css__WEBPACK_IMPORTED_MODULE_1___default().help),...restProps})}ControlHelp.__docgenInfo={description:"",methods:[],displayName:"ControlHelp"}},"./src/global/composeRefs.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>createComposedRef});var memoize_one__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/memoize-one/dist/memoize-one.esm.js");function composeRefs(...refs){return value=>refs.forEach((ref=>{"function"==typeof ref?ref(value):null!=ref&&(ref.current=value)}))}function createComposedRef(){return(0,memoize_one__WEBPACK_IMPORTED_MODULE_0__.A)(composeRefs)}},"./src/global/memoize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function memoize(fn){const primitiveCache=new Map,objectCache=new WeakMap;return function memoized(arg){const key=null!=arg?arg:"__singleValue__",cache=key instanceof Object?objectCache:primitiveCache,cached=cache.get(key);if(null!=cached)return cached;const value=fn(arg);return cache.set(key,value),value}}__webpack_require__.d(__webpack_exports__,{A:()=>memoize})},"./src/global/prop-types.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>refObject});var prop_types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);const refObject=value=>prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({current:value})},"./src/icon/icon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>Icon});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),browser=__webpack_require__("./node_modules/util-deprecate/browser.js"),browser_default=__webpack_require__.n(browser),icon_constants=__webpack_require__("./src/icon/icon__constants.ts"),icon=__webpack_require__("./src/icon/icon.css"),icon_default=__webpack_require__.n(icon),memoize=__webpack_require__("./src/global/memoize.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function extractSVGProps(svgNode){const map=svgNode.attributes;return map.length>0?function serializeAttrs(map){const res={};for(let i=0;ig[1].toUpperCase()))),res[prop]=map[i].value}return res}(map):null}const getSVGFromSource=(0,memoize.A)((src=>{const svgContainer=document.createElement("div");svgContainer.innerHTML=src;const svg=svgContainer.firstElementChild;return svg.remove?svg.remove():svgContainer.removeChild(svg),{props:extractSVGProps(svg),html:svg.innerHTML}}));function isCompatibilityMode(iconSrc){const hasWidth=/width="[\d\.]+"/gi.test(iconSrc),hasHeight=/height="[\d\.]+"/gi.test(iconSrc);return!hasWidth||!hasHeight}function IconSVG({src,className,...rest}){const glyphClasses=classnames_default()(icon_default().glyph,{[icon_default().compatibilityMode]:isCompatibilityMode(src)},className),{props,html}=getSVGFromSource(src);return(0,jsx_runtime.jsx)("svg",{...props,...rest,className:glyphClasses,dangerouslySetInnerHTML:{__html:html}})}IconSVG.propTypes={className:prop_types_default().string,src:prop_types_default().string.isRequired,style:prop_types_default().object};const icon_svg=(0,react.memo)(IconSVG);IconSVG.__docgenInfo={description:"",methods:[],displayName:"IconSVG",props:{src:{required:!0,tsType:{name:"string"},description:"",type:{name:"string"}},className:{description:"",type:{name:"string"},required:!1},style:{description:"",type:{name:"object"},required:!1}},composes:["SVGAttributes"]};const warnSize=browser_default()((()=>{}),"`size`, `width` and `height` props are not recommended to use in Ring UI `Icon` component. The intrinsic sizes of SVG icon (`width` and `height` SVG attributes) are used instead.\n\nWe strongly recommend to use icons handcrafted for particular sizes. If your icon doesn't exist in the desired size, please ask your designer to draw one. \"Responsive\" checkmark should be unchecked when exporting icon.'");class Icon extends react.PureComponent{static propTypes={className:prop_types_default().string,color:prop_types_default().string,glyph:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().elementType]).isRequired,height:prop_types_default().number,size:prop_types_default().number,width:prop_types_default().number,loading:prop_types_default().bool,suppressSizeWarning:prop_types_default().bool};static defaultProps={className:"",color:icon_constants.Q.DEFAULT,glyph:""};static Color=icon_constants.Q;static Size=icon_constants.o;warnSize(){this.props.suppressSizeWarning||warnSize()}getStyle(){const{size,width,height}=this.props;return width||height?(this.warnSize(),{width,height}):size?(this.warnSize(),{width:size,height:size}):void 0}render(){const{className,size,color,loading,glyph:Glyph,width,height,suppressSizeWarning,...restProps}=this.props;if(!Glyph)return null;const classes=classnames_default()(icon_default().icon,{[icon_default()[color]]:!!color,[icon_default().loading]:loading},className);return(0,jsx_runtime.jsx)("span",{...restProps,className:classes,children:"string"==typeof Glyph?(0,jsx_runtime.jsx)(icon_svg,{src:Glyph,style:this.getStyle()}):(0,jsx_runtime.jsx)(Glyph,{className:icon_default().glyph,style:this.getStyle()})})}}Icon.__docgenInfo={description:"",methods:[{name:"warnSize",docblock:null,modifiers:[],params:[],returns:null},{name:"getStyle",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Icon",props:{color:{required:!1,tsType:{name:"Color"},description:"",defaultValue:{value:"Color.DEFAULT",computed:!0},type:{name:"string"}},glyph:{required:!1,tsType:{name:"union",raw:"string | IconType | null",elements:[{name:"string"},{name:"ComponentType",elements:[{name:"SVGAttributes",elements:[{name:"SVGSVGElement"}],raw:"SVGAttributes"}],raw:"ComponentType>"},{name:"null"}]},description:"",defaultValue:{value:"''",computed:!1},type:{name:"union",value:[{name:"string"},{name:"elementType"}]}},height:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:"",type:{name:"number"}},size:{required:!1,tsType:{name:"union",raw:"Size | number | null | undefined",elements:[{name:"Size"},{name:"number"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"number"}},width:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:"",type:{name:"number"}},loading:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},suppressSizeWarning:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},className:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1}},composes:["HTMLAttributes"]}},"./src/icon/icon__constants.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>Color,o:()=>Size});let Color=function(Color){return Color.BLUE="blue",Color.DEFAULT="",Color.GRAY="gray",Color.GREEN="green",Color.MAGENTA="magenta",Color.RED="red",Color.WHITE="white",Color}({}),Size=function(Size){return Size[Size.Size12=12]="Size12",Size[Size.Size14=14]="Size14",Size[Size.Size16=16]="Size16",Size[Size.Size18=18]="Size18",Size[Size.Size20=20]="Size20",Size[Size.Size24=24]="Size24",Size[Size.Size32=32]="Size32",Size[Size.Size40=40]="Size40",Size[Size.Size48=48]="Size48",Size[Size.Size64=64]="Size64",Size[Size.Size96=96]="Size96",Size[Size.Size128=128]="Size128",Size}({})},"./src/link/clickableLink.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ClickableLink});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");class ClickableLink extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={onClick:prop_types__WEBPACK_IMPORTED_MODULE_2___default().func,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_2___default().func,onConditionalClick:prop_types__WEBPACK_IMPORTED_MODULE_2___default().func,activeClassName:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string.isRequired,children:prop_types__WEBPACK_IMPORTED_MODULE_2___default().node.isRequired};onClick=e=>{const{onClick,onConditionalClick,onPlainLeftClick}=this.props,isPlainLeft=(e=>!(0!==e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey))(e);onClick&&onClick(e),onConditionalClick&&onConditionalClick(isPlainLeft,e),onPlainLeftClick&&isPlainLeft&&(e.preventDefault(),onPlainLeftClick(e))};render(){const{onConditionalClick,onPlainLeftClick,activeClassName,href,children,...restProps}=this.props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a",{href,...restProps,onClick:this.onClick,children})}}ClickableLink.__docgenInfo={description:"",methods:[{name:"onClick",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLAnchorElement"}],alias:"React.MouseEvent"}}],returns:null}],displayName:"ClickableLink",props:{onConditionalClick:{required:!1,tsType:{name:"union",raw:"| ((isPlainLeft: boolean, e: React.MouseEvent) => void)\n| null\n| undefined",elements:[{name:"unknown"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"func"}},onPlainLeftClick:{required:!1,tsType:{name:"union",raw:"((e: React.MouseEvent) => void) | null | undefined",elements:[{name:"unknown"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"func"}},activeClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},disabled:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},onClick:{description:"",type:{name:"func"},required:!1},href:{description:"",type:{name:"string"},required:!0},children:{description:"",type:{name:"node"},required:!0}},composes:["AnchorHTMLAttributes"]}},"./src/popup-menu/popup-menu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>PopupMenu,D:()=>ListProps});var prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__),_popup_popup__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/popup/popup.tsx"),_list_list__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/list/list.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const{children,...popupPropTypes}=_popup_popup__WEBPACK_IMPORTED_MODULE_1__.Ay.propTypes||{};class PopupMenu extends _popup_popup__WEBPACK_IMPORTED_MODULE_1__.Ay{static isItemType=_list_list__WEBPACK_IMPORTED_MODULE_2__.A.isItemType;static ListProps=_list_list__WEBPACK_IMPORTED_MODULE_2__.A.ListProps;static defaultProps={..._list_list__WEBPACK_IMPORTED_MODULE_2__.A.defaultProps,..._popup_popup__WEBPACK_IMPORTED_MODULE_1__.Ay.defaultProps,renderOptimization:!1,closeOnSelect:!1};onSelect=(item,event)=>{this.props.closeOnSelect&&this._onCloseAttempt(event),this.props.onSelect(item,event)};list;listRef=el=>{this.list=el};getInternalContent(){const{className,...props}=this.props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_list_list__WEBPACK_IMPORTED_MODULE_2__.A,{ref:this.listRef,...props,maxHeight:this.popup&&parseFloat(this.popup.style.maxHeight),shortcuts:this.shouldUseShortcuts(),onSelect:this.onSelect})})}}PopupMenu.propTypes={...popupPropTypes,..._list_list__WEBPACK_IMPORTED_MODULE_2__.A.propTypes,maxHeight:prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_3___default().string,prop_types__WEBPACK_IMPORTED_MODULE_3___default().number]),closeOnSelect:prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool};const{ListProps}=_list_list__WEBPACK_IMPORTED_MODULE_2__.A},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".help_cb69 {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n","",{version:3,sources:["webpack://./src/control-help/control-help.css"],names:[],mappings:"AAEA;EACE,kCAAkC;;EAElC,wCAAwC;EACxC,2CAA2C;AAC7C",sourcesContent:['@import "../global/variables.css";\n\n.help {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={help:"help_cb69"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/icon/icon.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,'.icon_d5a3 {\n display: inline-block;\n\n fill: currentColor;\n}\n\n.glyph_ffd8 {\n display: inline-flex;\n\n pointer-events: none;\n}\n\n.glyph_ffd8[width="10"] {\n vertical-align: -1px;\n }\n\n.glyph_ffd8[width="12"] {\n vertical-align: -1px;\n }\n\n.glyph_ffd8[width="16"] {\n vertical-align: -3px;\n }\n\n.glyph_ffd8[width="20"] {\n vertical-align: -2px;\n }\n\n.glyph_ffd8.compatibilityMode_a8ae {\n width: calc(var(--ring-unit)*2);\n height: calc(var(--ring-unit)*2);\n margin-right: 0;\n margin-left: 0;\n }\n\n/* HACK: This media query hack makes styles applied for WebKit browsers only */\n/* stylelint-disable-next-line media-feature-name-no-vendor-prefix */\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n .glyph_ffd8 {\n width: auto; /* Safari size bug workaround, see https://youtrack.jetbrains.com/issue/RG-1983 */\n }\n}\n\n.gray_cf30 {\n color: var(--ring-icon-secondary-color);\n}\n\n.hover_ab0b {\n color: var(--ring-icon-hover-color);\n}\n\n.green_ea54 {\n color: var(--ring-icon-success-color);\n}\n\n.magenta_bbdf {\n color: var(--ring-link-hover-color);\n}\n\n.red_e064 {\n color: var(--ring-icon-error-color);\n}\n\n.blue_d783 {\n color: var(--ring-main-color);\n}\n\n.white_d5e6 {\n color: var(--ring-white-text-color);\n}\n\n.loading_f519 {\n animation-name: icon-loading_cf30;\n animation-duration: 1200ms;\n animation-iteration-count: infinite;\n}\n\n@keyframes icon-loading_cf30 {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.9);\n\n opacity: 0.5;\n }\n\n 100% {\n transform: scale(1);\n }\n}\n',"",{version:3,sources:["webpack://./src/icon/icon.css"],names:[],mappings:"AAEA;EACE,qBAAqB;;EAErB,kBAAkB;AACpB;;AAEA;EACE,oBAAoB;;EAEpB,oBAAoB;AAwBtB;;AAtBE;IACE,oBAAoB;EACtB;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,+BAAiC;IACjC,gCAAkC;IAClC,eAAe;IACf,cAAc;EAChB;;AAGF,8EAA8E;AAC9E,oEAAoE;AACpE;EACE;IACE,WAAW,EAAE,iFAAiF;EAChG;AACF;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,iCAA4B;EAC5B,0BAA0B;EAC1B,mCAAmC;AACrC;;AAEA;EACE;IACE,mBAAmB;EACrB;;EAEA;IACE,qBAAqB;;IAErB,YAAY;EACd;;EAEA;IACE,mBAAmB;EACrB;AACF",sourcesContent:['@import "../global/variables.css";\n\n.icon {\n display: inline-block;\n\n fill: currentColor;\n}\n\n.glyph {\n display: inline-flex;\n\n pointer-events: none;\n\n &[width="10"] {\n vertical-align: -1px;\n }\n\n &[width="12"] {\n vertical-align: -1px;\n }\n\n &[width="16"] {\n vertical-align: -3px;\n }\n\n &[width="20"] {\n vertical-align: -2px;\n }\n\n &.compatibilityMode {\n width: calc(var(--ring-unit) * 2);\n height: calc(var(--ring-unit) * 2);\n margin-right: 0;\n margin-left: 0;\n }\n}\n\n/* HACK: This media query hack makes styles applied for WebKit browsers only */\n/* stylelint-disable-next-line media-feature-name-no-vendor-prefix */\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n .glyph {\n width: auto; /* Safari size bug workaround, see https://youtrack.jetbrains.com/issue/RG-1983 */\n }\n}\n\n.gray {\n color: var(--ring-icon-secondary-color);\n}\n\n.hover {\n color: var(--ring-icon-hover-color);\n}\n\n.green {\n color: var(--ring-icon-success-color);\n}\n\n.magenta {\n color: var(--ring-link-hover-color);\n}\n\n.red {\n color: var(--ring-icon-error-color);\n}\n\n.blue {\n color: var(--ring-main-color);\n}\n\n.white {\n color: var(--ring-white-text-color);\n}\n\n.loading {\n animation-name: icon-loading;\n animation-duration: 1200ms;\n animation-iteration-count: infinite;\n}\n\n@keyframes icon-loading {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.9);\n\n opacity: 0.5;\n }\n\n 100% {\n transform: scale(1);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={icon:"icon_d5a3",glyph:"glyph_ffd8",compatibilityMode:"compatibilityMode_a8ae",gray:"gray_cf30",hover:"hover_ab0b",green:"green_ea54",magenta:"magenta_bbdf",red:"red_e064",blue:"blue_d783",white:"white_d5e6",loading:"loading_f519","icon-loading":"icon-loading_cf30"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/control-help/control-help.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/icon/icon.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/icon/icon.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/project.json b/master/project.json index 4232c60aff8..46cceb78ffc 100644 --- a/master/project.json +++ b/master/project.json @@ -1 +1 @@ -{"generatedAt":1722602727665,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/dom":"10.4.0","@testing-library/react":"16.0.0","@testing-library/user-event":null,"@types/chai":"4.3.17","@types/chai-as-promised":"7.1.8","@types/chai-dom":"0.0.10","@types/chai-enzyme":"0.6.13","@types/sinon":"17.0.3","@types/sinon-chai":"3.2.12","axe-playwright":"2.0.1","chai":"5.1.1","chai-as-promised":null,"chai-dom":"1.10.0","chai-enzyme":"1.0.0-beta.1","jest":"29.7.0","jest-environment-jsdom":"29.7.0","jest-teamcity":"1.12.0","sinon":"18.0.0","sinon-chai":null,"vitest":"2.0.5","vitest-teamcity-reporter":"0.3.1"},"monorepo":"Workspaces","packageManager":{"type":"npm","version":"10.8.1"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"8.2.7","storybookVersionSpecifier":"8.2.7","language":"typescript","storybookPackages":{"@storybook/addon-docs":{"version":"8.2.7"},"@storybook/components":{"version":"8.2.7"},"@storybook/manager-api":{"version":"8.2.7"},"@storybook/preview-api":{"version":"8.2.7"},"@storybook/react":{"version":"8.2.7"},"@storybook/react-webpack5":{"version":"8.2.7"},"@storybook/test-runner":{"version":"0.19.1"},"@storybook/theming":{"version":"8.2.7"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.2.7"}},"addons":{"@storybook/addon-essentials":{"options":{"actions":false,"docs":true},"version":"8.2.7"},"@storybook/addon-a11y":{"version":"8.2.7"},"storybook-addon-themes":{"version":"6.1.0"}}} +{"generatedAt":1722634340560,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/dom":"10.4.0","@testing-library/react":"16.0.0","@testing-library/user-event":null,"@types/chai":"4.3.17","@types/chai-as-promised":"7.1.8","@types/chai-dom":"0.0.10","@types/chai-enzyme":"0.6.13","@types/sinon":"17.0.3","@types/sinon-chai":"3.2.12","axe-playwright":"2.0.1","chai":"5.1.1","chai-as-promised":null,"chai-dom":"1.10.0","chai-enzyme":"1.0.0-beta.1","jest":"29.7.0","jest-environment-jsdom":"29.7.0","jest-teamcity":"1.12.0","sinon":"18.0.0","sinon-chai":null,"vitest":"2.0.5","vitest-teamcity-reporter":"0.3.1"},"monorepo":"Workspaces","packageManager":{"type":"npm","version":"10.8.1"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"8.2.7","storybookVersionSpecifier":"8.2.7","language":"typescript","storybookPackages":{"@storybook/addon-docs":{"version":"8.2.7"},"@storybook/components":{"version":"8.2.7"},"@storybook/manager-api":{"version":"8.2.7"},"@storybook/preview-api":{"version":"8.2.7"},"@storybook/react":{"version":"8.2.7"},"@storybook/react-webpack5":{"version":"8.2.7"},"@storybook/test-runner":{"version":"0.19.1"},"@storybook/theming":{"version":"8.2.7"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.2.7"}},"addons":{"@storybook/addon-essentials":{"options":{"actions":false,"docs":true},"version":"8.2.7"},"@storybook/addon-a11y":{"version":"8.2.7"},"storybook-addon-themes":{"version":"6.1.0"}}} diff --git a/master/runtime~main.fec6cd43.iframe.bundle.js b/master/runtime~main.d28a8e2d.iframe.bundle.js similarity index 54% rename from master/runtime~main.fec6cd43.iframe.bundle.js rename to master/runtime~main.d28a8e2d.iframe.bundle.js index f035bc08e09..9ed3ddb2ec8 100644 --- a/master/runtime~main.fec6cd43.iframe.bundle.js +++ b/master/runtime~main.d28a8e2d.iframe.bundle.js @@ -1 +1 @@ -(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({89:"highlight-sas",127:"highlight-processing",174:"collapse-collapse-stories",182:"error-bubble-error-bubble-stories",192:"popup-menu-popup-menu-stories",250:"highlight-ada",276:"highlight-go",293:"highlight-julia-repl",302:"auth-dialog-auth-dialog-stories",342:"group-group-stories",358:"highlight-stan",410:"caret-caret-stories",450:"highlight-clojure",462:"highlight-jboss-cli",510:"highlight-cal",515:"highlight-applescript",529:"highlight-reasonml",637:"highlight-mojolicious",714:"highlight-livecodeserver",762:"panel-panel-stories",778:"highlight-n1ql",826:"highlight-elm",827:"highlight-protobuf",830:"loader-screen-loader-screen-stories",833:"highlight-coq",875:"tags-input-tag-input-stories",908:"highlight-node-repl",960:"highlight-vhdl",982:"error-message-error-message-stories",990:"highlight-1c",1001:"highlight-xml",1068:"highlight-r",1074:"alert-service-alert-service-stories",1079:"highlight-q",1110:"loader-loader-stories",1173:"highlight-armasm",1175:"highlight-elixir",1192:"highlight-ini",1251:"highlight-ldif",1258:"highlight-arcade",1367:"highlight-axapta",1382:"highlight-irpf90",1443:"highlight-tcl",1446:"tab-trap-tab-trap-stories",1517:"highlight-awk",1530:"heading-heading-stories",1570:"pager-pager-stories",1609:"global-dom-stories",1647:"highlight-crmsh",1685:"highlight-less",1703:"highlight-yaml",1812:"auth-auth-stories",1863:"highlight-diff",1909:"highlight-ruleslanguage",1940:"highlight-dockerfile",1993:"highlight-perl",1998:"code-code-stories",2068:"highlight-vala",2094:"highlight-scss",2102:"highlight-haxe",2234:"input-input-stories",2262:"text-text-stories",2284:"highlight-aspectj",2358:"highlight-subunit",2370:"highlight-java",2417:"highlight-markdown",2446:"scrollable-section-scrollable-section-stories",2479:"highlight-dsconfig",2495:"highlight-flix",2588:"highlight-lasso",2601:"highlight-monkey",2643:"highlight-cos",2680:"highlight-roboconf",2718:"date-picker-date-picker-stories",2730:"highlight-gams",2774:"highlight-makefile",2793:"highlight-php-template",2809:"highlight-ocaml",2888:"highlight-mel",2890:"breadcrumbs-breadcrumbs-stories",2906:"highlight-arduino",2934:"editable-heading-editable-heading-stories",2954:"dropdown-menu-dropdown-menu-stories",2974:"popup-popup-stories",3019:"highlight-gradle",3020:"highlight-angelscript",3268:"highlight-apache",3277:"highlight-gauss",3284:"highlight-sqf",3291:"highlight-ebnf",3358:"old-browsers-message-old-browsers-message-stories",3366:"analytics-analytics-stories",3400:"highlight-json",3526:"island-island-stories",3560:"highlight-verilog",3632:"highlight-stylus",3686:"highlight-gcode",3697:"highlight-dart",3734:"highlight-php",3750:"highlight-nim",3777:"highlight-properties",3883:"highlight-maxima",3885:"highlight-kotlin",3895:"highlight-abnf",3902:"tag-tag-stories",3926:"highlight-nginx",3948:"highlight-pf",3950:"highlight-xl",3986:"highlight-sml",4014:"avatar-avatar-stories",4026:"highlight-ruby",4138:"highlight-pony",4139:"highlight-swift",4181:"welcome-stories",4200:"highlight-python",4215:"highlight-golo",4258:"dropdown-dropdown-stories",4320:"i18n-i18n-stories",4352:"input-size-input-size-stories",4370:"header-header-stories",4382:"highlight-python-repl",4396:"highlight-bash",4403:"highlight-hy",4436:"highlight-fsharp",4504:"form-form-stories",4508:"highlight-avrasm",4588:"highlight-qml",4684:"highlight-csp",4695:"highlight-css",4728:"select-select-stories",4746:"tooltip-tooltip-stories",4778:"highlight-scilab",4854:"footer-footer-stories",4864:"highlight-crystal",4915:"highlight-erb",4974:"highlight-sql_more",5102:"highlight-accesslog",5106:"loader-inline-loader-inline-stories",5118:"button-set-button-set-stories",5128:"highlight-lua",5153:"highlight-clean",5156:"highlight-puppet",5178:"highlight-latex",5190:"contenteditable-contenteditable-stories",5272:"highlight-gherkin",5314:"global-theme-stories",5317:"highlight-c",5326:"slider-slider-stories",5372:"highlight-mipsasm",5381:"highlight-tap",5403:"highlight-openscad",5411:"highlight-plaintext",5442:"markdown-markdown-stories",5468:"highlight-inform7",5480:"highlight-fortran",5483:"highlight-dns",5517:"highlight-julia",5531:"highlight-erlang-repl",5590:"alert-alert-stories",5666:"checkbox-checkbox-stories",5678:"highlight-leaf",5682:"highlight-mathematica",5779:"highlight-prolog",5823:"highlight-scheme",5834:"highlight-parser3",5846:"table-table-stories",5856:"highlight-haml",5886:"progress-bar-progress-bar-stories",5930:"highlight-smali",6095:"highlight-javascript",6107:"highlight-nix",6173:"highlight-stata",6182:"confirm-service-confirm-service-stories",6236:"tabs-tabs-stories",6290:"radio-radio-stories",6293:"highlight-dts",6384:"button-group-button-group-stories",6423:"highlight-mizar",6460:"grid-grid-stories",6506:"highlight-xquery",6588:"highlight-isbl",6595:"highlight-brainfuck",6622:"highlight-delphi",6631:"highlight-asciidoc",6655:"highlight-vbscript-html",6659:"highlight-excel",6684:"button-toolbar-button-toolbar-stories",6763:"highlight-hsp",6768:"highlight-dos",6775:"highlight-htmlbars",6835:"table-simple-table-stories",6836:"highlight-rust",6894:"highlight-handlebars",6900:"highlight-zephir",6905:"highlight-profile",6906:"highlight-haskell",7009:"highlight-mercury",7060:"dialog-dialog-stories",7156:"highlight-basic",7198:"tags-list-tags-list-stories",7290:"highlight-lisp",7341:"highlight-actionscript",7381:"highlight-smalltalk",7391:"highlight-oxygene",7418:"island-legacy-island-legacy-stories",7457:"highlight-taggerscript",7458:"highlight-http",7486:"highlight-gml",7508:"list-list-stories",7539:"highlight-pgsql",7549:"highlight-llvm",7635:"highlight-vbnet",7803:"highlight-routeros",7833:"highlight-powershell",7854:"data-list-data-list-stories",7861:"highlight-autohotkey",7879:"highlight-typescript",7881:"highlight-twig",7914:"confirm-confirm-stories",8016:"button-button-stories",8022:"storage-storage-stories",8046:"message-message-stories",8106:"highlight-purebasic",8116:"highlight-groovy",8144:"highlight-shell",8156:"toggle-toggle-stories",8172:"highlight-autoit",8184:"query-assist-query-assist-stories",8206:"clipboard-clipboard-stories",8222:"highlight-glsl",8235:"highlight-thrift",8301:"highlight-rib",8323:"highlight-erlang",8445:"icon-icon-stories",8510:"highlight-sql",8515:"highlight-fix",8603:"highlight-lsl",8653:"highlight-x86asm",8712:"http-http-stories",8755:"highlight-step21",8767:"highlight-cmake",8784:"highlight-clojure-repl",8800:"highlight-scala",8835:"highlight-django",8839:"highlight-vbscript",8936:"user-agreement-user-agreement-stories",9114:"highlight-d",9130:"highlight-capnproto",9135:"highlight-c-like",9158:"user-card-user-card-stories",9230:"highlight-vim",9261:"highlight-cpp",9266:"highlight-objectivec",9320:"highlight-bnf",9332:"highlight-moonscript",9338:"highlight-ceylon",9408:"content-layout-content-layout-stories",9495:"highlight-csharp",9531:"highlight-nsis",9540:"link-link-stories",9602:"highlight-dust",9610:"global-variables-stories",9617:"highlight-matlab",9643:"highlight-coffeescript",9665:"highlight-rsl",9861:"highlight-livescript",9918:"highlight-tp",9986:"auth-dialog-service-auth-dialog-service-stories"}[chunkId]||chunkId)+"."+{89:"4105b742",127:"d3606d37",174:"744a749c",182:"2e30dbf5",192:"b616a8da",250:"a33ca3c4",276:"24179b23",293:"81c00351",302:"36703fde",342:"3c2ab6fd",358:"358b8c60",410:"3b318e69",450:"c40e24e2",462:"165989e3",510:"07e60c7a",515:"8de940ce",529:"ebf3b1cc",637:"0686695e",714:"267a5997",762:"41603fe7",778:"cefe2e4e",826:"c6740a97",827:"c1776cdf",830:"98a51b8f",833:"01b24afa",875:"f5dc35c5",908:"8856e934",960:"e7e4e1f7",982:"c918dddd",990:"e7c4ba5d",1001:"245bd644",1068:"7c4e26dc",1074:"980b2586",1079:"a7ff0bfc",1110:"e94f5ce0",1173:"28bd09fe",1175:"69efb736",1192:"a3bbe0df",1251:"e7a292c0",1258:"3cc74ae8",1259:"5eebfc93",1271:"b7d49b93",1357:"ef774158",1367:"73e74531",1382:"8705e8d4",1443:"a523feec",1446:"13049289",1517:"4d3116b3",1530:"3c4efd56",1570:"6db9a4cf",1609:"3a3ba1a8",1647:"f5cfbf10",1685:"248e94d2",1703:"ea7635a9",1812:"16bb5acd",1863:"228477ed",1909:"7e9e4a0a",1940:"a7607581",1972:"2a518bdf",1993:"99d777ae",1998:"8d4d5ef7",2068:"c1248318",2094:"ce6bf856",2102:"837f37ea",2139:"866d490d",2234:"82a76ea0",2262:"b5336a12",2284:"384142e7",2358:"27039563",2370:"94a7c4ed",2412:"64dd31a5",2417:"1f03a799",2433:"75845217",2446:"b0e54c28",2479:"12cf5bb4",2495:"09ebe477",2558:"39d66e18",2588:"d1b3633a",2601:"c2842596",2643:"4f458a12",2680:"3dabcad1",2718:"869f4d24",2720:"96084824",2730:"b1141d10",2741:"8390b459",2774:"28d38bde",2793:"b690d743",2809:"81d91d26",2888:"3eae5d58",2890:"b86e546e",2906:"f8d4581f",2934:"606202e5",2954:"4dd36b18",2974:"b10a3a9c",3019:"7b98c5d4",3020:"be993150",3258:"4ea08866",3268:"d9ab46a5",3277:"4208edeb",3284:"ee5cbca4",3291:"69fc1259",3302:"43048866",3358:"4ce90116",3366:"a4a2f56b",3400:"02f6adaa",3463:"849502d9",3526:"ab1f4a56",3560:"bbd778e8",3632:"1c9b48ff",3686:"b882ae2b",3691:"ed2de7c8",3697:"bc9bce90",3734:"cfd156ea",3750:"3bcc9d2f",3777:"22a851ff",3883:"dc4b0947",3885:"4e5f907a",3895:"b832d2d9",3902:"0256e6e7",3926:"83247e5e",3948:"d856e165",3950:"0c4377fd",3986:"d3ba9a83",4014:"b1aac715",4026:"9f0988fd",4138:"93891111",4139:"bfd5b47b",4181:"fcd84e5d",4200:"12272591",4215:"9b83183d",4226:"72f8d59e",4258:"736a402c",4320:"dd56ef34",4352:"ce08dd9c",4370:"b493f246",4382:"6f0db985",4396:"ee23f246",4403:"13eff754",4436:"1dfb1fa8",4504:"b5c7be92",4508:"744d5e28",4588:"92098034",4684:"eb61dcc9",4695:"45278435",4728:"3ca3aa15",4746:"be1316df",4778:"d36a1241",4854:"13b9f24b",4864:"862fef5c",4915:"768cf933",4974:"535137be",5102:"a9a27982",5106:"0b034d1a",5118:"29eeaa82",5128:"becb932d",5153:"f013e370",5156:"efd8a97f",5174:"3a16e2c0",5178:"d3d785bb",5190:"a2ac00a4",5272:"fcc37a83",5314:"7e60fcdc",5317:"e9eb039e",5326:"198019fe",5372:"7bde5181",5381:"d922d829",5403:"3b1945b8",5411:"5b650f9c",5442:"8bd01083",5468:"331b0434",5480:"216e26c2",5483:"104578dd",5517:"eee33ed9",5531:"940fc566",5590:"1036145f",5666:"d949aaf9",5678:"de414747",5682:"3c58df3a",5779:"8e2a738a",5792:"b1f456cc",5823:"05389ffe",5834:"660730be",5846:"c227bafd",5848:"3322e6d4",5856:"3f3394d2",5886:"57b02705",5908:"ec0de39c",5930:"ee3cc251",5981:"3087d8d3",6095:"f075b9da",6107:"7223e3d9",6173:"9ce16e5a",6182:"ec8c5ba4",6236:"605c7139",6290:"3d8de0ab",6293:"09c02e98",6384:"ebbf2930",6423:"fefc0e98",6460:"832edf82",6498:"7768c3ed",6506:"9871dcba",6588:"b963d1db",6595:"8dd2811e",6622:"34851f85",6624:"c073f824",6631:"cd36ddfc",6655:"60eeb73b",6659:"1af10272",6684:"ae7be17b",6763:"5260bfc8",6768:"d3bfb99b",6771:"9ed5ab4a",6775:"4e7cc410",6835:"0c49e815",6836:"141e6715",6894:"d76dcd60",6900:"d5bf7ceb",6905:"bd3527c6",6906:"29dcbae8",7009:"5d485c52",7011:"a3fba778",7060:"7a519fff",7156:"d0ccb601",7198:"6b7d3870",7290:"023ddedb",7305:"46d97ab0",7341:"ab3ab1a8",7381:"6f37bee1",7391:"1f961095",7418:"e813ada1",7457:"32ff8a0c",7458:"2ebbbc78",7469:"ef3a7b05",7486:"7afcbc5f",7508:"912d4f04",7539:"47becd12",7549:"1ef121a1",7635:"1dc547fb",7803:"283b62cc",7811:"3163f021",7833:"90d43f27",7849:"a565c5dc",7854:"5b7efafe",7861:"159396d5",7879:"cef00043",7881:"37b7210e",7914:"ddd8e98e",8016:"92b04d93",8022:"6fe14914",8046:"f754e7a1",8106:"3352e9a2",8116:"8d8773e6",8144:"3304197f",8150:"45b5b3d4",8156:"292a1abf",8172:"96f32280",8184:"97fef30b",8206:"3acba056",8222:"7ad79bb4",8235:"8d2b640f",8301:"3e44023f",8323:"c5666e97",8445:"bde45b16",8505:"fa5b5b02",8510:"e2f568e8",8515:"85be9463",8603:"fd06d44c",8609:"8448599f",8613:"f1e8e528",8653:"8016e315",8712:"94299c22",8755:"d2dfc789",8767:"6327cd94",8784:"2ec1e25b",8800:"da4c1954",8835:"9f0abef7",8839:"893c599c",8936:"bd1dd171",9114:"b0616837",9130:"393751e7",9135:"8d347a67",9151:"eb7d3a5c",9158:"cb6390e4",9230:"54db825c",9259:"f9641ff8",9261:"86747195",9266:"30694be3",9320:"e7dcbf4f",9332:"dd6defd9",9338:"4bb2c240",9408:"473a5ae1",9495:"f064efaa",9523:"e94acd8a",9531:"43c38a59",9540:"178c2568",9602:"83dd69aa",9610:"3d250133",9617:"111b7aef",9643:"1797683b",9665:"a8141fa5",9686:"8b1756e9",9750:"2986f1da",9787:"39317e78",9861:"a2b2c08d",9918:"0595b051",9986:"1b92ff38"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={5354:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(5354!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({89:"highlight-sas",127:"highlight-processing",174:"collapse-collapse-stories",182:"error-bubble-error-bubble-stories",192:"popup-menu-popup-menu-stories",250:"highlight-ada",276:"highlight-go",293:"highlight-julia-repl",302:"auth-dialog-auth-dialog-stories",342:"group-group-stories",358:"highlight-stan",410:"caret-caret-stories",450:"highlight-clojure",462:"highlight-jboss-cli",510:"highlight-cal",515:"highlight-applescript",529:"highlight-reasonml",637:"highlight-mojolicious",714:"highlight-livecodeserver",762:"panel-panel-stories",778:"highlight-n1ql",826:"highlight-elm",827:"highlight-protobuf",830:"loader-screen-loader-screen-stories",833:"highlight-coq",875:"tags-input-tag-input-stories",908:"highlight-node-repl",960:"highlight-vhdl",982:"error-message-error-message-stories",990:"highlight-1c",1001:"highlight-xml",1068:"highlight-r",1074:"alert-service-alert-service-stories",1079:"highlight-q",1110:"loader-loader-stories",1173:"highlight-armasm",1175:"highlight-elixir",1192:"highlight-ini",1251:"highlight-ldif",1258:"highlight-arcade",1367:"highlight-axapta",1382:"highlight-irpf90",1443:"highlight-tcl",1446:"tab-trap-tab-trap-stories",1517:"highlight-awk",1530:"heading-heading-stories",1570:"pager-pager-stories",1609:"global-dom-stories",1647:"highlight-crmsh",1685:"highlight-less",1703:"highlight-yaml",1812:"auth-auth-stories",1863:"highlight-diff",1909:"highlight-ruleslanguage",1940:"highlight-dockerfile",1993:"highlight-perl",1998:"code-code-stories",2068:"highlight-vala",2094:"highlight-scss",2102:"highlight-haxe",2234:"input-input-stories",2262:"text-text-stories",2284:"highlight-aspectj",2358:"highlight-subunit",2370:"highlight-java",2417:"highlight-markdown",2446:"scrollable-section-scrollable-section-stories",2479:"highlight-dsconfig",2495:"highlight-flix",2588:"highlight-lasso",2601:"highlight-monkey",2643:"highlight-cos",2680:"highlight-roboconf",2718:"date-picker-date-picker-stories",2730:"highlight-gams",2774:"highlight-makefile",2793:"highlight-php-template",2809:"highlight-ocaml",2888:"highlight-mel",2890:"breadcrumbs-breadcrumbs-stories",2906:"highlight-arduino",2934:"editable-heading-editable-heading-stories",2954:"dropdown-menu-dropdown-menu-stories",2974:"popup-popup-stories",3019:"highlight-gradle",3020:"highlight-angelscript",3268:"highlight-apache",3277:"highlight-gauss",3284:"highlight-sqf",3291:"highlight-ebnf",3358:"old-browsers-message-old-browsers-message-stories",3366:"analytics-analytics-stories",3400:"highlight-json",3526:"island-island-stories",3560:"highlight-verilog",3632:"highlight-stylus",3686:"highlight-gcode",3697:"highlight-dart",3734:"highlight-php",3750:"highlight-nim",3777:"highlight-properties",3883:"highlight-maxima",3885:"highlight-kotlin",3895:"highlight-abnf",3902:"tag-tag-stories",3926:"highlight-nginx",3948:"highlight-pf",3950:"highlight-xl",3986:"highlight-sml",4014:"avatar-avatar-stories",4026:"highlight-ruby",4138:"highlight-pony",4139:"highlight-swift",4181:"welcome-stories",4200:"highlight-python",4215:"highlight-golo",4258:"dropdown-dropdown-stories",4320:"i18n-i18n-stories",4352:"input-size-input-size-stories",4370:"header-header-stories",4382:"highlight-python-repl",4396:"highlight-bash",4403:"highlight-hy",4436:"highlight-fsharp",4504:"form-form-stories",4508:"highlight-avrasm",4588:"highlight-qml",4684:"highlight-csp",4695:"highlight-css",4728:"select-select-stories",4746:"tooltip-tooltip-stories",4778:"highlight-scilab",4854:"footer-footer-stories",4864:"highlight-crystal",4915:"highlight-erb",4974:"highlight-sql_more",5102:"highlight-accesslog",5106:"loader-inline-loader-inline-stories",5118:"button-set-button-set-stories",5128:"highlight-lua",5153:"highlight-clean",5156:"highlight-puppet",5178:"highlight-latex",5190:"contenteditable-contenteditable-stories",5272:"highlight-gherkin",5314:"global-theme-stories",5317:"highlight-c",5326:"slider-slider-stories",5372:"highlight-mipsasm",5381:"highlight-tap",5403:"highlight-openscad",5411:"highlight-plaintext",5442:"markdown-markdown-stories",5468:"highlight-inform7",5480:"highlight-fortran",5483:"highlight-dns",5517:"highlight-julia",5531:"highlight-erlang-repl",5590:"alert-alert-stories",5666:"checkbox-checkbox-stories",5678:"highlight-leaf",5682:"highlight-mathematica",5779:"highlight-prolog",5823:"highlight-scheme",5834:"highlight-parser3",5846:"table-table-stories",5856:"highlight-haml",5886:"progress-bar-progress-bar-stories",5930:"highlight-smali",6095:"highlight-javascript",6107:"highlight-nix",6173:"highlight-stata",6182:"confirm-service-confirm-service-stories",6236:"tabs-tabs-stories",6290:"radio-radio-stories",6293:"highlight-dts",6384:"button-group-button-group-stories",6423:"highlight-mizar",6460:"grid-grid-stories",6506:"highlight-xquery",6588:"highlight-isbl",6595:"highlight-brainfuck",6622:"highlight-delphi",6631:"highlight-asciidoc",6655:"highlight-vbscript-html",6659:"highlight-excel",6684:"button-toolbar-button-toolbar-stories",6763:"highlight-hsp",6768:"highlight-dos",6775:"highlight-htmlbars",6835:"table-simple-table-stories",6836:"highlight-rust",6894:"highlight-handlebars",6900:"highlight-zephir",6905:"highlight-profile",6906:"highlight-haskell",7009:"highlight-mercury",7060:"dialog-dialog-stories",7156:"highlight-basic",7198:"tags-list-tags-list-stories",7290:"highlight-lisp",7341:"highlight-actionscript",7381:"highlight-smalltalk",7391:"highlight-oxygene",7418:"island-legacy-island-legacy-stories",7457:"highlight-taggerscript",7458:"highlight-http",7486:"highlight-gml",7508:"list-list-stories",7539:"highlight-pgsql",7549:"highlight-llvm",7635:"highlight-vbnet",7803:"highlight-routeros",7833:"highlight-powershell",7854:"data-list-data-list-stories",7861:"highlight-autohotkey",7879:"highlight-typescript",7881:"highlight-twig",7914:"confirm-confirm-stories",8016:"button-button-stories",8022:"storage-storage-stories",8046:"message-message-stories",8106:"highlight-purebasic",8116:"highlight-groovy",8144:"highlight-shell",8156:"toggle-toggle-stories",8172:"highlight-autoit",8184:"query-assist-query-assist-stories",8206:"clipboard-clipboard-stories",8222:"highlight-glsl",8235:"highlight-thrift",8301:"highlight-rib",8323:"highlight-erlang",8445:"icon-icon-stories",8510:"highlight-sql",8515:"highlight-fix",8603:"highlight-lsl",8653:"highlight-x86asm",8712:"http-http-stories",8755:"highlight-step21",8767:"highlight-cmake",8784:"highlight-clojure-repl",8800:"highlight-scala",8835:"highlight-django",8839:"highlight-vbscript",8936:"user-agreement-user-agreement-stories",9114:"highlight-d",9130:"highlight-capnproto",9135:"highlight-c-like",9158:"user-card-user-card-stories",9230:"highlight-vim",9261:"highlight-cpp",9266:"highlight-objectivec",9320:"highlight-bnf",9332:"highlight-moonscript",9338:"highlight-ceylon",9408:"content-layout-content-layout-stories",9495:"highlight-csharp",9531:"highlight-nsis",9540:"link-link-stories",9602:"highlight-dust",9610:"global-variables-stories",9617:"highlight-matlab",9643:"highlight-coffeescript",9665:"highlight-rsl",9861:"highlight-livescript",9918:"highlight-tp",9986:"auth-dialog-service-auth-dialog-service-stories"}[chunkId]||chunkId)+"."+{89:"4105b742",127:"d3606d37",174:"744a749c",182:"2e30dbf5",192:"f192ca91",250:"a33ca3c4",276:"24179b23",293:"81c00351",302:"36703fde",342:"3c2ab6fd",358:"358b8c60",410:"fdb5354b",450:"c40e24e2",462:"165989e3",510:"07e60c7a",515:"8de940ce",529:"ebf3b1cc",637:"0686695e",714:"267a5997",762:"41603fe7",778:"cefe2e4e",826:"c6740a97",827:"c1776cdf",830:"98a51b8f",833:"01b24afa",875:"f5dc35c5",908:"8856e934",960:"e7e4e1f7",982:"c918dddd",990:"e7c4ba5d",1001:"245bd644",1068:"7c4e26dc",1074:"63917df8",1079:"a7ff0bfc",1110:"e94f5ce0",1173:"28bd09fe",1175:"69efb736",1192:"a3bbe0df",1251:"e7a292c0",1258:"3cc74ae8",1259:"9c335aa7",1271:"2eb057c5",1367:"73e74531",1382:"8705e8d4",1443:"a523feec",1446:"7dc10a3e",1517:"4d3116b3",1530:"3c4efd56",1570:"6db9a4cf",1609:"3a3ba1a8",1647:"f5cfbf10",1685:"248e94d2",1703:"ea7635a9",1812:"16bb5acd",1863:"228477ed",1909:"7e9e4a0a",1940:"a7607581",1972:"2a518bdf",1993:"99d777ae",1998:"8d4d5ef7",2068:"c1248318",2094:"ce6bf856",2102:"837f37ea",2139:"866d490d",2234:"a6b99c8b",2262:"b5336a12",2284:"384142e7",2358:"27039563",2370:"94a7c4ed",2412:"64dd31a5",2417:"1f03a799",2433:"75845217",2446:"b0e54c28",2479:"12cf5bb4",2495:"09ebe477",2558:"39d66e18",2588:"d1b3633a",2601:"c2842596",2643:"4f458a12",2680:"3dabcad1",2718:"3e28aefd",2720:"96084824",2730:"b1141d10",2741:"8390b459",2774:"28d38bde",2793:"b690d743",2809:"81d91d26",2888:"3eae5d58",2890:"b86e546e",2906:"f8d4581f",2934:"1dc8a13c",2954:"4dd36b18",2974:"b10a3a9c",3019:"7b98c5d4",3020:"be993150",3258:"4ea08866",3268:"d9ab46a5",3277:"4208edeb",3284:"ee5cbca4",3291:"69fc1259",3302:"43048866",3358:"4ce90116",3366:"a4a2f56b",3400:"02f6adaa",3463:"849502d9",3526:"ab1f4a56",3560:"bbd778e8",3632:"1c9b48ff",3686:"b882ae2b",3697:"bc9bce90",3734:"cfd156ea",3750:"3bcc9d2f",3777:"22a851ff",3883:"dc4b0947",3885:"4e5f907a",3895:"b832d2d9",3902:"0256e6e7",3926:"83247e5e",3948:"d856e165",3950:"0c4377fd",3986:"d3ba9a83",4014:"b1aac715",4026:"9f0988fd",4138:"93891111",4139:"bfd5b47b",4181:"964532c6",4200:"12272591",4215:"9b83183d",4226:"72f8d59e",4258:"736a402c",4320:"dd56ef34",4352:"ce08dd9c",4370:"b493f246",4382:"6f0db985",4396:"ee23f246",4403:"13eff754",4436:"1dfb1fa8",4504:"b5c7be92",4508:"744d5e28",4588:"92098034",4684:"eb61dcc9",4695:"45278435",4728:"3ca3aa15",4746:"be1316df",4778:"d36a1241",4854:"13b9f24b",4864:"862fef5c",4915:"768cf933",4974:"535137be",5102:"a9a27982",5106:"0b034d1a",5118:"29eeaa82",5128:"becb932d",5153:"f013e370",5156:"efd8a97f",5174:"3a16e2c0",5178:"d3d785bb",5190:"a2ac00a4",5272:"fcc37a83",5314:"7e60fcdc",5317:"e9eb039e",5326:"198019fe",5372:"7bde5181",5381:"d922d829",5403:"3b1945b8",5411:"5b650f9c",5442:"8bd01083",5468:"331b0434",5480:"216e26c2",5483:"104578dd",5517:"eee33ed9",5531:"940fc566",5590:"1036145f",5666:"f95be478",5678:"de414747",5682:"3c58df3a",5779:"8e2a738a",5792:"b1f456cc",5823:"05389ffe",5834:"660730be",5846:"c227bafd",5848:"3322e6d4",5856:"3f3394d2",5886:"57b02705",5906:"ec4dcf5d",5908:"ec0de39c",5930:"ee3cc251",5981:"3087d8d3",6095:"f075b9da",6107:"7223e3d9",6173:"9ce16e5a",6182:"ec8c5ba4",6236:"ef897b98",6290:"3d8de0ab",6293:"09c02e98",6384:"ebbf2930",6423:"fefc0e98",6460:"832edf82",6498:"7768c3ed",6506:"9871dcba",6588:"b963d1db",6595:"8dd2811e",6622:"34851f85",6624:"c394f7c9",6631:"cd36ddfc",6655:"60eeb73b",6659:"1af10272",6684:"ae7be17b",6763:"5260bfc8",6768:"d3bfb99b",6771:"7857fe45",6775:"4e7cc410",6835:"1950cb09",6836:"141e6715",6894:"d76dcd60",6900:"d5bf7ceb",6905:"bd3527c6",6906:"29dcbae8",7009:"5d485c52",7011:"a3fba778",7060:"6e8211eb",7156:"d0ccb601",7198:"6b7d3870",7290:"023ddedb",7305:"46d97ab0",7341:"ab3ab1a8",7381:"6f37bee1",7391:"1f961095",7418:"e813ada1",7457:"32ff8a0c",7458:"2ebbbc78",7469:"ef3a7b05",7486:"7afcbc5f",7508:"907370a7",7539:"47becd12",7549:"1ef121a1",7635:"1dc547fb",7803:"283b62cc",7811:"bfaaeab9",7833:"90d43f27",7849:"a565c5dc",7854:"fc763729",7861:"159396d5",7879:"cef00043",7881:"37b7210e",7914:"ddd8e98e",8016:"92b04d93",8022:"9b048620",8046:"f754e7a1",8106:"3352e9a2",8116:"8d8773e6",8144:"3304197f",8150:"45b5b3d4",8156:"321fea22",8172:"96f32280",8184:"97fef30b",8206:"c2463f88",8222:"7ad79bb4",8235:"8d2b640f",8301:"3e44023f",8323:"c5666e97",8445:"bde45b16",8505:"46de5424",8510:"e2f568e8",8515:"85be9463",8603:"fd06d44c",8609:"8448599f",8613:"f1e8e528",8653:"8016e315",8712:"94299c22",8755:"d2dfc789",8767:"6327cd94",8784:"2ec1e25b",8800:"da4c1954",8835:"9f0abef7",8839:"893c599c",8936:"5843ec0d",9114:"b0616837",9130:"393751e7",9135:"8d347a67",9151:"eb7d3a5c",9158:"cb6390e4",9230:"54db825c",9261:"86747195",9266:"30694be3",9320:"e7dcbf4f",9332:"dd6defd9",9338:"4bb2c240",9408:"473a5ae1",9495:"f064efaa",9523:"e94acd8a",9531:"43c38a59",9540:"178c2568",9602:"83dd69aa",9610:"3d250133",9617:"111b7aef",9643:"1797683b",9665:"a8141fa5",9686:"8b1756e9",9750:"2986f1da",9787:"39317e78",9861:"a2b2c08d",9918:"0595b051",9986:"1b92ff38"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={5354:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(5354!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i{module.exports=''},"./node_modules/@jetbrains/icons/close.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/exception.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/warning.js":module=>{module.exports=''},"./src/storage/storage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storage__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/storage/storage.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Storage",parameters:{notes:"Provides a façade to localStorage/sessionStorage/cookies.",screenshots:{skip:!0}}},Basic=()=>{const[text,setText]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("");return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const storage=new _storage__WEBPACK_IMPORTED_MODULE_2__.A;let value;!async function init(){const storedValue=await storage.get("storage-example-key");if(storedValue)value=storedValue;else{const generatedValue=Math.random().toString();await storage.set("storage-example-key",generatedValue),value=generatedValue}setText(`Stored value = ${value}`)}()}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:text})};Basic.storyName="Storage",Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"() => {\n const [text, setText] = useState('');\n useEffect(() => {\n const STORAGE_KEY = 'storage-example-key';\n const storage = new Storage();\n let value;\n async function init() {\n const storedValue = await storage.get(STORAGE_KEY);\n if (!storedValue) {\n const generatedValue = Math.random().toString();\n await storage.set(STORAGE_KEY, generatedValue);\n value = generatedValue;\n } else {\n value = storedValue;\n }\n setText(`Stored value = ${value}`);\n }\n init();\n }, []);\n return
{text}
;\n}",...Basic.parameters?.docs?.source}}}},"./src/alert-service/alert-service.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_dom_client__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-dom/client.js"),_global_get_uid__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/get-uid.ts"),_alert_alert__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/alert/container.tsx"),_alert_alert__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/alert/alert.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=new class AlertService{defaultTimeout=0;showingAlerts=[];containerElement=document.createElement("div");reactRoot=(0,react_dom_client__WEBPACK_IMPORTED_MODULE_0__.createRoot)(this.containerElement);_getShowingAlerts(){return[...this.showingAlerts]}renderAlertContainer(alerts){return 0===alerts.length?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_2__.A,{children:alerts.map((alert=>{const{message,key,...rest}=alert;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay,{...rest,children:message},key)}))})}renderAlerts(){this.reactRoot.render(this.renderAlertContainer(this.showingAlerts))}findSameAlert(message,type){return this.showingAlerts.filter((it=>it.type===type&&it.message===message))[0]}startAlertClosing(alert){alert.isClosing=!0,this.renderAlerts()}remove(key){const alertToClose=this.showingAlerts.filter((alert=>alert.key===key))[0];alertToClose&&this.startAlertClosing(alertToClose)}removeWithoutAnimation(key){this.showingAlerts=this.showingAlerts.filter((alert=>alert.key!==key)),this.renderAlerts()}stopShakingWhenAnimationDone(shakingAlert){setTimeout((()=>{shakingAlert.showWithAnimation=!1,shakingAlert.isShaking=!1,this.renderAlerts()}),_alert_alert__WEBPACK_IMPORTED_MODULE_3__.hH)}addAlert(message,type,timeout=this.defaultTimeout,options={}){const{onCloseRequest,onClose,...restOptions}=options,sameAlert=this.findSameAlert(message,type);if(sameAlert)return sameAlert.isShaking=!0,this.renderAlerts(),this.stopShakingWhenAnimationDone(sameAlert),sameAlert.key;const alert={key:(0,_global_get_uid__WEBPACK_IMPORTED_MODULE_4__.A)("alert-service-"),message,type,timeout,isClosing:!1,onCloseRequest:()=>{onCloseRequest&&onCloseRequest(),this.startAlertClosing(alert)},onClose:()=>{onClose&&onClose(),this.removeWithoutAnimation(alert.key)},...restOptions};return this.showingAlerts=[alert,...this.showingAlerts],this.renderAlerts(),alert.key}setDefaultTimeout(timeout){this.defaultTimeout=timeout}error(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.ERROR,timeout)}message(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.MESSAGE,timeout)}warning(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.WARNING,timeout)}successMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.SUCCESS,timeout)}loadingMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.LOADING,timeout)}}},"./src/storage/storage.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>storage});var alert_service=__webpack_require__("./src/alert-service/alert-service.tsx");class LocalStorage{static async safePromise(resolver){try{return await new Promise(resolver)}catch(e){throw e instanceof Error&&"NS_ERROR_FILE_CORRUPTED"===e.name&&alert_service.A.error('Sorry, it looks like your browser storage is corrupted. Please clear your storage by going to Tools -> Clear Recent History -> Cookies and setting time range to "Everything". This will remove the corrupted browser storage across all sites.'),e}}storageType;constructor(config={}){this.storageType="session"===config.type?"sessionStorage":"localStorage"}get(name){return LocalStorage.safePromise((resolve=>{const value=window[this.storageType].getItem(name);if(null!=value)try{resolve(JSON.parse(value))}catch(e){resolve(value)}else resolve(value)}))}set(name,value){return LocalStorage.safePromise((resolve=>{window[this.storageType].setItem(name,JSON.stringify(value)),resolve(value)}))}remove(name){const storageType=this.storageType;return LocalStorage.safePromise((resolve=>{window[storageType].hasOwnProperty(name)&&window[storageType].removeItem(name),resolve()}))}each(callback){const storageType=this.storageType;return LocalStorage.safePromise((resolve=>{const promises=[];for(const item in window[storageType])if(window[storageType].hasOwnProperty(item)){const value=window[storageType].getItem(item);let resolvedValue=null;if(null!=value)try{resolvedValue=JSON.parse(value)}catch(e){resolvedValue=value}promises.push(Promise.resolve(callback(item,resolvedValue)))}resolve(Promise.all(promises))}))}on(name,callback){function handleStorage(e){if(e.key===name)if(null!=e.newValue)try{callback(JSON.parse(e.newValue))}catch(err){callback(e.newValue)}else callback(e.newValue)}return window.addEventListener("storage",handleStorage,!1),()=>window.removeEventListener("storage",handleStorage,!1)}}var deep_equal=__webpack_require__("./node_modules/deep-equal/index.js"),deep_equal_default=__webpack_require__.n(deep_equal);class FallbackStorage{static DEFAULT_COOKIE_NAME="localStorage";static DEFAULT_SESSION_COOKIE_NAME="sessionStorage";static DEFAULT_CHECK_DELAY=3e3;static COOKIE_EXPIRES=365;static QUOTA=4093;static _createCookie(name,value,days){let date,expires;days?(date=new Date,date.setTime(date.getTime()+864e5*days),expires=`; expires=${date.toUTCString()}`):expires=";",document.cookie=`${name}=${value}${expires}; path=/`}static _readCookie(name){const nameEQ=`${name}=`,cookies=document.cookie.split(";");let cookie;for(let i=0;i{const rawData=FallbackStorage._readCookie(this.cookieName);null!=rawData?resolve(JSON.parse(decodeURIComponent(rawData))):reject()})).catch((()=>({})))}_write(data){return new Promise((resolve=>{const stringData=encodeURIComponent(JSON.stringify(data));return FallbackStorage._createCookie(this.cookieName,"{}"===stringData?"":stringData,this.expires),resolve(data)}))}get(key){return this._read().then((data=>data[key]||null))}async set(key,value){const data=await this._read();return key&&(null!=value?data[key]=value:Reflect.deleteProperty(data,key)),await this._write(data),value}async remove(key){await this.set(key,null)}each(callback){return"function"!=typeof callback?Promise.reject(new Error("Callback is not a function")):this._read().then((data=>{const promises=[];for(const key in data)data.hasOwnProperty(key)&&promises.push(callback(key,data[key]));return Promise.all(promises)}))}on(key,callback){let stop=!1;const checkForChange=oldValue=>{this.get(key).then((newValue=>{stop||(deep_equal_default()(oldValue,newValue)||callback(newValue),window.setTimeout((()=>checkForChange(oldValue)),this.checkDelay))}))};return this.get(key).then(checkForChange),()=>{stop=!0}}}let Storage=LocalStorage;try{const temp="testStorage";localStorage.setItem(temp,temp),localStorage.removeItem(temp)}catch(e){Storage=FallbackStorage}const storage=Storage},"?4f7e":()=>{}}]); \ No newline at end of file +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[8022],{"./node_modules/@jetbrains/icons/checkmark.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/exception.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/warning.js":module=>{module.exports=''},"./src/storage/storage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storage__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/storage/storage.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Storage",parameters:{notes:"Provides a façade to localStorage/sessionStorage/cookies.",screenshots:{skip:!0}}},Basic=()=>{const[text,setText]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("");return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const storage=new _storage__WEBPACK_IMPORTED_MODULE_2__.A;let value;!async function init(){const storedValue=await storage.get("storage-example-key");if(storedValue)value=storedValue;else{const generatedValue=Math.random().toString();await storage.set("storage-example-key",generatedValue),value=generatedValue}setText(`Stored value = ${value}`)}()}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:text})};Basic.storyName="Storage",Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"() => {\n const [text, setText] = useState('');\n useEffect(() => {\n const STORAGE_KEY = 'storage-example-key';\n const storage = new Storage();\n let value;\n async function init() {\n const storedValue = await storage.get(STORAGE_KEY);\n if (!storedValue) {\n const generatedValue = Math.random().toString();\n await storage.set(STORAGE_KEY, generatedValue);\n value = generatedValue;\n } else {\n value = storedValue;\n }\n setText(`Stored value = ${value}`);\n }\n init();\n }, []);\n return
{text}
;\n}",...Basic.parameters?.docs?.source}}}},"./src/alert-service/alert-service.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_dom_client__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-dom/client.js"),_global_get_uid__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/get-uid.ts"),_alert_alert__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/alert/container.tsx"),_alert_alert__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/alert/alert.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=new class AlertService{defaultTimeout=0;showingAlerts=[];containerElement=document.createElement("div");reactRoot=(0,react_dom_client__WEBPACK_IMPORTED_MODULE_0__.createRoot)(this.containerElement);_getShowingAlerts(){return[...this.showingAlerts]}renderAlertContainer(alerts){return 0===alerts.length?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_2__.A,{children:alerts.map((alert=>{const{message,key,...rest}=alert;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay,{...rest,children:message},key)}))})}renderAlerts(){this.reactRoot.render(this.renderAlertContainer(this.showingAlerts))}findSameAlert(message,type){return this.showingAlerts.filter((it=>it.type===type&&it.message===message))[0]}startAlertClosing(alert){alert.isClosing=!0,this.renderAlerts()}remove(key){const alertToClose=this.showingAlerts.filter((alert=>alert.key===key))[0];alertToClose&&this.startAlertClosing(alertToClose)}removeWithoutAnimation(key){this.showingAlerts=this.showingAlerts.filter((alert=>alert.key!==key)),this.renderAlerts()}stopShakingWhenAnimationDone(shakingAlert){setTimeout((()=>{shakingAlert.showWithAnimation=!1,shakingAlert.isShaking=!1,this.renderAlerts()}),_alert_alert__WEBPACK_IMPORTED_MODULE_3__.hH)}addAlert(message,type,timeout=this.defaultTimeout,options={}){const{onCloseRequest,onClose,...restOptions}=options,sameAlert=this.findSameAlert(message,type);if(sameAlert)return sameAlert.isShaking=!0,this.renderAlerts(),this.stopShakingWhenAnimationDone(sameAlert),sameAlert.key;const alert={key:(0,_global_get_uid__WEBPACK_IMPORTED_MODULE_4__.A)("alert-service-"),message,type,timeout,isClosing:!1,onCloseRequest:()=>{onCloseRequest?.(),this.startAlertClosing(alert)},onClose:()=>{onClose?.(),this.removeWithoutAnimation(alert.key)},...restOptions};return this.showingAlerts=[alert,...this.showingAlerts],this.renderAlerts(),alert.key}setDefaultTimeout(timeout){this.defaultTimeout=timeout}error(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.ERROR,timeout)}message(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.MESSAGE,timeout)}warning(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.WARNING,timeout)}successMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.SUCCESS,timeout)}loadingMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.LOADING,timeout)}}},"./src/storage/storage.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>storage});var alert_service=__webpack_require__("./src/alert-service/alert-service.tsx");class LocalStorage{static async safePromise(resolver){try{return await new Promise(resolver)}catch(e){throw e instanceof Error&&"NS_ERROR_FILE_CORRUPTED"===e.name&&alert_service.A.error('Sorry, it looks like your browser storage is corrupted. Please clear your storage by going to Tools -> Clear Recent History -> Cookies and setting time range to "Everything". This will remove the corrupted browser storage across all sites.'),e}}storageType;constructor(config={}){this.storageType="session"===config.type?"sessionStorage":"localStorage"}get(name){return LocalStorage.safePromise((resolve=>{const value=window[this.storageType].getItem(name);if(null!=value)try{resolve(JSON.parse(value))}catch(e){resolve(value)}else resolve(value)}))}set(name,value){return LocalStorage.safePromise((resolve=>{window[this.storageType].setItem(name,JSON.stringify(value)),resolve(value)}))}remove(name){const storageType=this.storageType;return LocalStorage.safePromise((resolve=>{window[storageType].hasOwnProperty(name)&&window[storageType].removeItem(name),resolve()}))}each(callback){const storageType=this.storageType;return LocalStorage.safePromise((resolve=>{const promises=[];for(const item in window[storageType])if(window[storageType].hasOwnProperty(item)){const value=window[storageType].getItem(item);let resolvedValue=null;if(null!=value)try{resolvedValue=JSON.parse(value)}catch(e){resolvedValue=value}promises.push(Promise.resolve(callback(item,resolvedValue)))}resolve(Promise.all(promises))}))}on(name,callback){function handleStorage(e){if(e.key===name)if(null!=e.newValue)try{callback(JSON.parse(e.newValue))}catch(err){callback(e.newValue)}else callback(e.newValue)}return window.addEventListener("storage",handleStorage,!1),()=>window.removeEventListener("storage",handleStorage,!1)}}var deep_equal=__webpack_require__("./node_modules/deep-equal/index.js"),deep_equal_default=__webpack_require__.n(deep_equal);class FallbackStorage{static DEFAULT_COOKIE_NAME="localStorage";static DEFAULT_SESSION_COOKIE_NAME="sessionStorage";static DEFAULT_CHECK_DELAY=3e3;static COOKIE_EXPIRES=365;static QUOTA=4093;static _createCookie(name,value,days){let date,expires;days?(date=new Date,date.setTime(date.getTime()+864e5*days),expires=`; expires=${date.toUTCString()}`):expires=";",document.cookie=`${name}=${value}${expires}; path=/`}static _readCookie(name){const nameEQ=`${name}=`,cookies=document.cookie.split(";");let cookie;for(let i=0;i{const rawData=FallbackStorage._readCookie(this.cookieName);null!=rawData?resolve(JSON.parse(decodeURIComponent(rawData))):reject()})).catch((()=>({})))}_write(data){return new Promise((resolve=>{const stringData=encodeURIComponent(JSON.stringify(data));return FallbackStorage._createCookie(this.cookieName,"{}"===stringData?"":stringData,this.expires),resolve(data)}))}get(key){return this._read().then((data=>data[key]||null))}async set(key,value){const data=await this._read();return key&&(null!=value?data[key]=value:Reflect.deleteProperty(data,key)),await this._write(data),value}async remove(key){await this.set(key,null)}each(callback){return"function"!=typeof callback?Promise.reject(new Error("Callback is not a function")):this._read().then((data=>{const promises=[];for(const key in data)data.hasOwnProperty(key)&&promises.push(callback(key,data[key]));return Promise.all(promises)}))}on(key,callback){let stop=!1;const checkForChange=oldValue=>{this.get(key).then((newValue=>{stop||(deep_equal_default()(oldValue,newValue)||callback(newValue),window.setTimeout((()=>checkForChange(oldValue)),this.checkDelay))}))};return this.get(key).then(checkForChange),()=>{stop=!0}}}let Storage=LocalStorage;try{const temp="testStorage";localStorage.setItem(temp,temp),localStorage.removeItem(temp)}catch(e){Storage=FallbackStorage}const storage=Storage},"?4f7e":()=>{}}]); \ No newline at end of file diff --git a/master/tab-trap-tab-trap-stories.13049289.iframe.bundle.js b/master/tab-trap-tab-trap-stories.13049289.iframe.bundle.js deleted file mode 100644 index 665af7c477d..00000000000 --- a/master/tab-trap-tab-trap-stories.13049289.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[1446],{"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close-12px.js":module=>{module.exports=''},"./src/tab-trap/tab-trap.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{basic:()=>basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_input_input__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/input/input.tsx"),_button_button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/button/button.tsx"),_link_link__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/link/link.tsx"),_group_group__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/group/group.tsx"),_tab_trap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/tab-trap/tab-trap.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/TabTrap",parameters:{notes:"Disallows tabbing out of a designated area.",screenshots:{skip:!0}}},basic=()=>{class TabTrapDemo extends react__WEBPACK_IMPORTED_MODULE_0__.Component{render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_2__.Ay,{children:"Outside of trap"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h4",{children:"Trap start"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_tab_trap__WEBPACK_IMPORTED_MODULE_3__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_input_input__WEBPACK_IMPORTED_MODULE_4__.Ay,{placeholder:"inside trap",autoFocus:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_group_group__WEBPACK_IMPORTED_MODULE_5__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_2__.Ay,{children:"Test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_link_link__WEBPACK_IMPORTED_MODULE_6__.A,{href:"#",children:"Test link"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h4",{children:"Trap end"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_2__.Ay,{children:"Outside of trap"})]})}}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(TabTrapDemo,{})};basic.storyName="TabTrap",basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:'() => {\n class TabTrapDemo extends Component {\n render() {\n return
\n \n\n

Trap start

\n \n \n \n \n Test link\n \n \n\n

Trap end

\n\n \n
;\n }\n }\n return ;\n}',...basic.parameters?.docs?.source}}}},"./src/control-help/control-help.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ControlHelp});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),_control_help_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/control-help/control-help.css"),_control_help_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_control_help_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ControlHelp({className,...restProps}){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()(className,_control_help_css__WEBPACK_IMPORTED_MODULE_1___default().help),...restProps})}ControlHelp.__docgenInfo={description:"",methods:[],displayName:"ControlHelp"}},"./src/global/composeRefs.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>createComposedRef});var memoize_one__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/memoize-one/dist/memoize-one.esm.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/util-deprecate/browser.js");function composeRefs(...refs){return value=>refs.forEach((ref=>{"function"==typeof ref?ref(value):null!=ref&&(ref.current=value)}))}__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_0__)()(composeRefs,"composeRefs is deprecated and will be removed in 7.0. Use createComposedRef instead.");function createComposedRef(){return(0,memoize_one__WEBPACK_IMPORTED_MODULE_1__.A)(composeRefs)}},"./src/global/prop-types.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>refObject});var prop_types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);const refObject=value=>prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({current:value})},"./src/group/group.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Group});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_group_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/group/group.css"),_group_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_group_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Group extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};render(){const{children,className,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_group_css__WEBPACK_IMPORTED_MODULE_2___default().group,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{...restProps,className:classes,children})}}Group.__docgenInfo={description:"@name Group",methods:[],displayName:"Group",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".help_cb69 {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n","",{version:3,sources:["webpack://./src/control-help/control-help.css"],names:[],mappings:"AAEA;EACE,kCAAkC;;EAElC,wCAAwC;EACxC,2CAA2C;AAC7C",sourcesContent:['@import "../global/variables.css";\n\n.help {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={help:"help_cb69"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".group_ba3b > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n","",{version:3,sources:["webpack://./src/group/group.css"],names:[],mappings:"AAGE;IACE,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.group {\n & > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={group:"group_ba3b"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/group/group.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/link/link.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/tab-trap-tab-trap-stories.7dc10a3e.iframe.bundle.js b/master/tab-trap-tab-trap-stories.7dc10a3e.iframe.bundle.js new file mode 100644 index 00000000000..c87c5d54294 --- /dev/null +++ b/master/tab-trap-tab-trap-stories.7dc10a3e.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[1446],{"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close-12px.js":module=>{module.exports=''},"./src/tab-trap/tab-trap.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{basic:()=>basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_input_input__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/input/input.tsx"),_button_button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/button/button.tsx"),_link_link__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/link/link.tsx"),_group_group__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/group/group.tsx"),_tab_trap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/tab-trap/tab-trap.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/TabTrap",parameters:{notes:"Disallows tabbing out of a designated area.",screenshots:{skip:!0}}},basic=()=>{class TabTrapDemo extends react__WEBPACK_IMPORTED_MODULE_0__.Component{render(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_2__.Ay,{children:"Outside of trap"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h4",{children:"Trap start"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_tab_trap__WEBPACK_IMPORTED_MODULE_3__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_input_input__WEBPACK_IMPORTED_MODULE_4__.Ay,{placeholder:"inside trap",autoFocus:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_group_group__WEBPACK_IMPORTED_MODULE_5__.A,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_2__.Ay,{children:"Test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_link_link__WEBPACK_IMPORTED_MODULE_6__.A,{href:"#",children:"Test link"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h4",{children:"Trap end"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button_button__WEBPACK_IMPORTED_MODULE_2__.Ay,{children:"Outside of trap"})]})}}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(TabTrapDemo,{})};basic.storyName="TabTrap",basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:'() => {\n class TabTrapDemo extends Component {\n render() {\n return
\n \n\n

Trap start

\n \n \n \n \n Test link\n \n \n\n

Trap end

\n\n \n
;\n }\n }\n return ;\n}',...basic.parameters?.docs?.source}}}},"./src/group/group.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Group});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_group_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/group/group.css"),_group_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_group_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Group extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};render(){const{children,className,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_group_css__WEBPACK_IMPORTED_MODULE_2___default().group,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{...restProps,className:classes,children})}}Group.__docgenInfo={description:"@name Group",methods:[],displayName:"Group",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".group_ba3b > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n","",{version:3,sources:["webpack://./src/group/group.css"],names:[],mappings:"AAGE;IACE,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.group {\n & > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={group:"group_ba3b"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/link/link.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/table-simple-table-stories.0c49e815.iframe.bundle.js b/master/table-simple-table-stories.0c49e815.iframe.bundle.js deleted file mode 100644 index 8f3d401b6a3..00000000000 --- a/master/table-simple-table-stories.0c49e815.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[6835],{"./node_modules/@jetbrains/icons/checkmark-12px.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/remove-12px.js":module=>{module.exports=''},"./src/table/simple-table.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,WithSorting:()=>WithSorting,default:()=>simple_table_stories});var _Table$propTypes,react=__webpack_require__("./node_modules/react/index.js"),link_link=__webpack_require__("./src/link/link.tsx"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),table=__webpack_require__("./src/table/table.css"),table_default=__webpack_require__.n(table),table_table=__webpack_require__("./src/table/table.tsx"),selection=__webpack_require__("./src/table/selection.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const{selection:__selection__,onSelect:__onSelect__,selectable:__selectable__,disabledHover:__disabledHover__,...restPropTypes}=null!==(_Table$propTypes=table_table.A.propTypes)&&void 0!==_Table$propTypes?_Table$propTypes:{};class SimpleTable extends react.PureComponent{static propTypes={...restPropTypes};static defaultProps={selectable:!1,wideFirstColumn:!1};state={selection:new selection.A({data:this.props.data})};classes=classnames_default()(table_default().disabledHover,this.props.className);render(){return(0,jsx_runtime.jsx)(table_table.A,{...this.props,className:this.classes,...this.state})}}const simple_table=SimpleTable;SimpleTable.__docgenInfo={description:"",methods:[],displayName:"SimpleTable",props:{selectable:{defaultValue:{value:"false",computed:!1},required:!1},wideFirstColumn:{defaultValue:{value:"false",computed:!1},required:!1}},composes:["Omit"]};var table_stories=__webpack_require__("./src/table/table.stories.json"),table_examples2=__webpack_require__("./src/table/table.examples2.json");const simple_table_stories={title:"Components/Simple Table",component:simple_table,parameters:{screenshots:{skip:!0},docs:{description:{component:"Simple stateless table without hover effect"}}},argTypes:{selection:{control:{disable:!0}}}},tdata=table_examples2.X,Basic=args=>(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(simple_table,{...args,data:tdata})});Basic.args={columns:[{id:"country",title:"Country"},{id:"id",title:"ID",rightAlign:!0},{id:"city",title:"City",getDataTest:item=>item.city},{id:"url",title:"URL",getValue:({url})=>(0,jsx_runtime.jsx)(link_link.A,{href:url,children:url})}],autofocus:!0,isItemSelectable:item=>14!==item.id},Basic.storyName="basic";const WithSorting=args=>{const{onSort,onSelect,withCaption,onReorder,...restProps}=args,[data,setData]=(0,react.useState)([]),[sortKey,setSortKey]=(0,react.useState)("country"),[sortOrder,setSortOrder]=(0,react.useState)(!0),isItemSelectable=(0,react.useCallback)((item=>14!==item.id),[]);(0,react.useEffect)((()=>{const newData=[...table_stories];newData.sort(((a,b)=>String(a[sortKey]).localeCompare(String(b[sortKey]))*(sortOrder?1:-1))),setData(newData)}),[isItemSelectable,sortKey,sortOrder]);const handleSort=(0,react.useCallback)((event=>{onSort?.(event),setSortKey(event.column.id),setSortOrder(event.order)}),[onSort]);return(0,jsx_runtime.jsx)(simple_table,{...restProps,data,onSort:handleSort,sortKey,sortOrder})};WithSorting.args={columns:[{id:"country",title:"Country",sortable:!0},{id:"id",title:"ID",rightAlign:!0},{id:"city",title:"City",getDataTest:item=>item.city,sortable:!0},{id:"url",title:"URL",getValue:({url})=>(0,jsx_runtime.jsx)(link_link.A,{href:url,children:url})}],autofocus:!0,isItemSelectable:item=>14!==item.id},WithSorting.argTypes={data:{control:{disable:!0}},sortKey:{control:{disable:!0}},sortOrder:{control:{disable:!0}},caption:{control:{disable:!0}}},WithSorting.storyName="with sorting",Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"args =>
\n \n
",...Basic.parameters?.docs?.source}}},WithSorting.parameters={...WithSorting.parameters,docs:{...WithSorting.parameters?.docs,source:{originalSource:"args => {\n const {\n onSort,\n onSelect,\n withCaption,\n onReorder,\n ...restProps\n } = args;\n const [data, setData] = useState([]);\n const [sortKey, setSortKey] = useState('country');\n const [sortOrder, setSortOrder] = useState(true);\n const isItemSelectable = useCallback((item: Item) => item.id !== 14, []);\n useEffect(() => {\n const newData: Item[] = [...mock];\n newData.sort((a, b) => String(a[sortKey]).localeCompare(String(b[sortKey])) * (sortOrder ? 1 : -1));\n setData(newData);\n }, [isItemSelectable, sortKey, sortOrder]);\n const handleSort = useCallback((event: SortParams) => {\n onSort?.(event);\n setSortKey(event.column.id);\n setSortOrder(event.order);\n }, [onSort]);\n return ;\n}",...WithSorting.parameters?.docs?.source}}}},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/table-simple-table-stories.1950cb09.iframe.bundle.js b/master/table-simple-table-stories.1950cb09.iframe.bundle.js new file mode 100644 index 00000000000..10dcf1002a4 --- /dev/null +++ b/master/table-simple-table-stories.1950cb09.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[6835],{"./node_modules/@jetbrains/icons/checkmark-12px.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/remove-12px.js":module=>{module.exports=''},"./src/table/simple-table.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,WithSorting:()=>WithSorting,default:()=>simple_table_stories});var _Table$propTypes,react=__webpack_require__("./node_modules/react/index.js"),link_link=__webpack_require__("./src/link/link.tsx"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),table=__webpack_require__("./src/table/table.css"),table_default=__webpack_require__.n(table),table_table=__webpack_require__("./src/table/table.tsx"),selection=__webpack_require__("./src/table/selection.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const{selection:__selection__,onSelect:__onSelect__,selectable:__selectable__,disabledHover:__disabledHover__,...restPropTypes}=null!==(_Table$propTypes=table_table.A.propTypes)&&void 0!==_Table$propTypes?_Table$propTypes:{};class SimpleTable extends react.PureComponent{static propTypes={...restPropTypes};static defaultProps={selectable:!1,wideFirstColumn:!1};state={selection:new selection.A({data:this.props.data})};classes=classnames_default()(table_default().disabledHover,this.props.className);render(){return(0,jsx_runtime.jsx)(table_table.A,{...this.props,className:this.classes,...this.state})}}const simple_table=SimpleTable;SimpleTable.__docgenInfo={description:"",methods:[],displayName:"SimpleTable",props:{selectable:{defaultValue:{value:"false",computed:!1},required:!1},wideFirstColumn:{defaultValue:{value:"false",computed:!1},required:!1}},composes:["Omit"]};var table_stories=__webpack_require__("./src/table/table.stories.json"),table_examples2=__webpack_require__("./src/table/table.examples2.json");const simple_table_stories={title:"Components/Simple Table",component:simple_table,parameters:{screenshots:{skip:!0},docs:{description:{component:"Simple stateless table without hover effect"}}},argTypes:{selection:{control:{disable:!0}}}},tdata=table_examples2.X,Basic=args=>(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(simple_table,{...args,data:tdata})});Basic.args={columns:[{id:"country",title:"Country"},{id:"id",title:"ID",rightAlign:!0},{id:"city",title:"City",getDataTest:item=>item.city},{id:"url",title:"URL",getValue:({url})=>(0,jsx_runtime.jsx)(link_link.A,{href:url,children:url})}],autofocus:!0,isItemSelectable:item=>14!==item.id},Basic.storyName="basic";const WithSorting=args=>{const{onSort,onSelect,withCaption,onReorder,...restProps}=args,[data,setData]=(0,react.useState)([]),[sortKey,setSortKey]=(0,react.useState)("country"),[sortOrder,setSortOrder]=(0,react.useState)(!0),isItemSelectable=(0,react.useCallback)((item=>14!==item.id),[]);(0,react.useEffect)((()=>{const newData=[...table_stories];newData.sort(((a,b)=>String(a[sortKey]).localeCompare(String(b[sortKey]))*(sortOrder?1:-1))),setData(newData)}),[isItemSelectable,sortKey,sortOrder]);const handleSort=(0,react.useCallback)((event=>{onSort?.(event),setSortKey(event.column.id),setSortOrder(event.order)}),[onSort]);return(0,jsx_runtime.jsx)(simple_table,{...restProps,data,onSort:handleSort,sortKey,sortOrder})};WithSorting.args={columns:[{id:"country",title:"Country",sortable:!0},{id:"id",title:"ID",rightAlign:!0},{id:"city",title:"City",getDataTest:item=>item.city,sortable:!0},{id:"url",title:"URL",getValue:({url})=>(0,jsx_runtime.jsx)(link_link.A,{href:url,children:url})}],autofocus:!0,isItemSelectable:item=>14!==item.id},WithSorting.argTypes={data:{control:{disable:!0}},sortKey:{control:{disable:!0}},sortOrder:{control:{disable:!0}},caption:{control:{disable:!0}}},WithSorting.storyName="with sorting",Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"args =>
\n \n
",...Basic.parameters?.docs?.source}}},WithSorting.parameters={...WithSorting.parameters,docs:{...WithSorting.parameters?.docs,source:{originalSource:"args => {\n const {\n onSort,\n onSelect,\n withCaption,\n onReorder,\n ...restProps\n } = args;\n const [data, setData] = useState([]);\n const [sortKey, setSortKey] = useState('country');\n const [sortOrder, setSortOrder] = useState(true);\n const isItemSelectable = useCallback((item: Item) => item.id !== 14, []);\n useEffect(() => {\n const newData: Item[] = [...mock];\n newData.sort((a, b) => String(a[sortKey]).localeCompare(String(b[sortKey])) * (sortOrder ? 1 : -1));\n setData(newData);\n }, [isItemSelectable, sortKey, sortOrder]);\n const handleSort = useCallback((event: SortParams) => {\n onSort?.(event);\n setSortKey(event.column.id);\n setSortOrder(event.order);\n }, [onSort]);\n return ;\n}",...WithSorting.parameters?.docs?.source}}}},"./src/checkbox/checkbox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Checkbox});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_jetbrains_icons_checkmark_12px__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@jetbrains/icons/checkmark-12px.js"),_jetbrains_icons_checkmark_12px__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_jetbrains_icons_checkmark_12px__WEBPACK_IMPORTED_MODULE_2__),_jetbrains_icons_remove_12px__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@jetbrains/icons/remove-12px.js"),_jetbrains_icons_remove_12px__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_jetbrains_icons_remove_12px__WEBPACK_IMPORTED_MODULE_3__),_icon_icon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/icon/icon.tsx"),_global_prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/global/prop-types.ts"),_global_composeRefs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/global/composeRefs.ts"),_control_help_control_help__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/control-help/control-help.tsx"),_checkbox_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/checkbox/checkbox.css"),_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_checkbox_css__WEBPACK_IMPORTED_MODULE_4__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Checkbox extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={name:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,label:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,className:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,containerClassName:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,containerStyle:prop_types__WEBPACK_IMPORTED_MODULE_6___default().object,cellClassName:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,labelClassName:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,defaultChecked:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,checked:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,indeterminate:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,disabled:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,onChange:prop_types__WEBPACK_IMPORTED_MODULE_6___default().func,children:prop_types__WEBPACK_IMPORTED_MODULE_6___default().node,inputRef:prop_types__WEBPACK_IMPORTED_MODULE_6___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_6___default().func,(0,_global_prop_types__WEBPACK_IMPORTED_MODULE_7__.Z)(prop_types__WEBPACK_IMPORTED_MODULE_6___default().instanceOf(HTMLInputElement))])};static defaultProps={indeterminate:!1};componentDidMount(){null!=this.input&&(this.input.indeterminate=this.props.indeterminate)}componentDidUpdate(prevProps){const{indeterminate}=this.props;null!=this.input&&indeterminate!==prevProps.indeterminate&&(this.input.indeterminate=this.props.indeterminate)}input;inputRef=el=>{null!=el&&(el.indeterminate=this.props.indeterminate),this.input=el};composedInputRef=(0,_global_composeRefs__WEBPACK_IMPORTED_MODULE_8__.C)();render(){const{children,label,className,containerClassName,containerStyle,cellClassName,labelClassName,indeterminate,inputRef,help,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().input,className),containerClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().checkbox,containerClassName),cellClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().cell,cellClassName),labelClasses=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().label,labelClassName);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("label",{className:containerClasses,style:containerStyle,"data-test":"ring-checkbox",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("input",{...restProps,"data-checked":restProps.checked,ref:this.composedInputRef(this.inputRef,inputRef),type:"checkbox",className:classes}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{className:_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().cellWrapper,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span",{className:cellClasses,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_icon_icon__WEBPACK_IMPORTED_MODULE_9__.Ay,{glyph:_jetbrains_icons_checkmark_12px__WEBPACK_IMPORTED_MODULE_2___default(),className:_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().check}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_icon_icon__WEBPACK_IMPORTED_MODULE_9__.Ay,{glyph:_jetbrains_icons_remove_12px__WEBPACK_IMPORTED_MODULE_3___default(),className:_checkbox_css__WEBPACK_IMPORTED_MODULE_4___default().minus})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span",{className:labelClasses,children:[label||children,help&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_control_help_control_help__WEBPACK_IMPORTED_MODULE_10__.A,{children:help})]})]})}}Checkbox.__docgenInfo={description:"Displays a checkbox.",methods:[{name:"inputRef",docblock:null,modifiers:[],params:[{name:"el",optional:!1,type:{name:"union",raw:"HTMLInputElement | null",elements:[{name:"HTMLInputElement"},{name:"null"}]}}],returns:null}],displayName:"Checkbox",props:{label:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},containerClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},containerStyle:{required:!1,tsType:{name:"union",raw:"CSSProperties | undefined",elements:[{name:"CSSProperties"},{name:"undefined"}]},description:"",type:{name:"object"}},cellClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},labelClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},indeterminate:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},inputRef:{required:!1,tsType:{name:"Ref",elements:[{name:"HTMLInputElement"}],raw:"Ref"},description:"",type:{name:"union",value:[{name:"func"},{name:"custom",raw:"refObject(PropTypes.instanceOf(HTMLInputElement))"}]}},help:{required:!1,tsType:{name:"ReactNode"},description:""},name:{description:"",type:{name:"string"},required:!1},className:{description:"",type:{name:"string"},required:!1},defaultChecked:{description:"",type:{name:"bool"},required:!1},checked:{description:"",type:{name:"bool"},required:!1},disabled:{description:"",type:{name:"bool"},required:!1},onChange:{description:"",type:{name:"func"},required:!1},children:{description:"",type:{name:"node"},required:!1}},composes:["InputHTMLAttributes"]}},"./src/control-help/control-help.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ControlHelp});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),_control_help_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/control-help/control-help.css"),_control_help_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_control_help_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ControlHelp({className,...restProps}){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()(className,_control_help_css__WEBPACK_IMPORTED_MODULE_1___default().help),...restProps})}ControlHelp.__docgenInfo={description:"",methods:[],displayName:"ControlHelp"}},"./src/global/composeRefs.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>createComposedRef});var memoize_one__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/memoize-one/dist/memoize-one.esm.js");function composeRefs(...refs){return value=>refs.forEach((ref=>{"function"==typeof ref?ref(value):null!=ref&&(ref.current=value)}))}function createComposedRef(){return(0,memoize_one__WEBPACK_IMPORTED_MODULE_0__.A)(composeRefs)}},"./src/global/prop-types.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>refObject});var prop_types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);const refObject=value=>prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({current:value})},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/checkbox/checkbox.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".checkbox_fb44 {\n position: relative;\n\n display: inline-flex;\n align-items: baseline;\n\n text-align: left;\n\n color: var(--ring-text-color);\n outline: none;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.checkbox_fb44:hover .cell_e028 {\n transition: background-color var(--ring-ease);\n\n border-color: var(--ring-border-hover-color);\n }}\n\n.cell_e028 {\n position: relative;\n top: -2px;\n\n display: inline-block;\n\n box-sizing: border-box;\n width: 14px;\n height: 14px;\n\n -webkit-user-select: none;\n\n user-select: none;\n transition: border-color var(--ring-ease), background-color var(--ring-ease), box-shadow var(--ring-ease);\n vertical-align: middle;\n pointer-events: none;\n\n border: 1px solid var(--ring-borders-color);\n border-radius: var(--ring-border-radius-small);\n background-color: var(--ring-content-background-color);\n}\n\n.icon_bb4d.icon_bb4d {\n position: absolute;\n\n top: 0;\n left: 0;\n\n opacity: 0;\n color: var(--ring-white-text-color);\n}\n\n.icon_bb4d.icon_bb4d svg {\n position: absolute;\n top: 0;\n left: 0;\n }\n\n.check_edfa {\n}\n\n.minus_f19e {\n}\n\n.input_eb74 {\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n margin: 0;\n\n cursor: pointer;\n\n opacity: 0;\n\n /* stylelint-disable selector-max-specificity */\n}\n\n.input_eb74:checked + .cellWrapper_d676 .cell_e028,\n .input_eb74:indeterminate + .cellWrapper_d676 .cell_e028 {\n border-color: transparent;\n background-color: var(--ring-main-color);\n }\n\n.input_eb74:checked + .cellWrapper_d676 .check_edfa {\n opacity: 1;\n }\n\n.input_eb74:focus-visible + .cellWrapper_d676 .cell_e028,\n .input_eb74.focus_fae7 + .cellWrapper_d676 .cell_e028 {\n transition: background-color var(--ring-ease);\n\n border-color: var(--ring-border-hover-color);\n box-shadow: 0 0 0 1px var(--ring-border-hover-color);\n }\n\n.input_eb74:indeterminate + .cellWrapper_d676 .minus_f19e {\n opacity: 1;\n }\n\n.input_eb74[disabled] {\n pointer-events: none;\n }\n\n.input_eb74[disabled][disabled] + .cellWrapper_d676 .cell_e028 {\n border-color: var(--ring-border-disabled-color);\n background-color: var(--ring-disabled-background-color);\n }\n\n.input_eb74[disabled]:checked + .cellWrapper_d676 .cell_e028,\n .input_eb74[disabled]:indeterminate + .cellWrapper_d676 .cell_e028 {\n border-color: var(--ring-border-selected-disabled-color);\n background-color: var(--ring-border-selected-disabled-color);\n }\n\n.input_eb74[disabled]:checked + .cellWrapper_d676 .check_edfa,\n .input_eb74[disabled]:indeterminate + .cellWrapper_d676 .minus_f19e {\n color: var(--ring-disabled-background-color);\n }\n\n.input_eb74:indeterminate:indeterminate + .cellWrapper_d676 .check_edfa {\n transition: none;\n\n opacity: 0;\n }\n\n/* stylelint-enable */\n\n.input_eb74[disabled] ~ .label_d90f {\n color: var(--ring-disabled-color);\n }\n\n.label_d90f {\n margin-left: var(--ring-unit);\n\n line-height: normal;\n}\n","",{version:3,sources:["webpack://./src/checkbox/checkbox.css",""],names:[],mappings:"AAIA;EACE,kBAAkB;;EAElB,oBAAoB;EACpB,qBAAqB;;EAErB,gBAAgB;;EAEhB,6BAA6B;EAC7B,aAAa;AAOf;;ACpBA,wGAAA;IAAA,8CAAA;;IAAA,6CAAA;GAAA,CAAA;;ADsBA;EACE,kBAAkB;EAClB,SAAS;;EAET,qBAAqB;;EAErB,sBAAsB;EACtB,WAAmB;EACnB,YAAoB;;EAEpB,yBAAiB;;UAAjB,iBAAiB;EACjB,yGAAyG;EACzG,sBAAsB;EACtB,oBAAoB;;EAEpB,2CAA2C;EAC3C,8CAA8C;EAC9C,sDAAsD;AACxD;;AAEA;EACE,kBAAkB;;EAElB,MAAM;EACN,OAAO;;EAEP,UAAU;EACV,mCAAmC;AAOrC;;AALE;IACE,kBAAkB;IAClB,MAAM;IACN,OAAO;EACT;;AAGF;AAEA;;AAEA;AAEA;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;;EAEP,WAAW;EACX,YAAY;EACZ,SAAS;;EAET,eAAe;;EAEf,UAAU;;EAEV,+CAA+C;AAqDjD;;AApDE;;IAEE,yBAAyB;IACzB,wCAAwC;EAC1C;;AAEA;IACE,UAAU;EACZ;;AAEA;;IAEE,6CAA6C;;IAE7C,4CAA4C;IAC5C,oDAAoD;EACtD;;AAEA;IACE,UAAU;EACZ;;AAEA;IACE,oBAAoB;EACtB;;AAEA;IACE,+CAA+C;IAC/C,uDAAuD;EACzD;;AAEA;;IAEE,wDAAwD;IACxD,4DAA4D;EAC9D;;AAEA;;IAEE,4CAA4C;EAC9C;;AAEA;IACE,gBAAgB;;IAEhB,UAAU;EACZ;;AACA,qBAAqB;;AAErB;IACE,iCAAiC;EACnC;;AAGF;EACE,6BAA6B;;EAE7B,mBAAmB;AACrB",sourcesContent:['@import "../global/variables.css";\n\n@value checkboxSize: 14px;\n\n.checkbox {\n position: relative;\n\n display: inline-flex;\n align-items: baseline;\n\n text-align: left;\n\n color: var(--ring-text-color);\n outline: none;\n\n &:hover .cell {\n transition: background-color var(--ring-ease);\n\n border-color: var(--ring-border-hover-color);\n }\n}\n\n.cell {\n position: relative;\n top: -2px;\n\n display: inline-block;\n\n box-sizing: border-box;\n width: checkboxSize;\n height: checkboxSize;\n\n user-select: none;\n transition: border-color var(--ring-ease), background-color var(--ring-ease), box-shadow var(--ring-ease);\n vertical-align: middle;\n pointer-events: none;\n\n border: 1px solid var(--ring-borders-color);\n border-radius: var(--ring-border-radius-small);\n background-color: var(--ring-content-background-color);\n}\n\n.icon.icon {\n position: absolute;\n\n top: 0;\n left: 0;\n\n opacity: 0;\n color: var(--ring-white-text-color);\n\n & svg {\n position: absolute;\n top: 0;\n left: 0;\n }\n}\n\n.check {\n composes: icon;\n}\n\n.minus {\n composes: icon;\n}\n\n.input {\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n margin: 0;\n\n cursor: pointer;\n\n opacity: 0;\n\n /* stylelint-disable selector-max-specificity */\n &:checked + .cellWrapper .cell,\n &:indeterminate + .cellWrapper .cell {\n border-color: transparent;\n background-color: var(--ring-main-color);\n }\n\n &:checked + .cellWrapper .check {\n opacity: 1;\n }\n\n &:focus-visible + .cellWrapper .cell,\n &.focus + .cellWrapper .cell {\n transition: background-color var(--ring-ease);\n\n border-color: var(--ring-border-hover-color);\n box-shadow: 0 0 0 1px var(--ring-border-hover-color);\n }\n\n &:indeterminate + .cellWrapper .minus {\n opacity: 1;\n }\n\n &[disabled] {\n pointer-events: none;\n }\n\n &[disabled][disabled] + .cellWrapper .cell {\n border-color: var(--ring-border-disabled-color);\n background-color: var(--ring-disabled-background-color);\n }\n\n &[disabled]:checked + .cellWrapper .cell,\n &[disabled]:indeterminate + .cellWrapper .cell {\n border-color: var(--ring-border-selected-disabled-color);\n background-color: var(--ring-border-selected-disabled-color);\n }\n\n &[disabled]:checked + .cellWrapper .check,\n &[disabled]:indeterminate + .cellWrapper .minus {\n color: var(--ring-disabled-background-color);\n }\n\n &:indeterminate:indeterminate + .cellWrapper .check {\n transition: none;\n\n opacity: 0;\n }\n /* stylelint-enable */\n\n &[disabled] ~ .label {\n color: var(--ring-disabled-color);\n }\n}\n\n.label {\n margin-left: var(--ring-unit);\n\n line-height: normal;\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={checkboxSize:"14px",checkbox:"checkbox_fb44",cell:"cell_e028",icon:"icon_bb4d",check:"check_edfa icon_bb4d",minus:"minus_f19e icon_bb4d",input:"input_eb74",cellWrapper:"cellWrapper_d676",focus:"focus_fae7",label:"label_d90f"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".help_cb69 {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n","",{version:3,sources:["webpack://./src/control-help/control-help.css"],names:[],mappings:"AAEA;EACE,kCAAkC;;EAElC,wCAAwC;EACxC,2CAA2C;AAC7C",sourcesContent:['@import "../global/variables.css";\n\n.help {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={help:"help_cb69"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/memoize-one/dist/memoize-one.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>memoizeOne});var safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/checkbox/checkbox.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/control-help/control-help.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/link/link.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/tabs-tabs-stories.605c7139.iframe.bundle.js b/master/tabs-tabs-stories.605c7139.iframe.bundle.js deleted file mode 100644 index 99e18a20b63..00000000000 --- a/master/tabs-tabs-stories.605c7139.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[6236],{"./node_modules/@jetbrains/icons/chevron-10px.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/search.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/warning.js":module=>{module.exports=''},"./src/tabs/tabs.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AutoCollapseDemo:()=>AutoCollapseDemo,Basic:()=>Basic,customTitles:()=>customTitles,customTitlesFunction:()=>customTitlesFunction,default:()=>tabs_stories,smart:()=>smart});var react=__webpack_require__("./node_modules/react/index.js"),search=__webpack_require__("./node_modules/@jetbrains/icons/search.js"),search_default=__webpack_require__.n(search),warning=__webpack_require__("./node_modules/@jetbrains/icons/warning.js"),warning_default=__webpack_require__.n(warning),node_modules_classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(node_modules_classnames),button_button=__webpack_require__("./src/button/button.tsx"),icon=__webpack_require__("./src/icon/icon.tsx"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),memoize=__webpack_require__("./src/global/memoize.ts"),data_tests=__webpack_require__("./src/global/data-tests.ts"),tabs=__webpack_require__("./src/tabs/tabs.css"),tabs_default=__webpack_require__.n(tabs),link_link=__webpack_require__("./src/link/link.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function TabLink({isSelected,title,collapsed,...restProps}){const renderedTitle="function"==typeof title?title(isSelected,collapsed):title;return(0,jsx_runtime.jsx)(link_link.A,{...restProps,children:(0,jsx_runtime.jsxs)("div",{className:tabs_default().container,children:[(0,jsx_runtime.jsx)("span",{className:tabs_default().visible,children:renderedTitle}),(0,jsx_runtime.jsx)("span",{className:tabs_default().hidden,children:renderedTitle}),(0,jsx_runtime.jsx)("span",{className:tabs_default().hiddenBold,children:renderedTitle}),(0,jsx_runtime.jsx)("span",{className:tabs_default().hiddenRegular,children:renderedTitle})]})})}TabLink.propTypes={isSelected:prop_types_default().bool,collapsed:prop_types_default().bool,title:prop_types_default().oneOfType([prop_types_default().func,prop_types_default().string,prop_types_default().node])};const tab_link=(0,react.memo)(TabLink);TabLink.__docgenInfo={description:"",methods:[],displayName:"TabLink",props:{isSelected:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},collapsed:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},title:{required:!1,tsType:{name:"union",raw:"ReactNode | ((isSelected: boolean, collapsed: boolean | undefined) => ReactNode)",elements:[{name:"ReactNode"},{name:"unknown"}]},description:"",type:{name:"union",value:[{name:"func"},{name:"string"},{name:"node"}]}}},composes:["Omit"]};var fastdom=__webpack_require__("./node_modules/fastdom/fastdom.js"),fastdom_default=__webpack_require__.n(fastdom),chevron_10px=__webpack_require__("./node_modules/@jetbrains/icons/chevron-10px.js"),chevron_10px_default=__webpack_require__.n(chevron_10px),popup_consts=__webpack_require__("./src/popup/popup.consts.ts"),popup_menu=__webpack_require__("./src/popup-menu/popup-menu.tsx"),dropdown=__webpack_require__("./src/dropdown/dropdown.tsx");const CustomItem=({children})=>children;function noop(){}CustomItem.propTypes={children:prop_types_default().node.isRequired};const TabTitle=react.memo((function TabTitle({selected,child,handleSelect=noop,collapsed=!1,tabIndex}){if(null==child||"object"!=typeof child||child.type===CustomItem)return child;const{title,titleProps,disabled,href,className,activeClassName,collapsedClassName,collapsedActiveClassName}=child.props,titleClasses=classnames_default()(tabs_default().title,className,{[tabs_default().selected]:selected,[tabs_default().collapsed]:collapsed,[null!=activeClassName?activeClassName:""]:selected,[null!=collapsedClassName?collapsedClassName:""]:collapsed,[null!=collapsedActiveClassName?collapsedActiveClassName:""]:collapsed&&selected});return(0,jsx_runtime.jsx)(tab_link,{title,isSelected:selected,active:!0,href,className:titleClasses,disabled,onPlainLeftClick:handleSelect,tabIndex,collapsed,...titleProps})}));TabTitle.propTypes={child:prop_types_default().element,handleSelect:prop_types_default().func,selected:prop_types_default().bool,collapsed:prop_types_default().bool,tabIndex:prop_types_default().number};const collapsible_tab=({items,selected="0",collapsed,onSelect=()=>{},...props})=>items.map(((tab,index)=>{const key=tab.props.id||String(index),isSelected=selected===key;return(0,jsx_runtime.jsx)(TabTitle,{handleSelect:onSelect(key),selected:isSelected,child:tab,collapsed,...props},key)})),AnchorLink=({hasActiveChildren,moreClassName,moreActiveClassName,...restProps})=>{const classnames=classnames_default()(tabs_default().title,hasActiveChildren&&tabs_default().selected,hasActiveChildren&&moreActiveClassName,moreClassName);return(0,jsx_runtime.jsxs)(link_link.A,{title:"More",className:classnames,...restProps,children:["More",(0,jsx_runtime.jsx)(icon.Ay,{glyph:chevron_10px_default(),className:tabs_default().chevron})]})};AnchorLink.propTypes={hasActiveChildren:prop_types_default().bool,moreClassName:prop_types_default().string,moreActiveClassName:prop_types_default().string};const morePopupDirections=[popup_consts.HO.BOTTOM_CENTER,popup_consts.HO.BOTTOM_LEFT,popup_consts.HO.BOTTOM_RIGHT],MoreButton=(0,react.memo)((({items,selected,onSelect,moreClassName,moreActiveClassName,morePopupClassName,morePopupItemClassName,morePopupBeforeEnd})=>{const onSelectHandler=(0,react.useCallback)((listItem=>{if(!0===listItem.disabled||!0===listItem.custom)return;onSelect(String(listItem.key))()}),[onSelect]),hasActiveChild=(0,react.useMemo)((()=>items.some((item=>item.props.alwaysHidden&&item.props.id===selected))),[items,selected]),data=(0,react.useMemo)((()=>{const popupItems=collapsible_tab({items,selected,collapsed:!0}).map((tab=>{const disabled=!0===tab.props.disabled,custom=tab.props.child.type===CustomItem;return{template:tab,key:tab.key,rgItemType:popup_menu.D.Type.CUSTOM,className:morePopupItemClassName,disabled,custom}}));return morePopupBeforeEnd&&popupItems.push({template:morePopupBeforeEnd,key:"before-end-content",className:tabs_default().morePopupBeforeEnd,rgItemType:popup_menu.D.Type.CUSTOM}),popupItems}),[items,morePopupBeforeEnd,morePopupItemClassName,selected]),popupAnchor=(0,react.useMemo)((()=>(0,jsx_runtime.jsx)(AnchorLink,{moreClassName,moreActiveClassName,hasActiveChildren:hasActiveChild})),[hasActiveChild,moreActiveClassName,moreClassName]),popup=(0,react.useMemo)((()=>(0,jsx_runtime.jsx)(popup_menu.A,{directions:morePopupDirections,className:morePopupClassName,onSelect:onSelectHandler,data})),[data,morePopupClassName,onSelectHandler]);return 0===items.length?null:(0,jsx_runtime.jsx)("div",{className:classnames_default()(tabs_default().title,moreClassName,hasActiveChild&&moreActiveClassName),children:(0,jsx_runtime.jsx)(dropdown.A,{hoverMode:!0,anchor:popupAnchor,children:popup})})}));MoreButton.propTypes={children:prop_types_default().node,items:prop_types_default().array,selected:prop_types_default().string,onSelect:prop_types_default().func,toMeasure:prop_types_default().bool,moreClassName:prop_types_default().string,moreActiveClassName:prop_types_default().string,morePopupClassName:prop_types_default().string,morePopupItemClassName:prop_types_default().string,morePopupBeforeEnd:prop_types_default().element},MoreButton.displayName="MoreButton";const FakeMoreButton=(0,react.memo)((({moreClassName,moreActiveClassName,hasActiveChildren})=>(0,jsx_runtime.jsx)("div",{className:classnames_default()(tabs_default().moreButton,tabs_default().title),children:(0,jsx_runtime.jsx)(AnchorLink,{moreClassName,moreActiveClassName,hasActiveChildren,tabIndex:-1,disabled:!0})})));FakeMoreButton.propTypes={moreClassName:prop_types_default().string,moreActiveClassName:prop_types_default().string,hasActiveChildren:prop_types_default().bool},FakeMoreButton.displayName="FakeMoreButton",AnchorLink.__docgenInfo={description:"",methods:[],displayName:"AnchorLink",props:{hasActiveChildren:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},moreClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},moreActiveClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}}}},MoreButton.__docgenInfo={description:"",methods:[],displayName:"MoreButton",props:{items:{required:!0,tsType:{name:"Array",elements:[{name:"ReactElement",elements:[{name:"TabProps"}],raw:"ReactElement"}],raw:"ReactElement[]"},description:""},selected:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(key: string) => () => void",signature:{arguments:[{type:{name:"string"},name:"key"}],return:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}}}},description:""},moreClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},moreActiveClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},morePopupClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},morePopupItemClassName:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},morePopupBeforeEnd:{required:!0,tsType:{name:"ReactNode"},description:""}}},FakeMoreButton.__docgenInfo={description:"",methods:[],displayName:"FakeMoreButton",props:{hasActiveChildren:{required:!0,tsType:{name:"boolean"},description:""},moreClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},moreActiveClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""}}};const CollapsibleTabs=({children,selected,onSelect,moreClassName,moreActiveClassName,morePopupClassName,morePopupBeforeEnd,morePopupItemClassName,initialVisibleItems})=>{const[sizes,setSizes]=(0,react.useState)({tabs:[],more:void 0}),[lastVisibleIndex,setLastVisibleIndex]=(0,react.useState)(null),elements={sizes,lastVisibleIndex},[preparedElements,setPreparedElements]=(0,react.useState)({visible:[],hidden:[]}),measureRef=(0,react.useRef)(null),selectedIndex=(0,react.useMemo)((()=>{var _children$filter$find;return null!==(_children$filter$find=children.filter((tab=>!0!==tab.props.alwaysHidden)).findIndex((tab=>tab.props.id===selected)))&&void 0!==_children$filter$find?_children$filter$find:null}),[children,selected]),visibleElements=(0,react.useMemo)((()=>{let items;return items=preparedElements.ready?preparedElements.visible:initialVisibleItems?children.filter((item=>!0!==item.props.alwaysHidden)).slice(0,initialVisibleItems):[],collapsible_tab({items,selected,onSelect})}),[initialVisibleItems,children,preparedElements.ready,preparedElements.visible,onSelect,selected]),adjustTabs=(0,react.useCallback)((entry=>{const containerWidth=entry.contentRect.width,{tabs:tabsSizes,more=0}=elements.sizes;let renderMore=children.some((tab=>tab.props.alwaysHidden));const tabsToRender=[];let filledWidth=renderMore&&null!=more?more:0;for(let i=0;i=0;i--){if(filledWidth+moretabsToRender.length-1){const selectedWidth=tabsSizes[selectedIndex];for(let i=tabsToRender.length-1;i>=0;i--){if(filledWidth+selectedWidth{const timeout=setTimeout((()=>{var _elements$lastVisible2;const res=children.reduce(((accumulator,tab)=>{var _elements$lastVisible;return!0!==tab.props.alwaysHidden&&accumulator.visible.length-1<(null!==(_elements$lastVisible=elements.lastVisibleIndex)&&void 0!==_elements$lastVisible?_elements$lastVisible:0)?accumulator.visible.push(tab):accumulator.hidden.push(tab),accumulator}),{visible:[],hidden:[],ready:null!==elements.lastVisibleIndex});if(selectedIndex>(null!==(_elements$lastVisible2=elements.lastVisibleIndex)&&void 0!==_elements$lastVisible2?_elements$lastVisible2:0)){const selectedItem=children.find((tab=>!tab.props.alwaysHidden&&tab.props.id===selected));null!=selectedItem&&res.visible.push(selectedItem)}const allVisibleTheSame=res.visible.length===preparedElements.visible.length&&res.visible.every(((item,index)=>item===preparedElements.visible[index])),allHiddenTheSame=res.hidden.length===preparedElements.hidden.length&&res.hidden.every(((item,index)=>item===preparedElements.hidden[index]));allVisibleTheSame&&allHiddenTheSame&&preparedElements.ready===res.ready||fastdom_default().mutate((()=>setPreparedElements(res)))}),100);return()=>{clearTimeout(timeout)}}),[children,elements.lastVisibleIndex,preparedElements,selected,selectedIndex]);const childrenToMeasure=(0,react.useMemo)((()=>{const items=children.filter((tab=>!0!==tab.props.alwaysHidden));return collapsible_tab({items,tabIndex:-1})}),[children]);(0,react.useEffect)((()=>{if(null==measureRef.current)return;const measureTask=fastdom_default().measure((()=>{var _container$children,_moreButton$offsetWid;const container=measureRef.current,descendants=[...null!==(_container$children=container?.children)&&void 0!==_container$children?_container$children:[]],moreButton=descendants.pop();let moreButtonWidth=null!==(_moreButton$offsetWid=moreButton?.offsetWidth)&&void 0!==_moreButton$offsetWid?_moreButton$offsetWid:0;const{marginLeft:moreButtonMarginLeft="0",marginRight:moreButtonMarginRight="0"}=moreButton?getComputedStyle(moreButton):{};moreButtonWidth+=+moreButtonMarginLeft.replace("px","")+ +moreButtonMarginRight.replace("px","");const tabsWidth=descendants.map((node=>{const{marginLeft,marginRight}=getComputedStyle(node);return node.getBoundingClientRect().width+ +marginLeft.replace("px","")+ +marginRight.replace("px","")})),newSummaryWidth=tabsWidth.reduce(((acc,curr)=>acc+curr),0),oldSummaryWidth=elements.sizes.tabs.reduce(((acc,curr)=>acc+curr),0);elements.sizes.more===moreButtonWidth&&newSummaryWidth===oldSummaryWidth||fastdom_default().mutate((()=>setSizes({more:moreButtonWidth,tabs:tabsWidth})))}));return()=>{fastdom_default().clear(measureTask)}}),[children,elements.sizes.more,elements.sizes.tabs]),(0,react.useEffect)((()=>{if(null===measureRef.current)return;let measureTask=()=>{};const resizeObserver=new ResizeObserver((entries=>{entries.forEach((entry=>{fastdom_default().clear(measureTask),measureTask=fastdom_default().mutate((()=>adjustTabs(entry)))}))}));return resizeObserver.observe(measureRef.current),()=>{fastdom_default().clear(measureTask),resizeObserver.disconnect()}}),[adjustTabs]);const isAdjusted=null!==elements.lastVisibleIndex&&!0===preparedElements.ready||initialVisibleItems,className=classnames_default()(tabs_default().titles,tabs_default().autoCollapse,isAdjusted&&tabs_default().adjusted);return(0,jsx_runtime.jsxs)("div",{className:tabs_default().autoCollapseContainer,children:[(0,jsx_runtime.jsxs)("div",{className:classnames_default()(className,tabs_default().rendered),children:[visibleElements,(0,jsx_runtime.jsx)(MoreButton,{moreClassName,moreActiveClassName,morePopupClassName,morePopupBeforeEnd,morePopupItemClassName,items:preparedElements.hidden,selected,onSelect})]}),(0,jsx_runtime.jsxs)("div",{ref:measureRef,className:classnames_default()(className,tabs_default().measure),children:[childrenToMeasure,(0,jsx_runtime.jsx)(FakeMoreButton,{hasActiveChildren:preparedElements.hidden.some((item=>item.props.alwaysHidden&&item.props.id===selected)),moreClassName,moreActiveClassName})]})]})};CollapsibleTabs.propTypes={children:prop_types_default().node.isRequired,selected:prop_types_default().string,onSelect:prop_types_default().func.isRequired,moreClassName:prop_types_default().string,moreActiveClassName:prop_types_default().string,morePopupClassName:prop_types_default().string,morePopupItemClassName:prop_types_default().string,initialVisibleItems:prop_types_default().number,morePopupBeforeEnd:prop_types_default().element};const collapsible_tabs=(0,react.memo)(CollapsibleTabs);CollapsibleTabs.__docgenInfo={description:"",methods:[],displayName:"CollapsibleTabs",props:{children:{required:!0,tsType:{name:"Array",elements:[{name:"ReactElement",elements:[{name:"TabProps"}],raw:"ReactElement"}],raw:"ReactElement[]"},description:"",type:{name:"node"}},selected:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:"",type:{name:"string"}},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(key: string) => () => void",signature:{arguments:[{type:{name:"string"},name:"key"}],return:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}}}},description:"",type:{name:"func"}},moreClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},moreActiveClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},morePopupClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},morePopupItemClassName:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:"",type:{name:"string"}},initialVisibleItems:{required:!1,tsType:{name:"union",raw:"number | null | undefined",elements:[{name:"number"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"number"}},morePopupBeforeEnd:{required:!1,tsType:{name:"ReactNode"},description:"",type:{name:"element"}}}};class Tabs extends react.PureComponent{static propTypes={selected:prop_types_default().string,className:prop_types_default().string,tabContainerClassName:prop_types_default().string,href:prop_types_default().string,children:prop_types_default().node.isRequired,onSelect:prop_types_default().func,"data-test":prop_types_default().string,autoCollapse:prop_types_default().bool};static defaultProps={onSelect(){}};handleSelect=(0,memoize.A)((key=>()=>this.props.onSelect(key)));getTabTitle=(child,i)=>{if(null==child||"object"!=typeof child||child.type===CustomItem)return child;const{selected}=this.props,{title,titleProps,id,disabled,href,className,activeClassName}=child.props,key=id||String(i),isSelected=key===selected,titleClasses=classnames_default()(tabs_default().title,className,isSelected&&activeClassName,{[tabs_default().selected]:isSelected});return(0,jsx_runtime.jsx)(tab_link,{title,isSelected,href,className:titleClasses,disabled,onPlainLeftClick:this.handleSelect(key),...titleProps},key)};render(){const{className,tabContainerClassName,children,selected,autoCollapse,"data-test":dataTest,...restProps}=this.props,classes=classnames_default()(tabs_default().tabs,className),childrenArray=react.Children.toArray(children).filter(Boolean);return(0,jsx_runtime.jsxs)("div",{className:classes,"data-test":(0,data_tests.A)("ring-dumb-tabs",dataTest),children:[!0===autoCollapse?(0,jsx_runtime.jsx)(collapsible_tabs,{...restProps,onSelect:this.handleSelect,selected,children:childrenArray}):(0,jsx_runtime.jsx)("div",{className:tabs_default().titles,children:childrenArray.map(this.getTabTitle)}),(0,jsx_runtime.jsx)("div",{className:classnames_default()(tabContainerClassName),children:childrenArray.find((({props},i)=>(props.id||String(i))===selected))})]})}}const dumb_tabs=Tabs;Tabs.__docgenInfo={description:"",methods:[{name:"getTabTitle",docblock:null,modifiers:[],params:[{name:"child",optional:!1,type:{name:"ReactElement",elements:[{name:"TabProps"}],raw:"ReactElement",alias:"ReactElement"}},{name:"i",optional:!1,type:{name:"number"}}],returns:null}],displayName:"Tabs",props:{children:{required:!0,tsType:{name:"union",raw:"readonly (Children | null | boolean)[] | ReactElement | null | boolean",elements:[{name:"unknown"},{name:"ReactElement",elements:[{name:"TabProps"}],raw:"ReactElement"},{name:"null"},{name:"boolean"}]},description:"",type:{name:"node"}},onSelect:{required:!1,tsType:{name:"signature",type:"function",raw:"(key: string) => void",signature:{arguments:[{type:{name:"string"},name:"key"}],return:{name:"void"}}},description:"",type:{name:"func"}},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},tabContainerClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},autoCollapse:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},selected:{description:"",type:{name:"string"},required:!1},href:{description:"",type:{name:"string"},required:!1}},composes:["Omit"]};class Tab extends react.PureComponent{static propTypes={title:prop_types_default().oneOfType([prop_types_default().node,prop_types_default().func]).isRequired,id:prop_types_default().string,className:prop_types_default().string,children:prop_types_default().node,"data-test":prop_types_default().string};render(){const{className,children,"data-test":dataTest}=this.props;return(0,jsx_runtime.jsx)("div",{"data-test":(0,data_tests.A)("ring-tab",dataTest),className:classnames_default()(className),children})}}Tab.__docgenInfo={description:"",methods:[],displayName:"Tab",props:{title:{required:!0,tsType:{name:"union",raw:"ReactNode | ((isSelected: boolean, collapsed: boolean | undefined) => ReactNode)",elements:[{name:"ReactNode"},{name:"unknown"}]},description:"",type:{name:"union",value:[{name:"node"},{name:"func"}]}},titleProps:{required:!1,tsType:{name:"Partial",elements:[{name:"TabLinkProps"}],raw:"Partial"},description:""},id:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},children:{required:!1,tsType:{name:"ReactNode"},description:"",type:{name:"node"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},alwaysHidden:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},disabled:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},href:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},activeClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},collapsedClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},collapsedActiveClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""}}};class SmartTabs extends react.PureComponent{static propTypes={children:prop_types_default().arrayOf(prop_types_default().element).isRequired,initSelected:prop_types_default().string,"data-test":prop_types_default().string};constructor(props){super(props),this.state={selected:this.props.initSelected||Array.isArray(this.props.children)&&this.props.children[0].props.id||"0"}}state;handleSelect=selected=>this.setState({selected});render(){const{children,initSelected,"data-test":dataTest,...restProps}=this.props;return(0,jsx_runtime.jsx)(dumb_tabs,{"data-test":(0,data_tests.A)("ring-smart-tabs",dataTest),selected:this.state.selected,onSelect:this.handleSelect,...restProps,children})}}SmartTabs.__docgenInfo={description:"",methods:[{name:"handleSelect",docblock:null,modifiers:[],params:[{name:"selected",optional:!1,type:{name:"string"}}],returns:null}],displayName:"SmartTabs",props:{children:{required:!0,tsType:{name:"union",raw:"readonly (Children | null | boolean)[] | ReactElement | null | boolean",elements:[{name:"unknown"},{name:"ReactElement",elements:[{name:"TabProps"}],raw:"ReactElement"},{name:"null"},{name:"boolean"}]},description:"",type:{name:"arrayOf",value:{name:"element"}}},initSelected:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},"data-test":{description:"",type:{name:"string"},required:!1}}};const tabs_stories={title:"Components/Tabs",parameters:{notes:"Displays a tab set.",zeplinLink:"https://app.zeplin.io/project/5afd8f5511c2d1c625752bb0/screen/6193bc710be093ab38d4212f",storyStyles:"\n \n "}},Basic=()=>{const[selected,setSelected]=(0,react.useState)("first");return(0,jsx_runtime.jsxs)(dumb_tabs,{selected,onSelect:setSelected,children:[(0,jsx_runtime.jsx)(Tab,{id:"first",title:"First tab",children:"First tab content"}),(0,jsx_runtime.jsx)(Tab,{id:"second",title:"Second tab",children:"Second tab content"}),(0,jsx_runtime.jsx)(Tab,{id:"third",title:"Third tab",children:"Third tab content"}),(0,jsx_runtime.jsx)(Tab,{id:"fourth",title:"Fourth tab (Link)",href:"/",children:"Fourth tab content"}),(0,jsx_runtime.jsx)(Tab,{disabled:!0,id:"disabled",title:"Disabled tab",children:"Disabled tab content"})]})};Basic.storyName="basic";const AutoCollapseDemo=()=>{const[selected,setSelected]=(0,react.useState)("first"),autocollapseData=[{id:"first",title:"First tab",content:"First tab content"},{id:"second",title:"Second tab",content:"Second tab content"},{id:"third",title:"Third tab",content:"Third tab content"},{id:"fourth",title:"Fourth tab (Link)",href:"/",content:"Fourth tab content"},{id:"disabled1",title:"Disabled tab",content:"Disabled tab content",disabled:!0},{id:"fifth",title:"Fifth tab (Always hidden)",alwaysHidden:!0,href:"/",content:"Hidden tab content"},{id:"custom",alwaysHidden:!0,custom:!0,content:(0,jsx_runtime.jsx)(button_button.Ay,{text:!0,style:{padding:0},children:"Custom Item"})}],[tabs,setTabs]=(0,react.useState)(autocollapseData.map((item=>{const{content,...tabProps}=item,Host=!0===item.custom?CustomItem:Tab;return(0,jsx_runtime.jsx)(Host,{...tabProps,children:content},item.id)}))),addTab=(0,react.useCallback)((()=>{setTabs((state=>{const newTab=(0,jsx_runtime.jsx)(Tab,{id:String(state.length),title:`Example ${state.length+1}`,children:`Example ${state.length+1} tab content`},state.length);return[...state,newTab]}))}),[]),selectHandler=(0,react.useCallback)((key=>{setSelected(key)}),[]);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(button_button.Ay,{onClick:addTab,title:"Add tab",style:{margin:"10px 0"},children:"Add tab"}),(0,jsx_runtime.jsx)(dumb_tabs,{selected,onSelect:selectHandler,autoCollapse:!0,initialVisibleItems:3,children:tabs})]})};AutoCollapseDemo.storyName="Auto collapsing";const smart=()=>(0,jsx_runtime.jsxs)(SmartTabs,{children:[(0,jsx_runtime.jsx)(Tab,{title:"First tab",children:"First tab content"}),(0,jsx_runtime.jsx)(Tab,{title:"Second tab",children:"Second tab content"}),(0,jsx_runtime.jsx)(Tab,{title:"Third tab",children:"Third tab content"}),(0,jsx_runtime.jsx)(Tab,{title:"Fourth tab (Link)",href:"/",children:"Fourth tab content"}),(0,jsx_runtime.jsx)(Tab,{disabled:!0,title:"Disabled tab",children:"Disabled tab content"})]});smart.storyName="smart";const customTitles=()=>(0,jsx_runtime.jsxs)(SmartTabs,{children:[(0,jsx_runtime.jsx)(Tab,{className:"tab",title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["First tab",(0,jsx_runtime.jsx)("span",{className:"info",children:"10"})]}),children:"First tab content"}),(0,jsx_runtime.jsx)(Tab,{className:"tab",title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Second tab",(0,jsx_runtime.jsx)("span",{className:"info",children:"Help text"})]}),children:"Second tab content"}),(0,jsx_runtime.jsx)(Tab,{className:"tab",title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Third tab (Link)",(0,jsx_runtime.jsx)("span",{className:"info",children:"10"})]}),href:"/",children:"Third tab content"}),(0,jsx_runtime.jsx)(CustomItem,{children:(0,jsx_runtime.jsx)(button_button.Ay,{text:!0,children:"Action"})})]});customTitles.storyName="custom titles";const customTitlesFunction=()=>(0,jsx_runtime.jsxs)(SmartTabs,{children:[(0,jsx_runtime.jsx)(Tab,{className:"tab",title:isSelected=>(0,jsx_runtime.jsxs)("span",{className:classnames_default()({selected:isSelected}),children:[(0,jsx_runtime.jsx)(icon.Ay,{glyph:search_default(),className:"icon"}),"First tab"]}),children:"First tab content"}),(0,jsx_runtime.jsx)(Tab,{className:"tab",title:isSelected=>(0,jsx_runtime.jsxs)("span",{className:classnames_default()({selected:isSelected}),children:[(0,jsx_runtime.jsx)(icon.Ay,{glyph:warning_default(),className:"icon"}),"Second tab (Link)"]}),href:"/",children:"Second tab content"})]});customTitlesFunction.storyName="custom titles (function)",Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'() => {\n const [selected, setSelected] = useState(\'first\');\n return \n \n First tab content\n \n \n Second tab content\n \n \n Third tab content\n \n \n Fourth tab content\n \n \n Disabled tab content\n \n ;\n}',...Basic.parameters?.docs?.source}}},AutoCollapseDemo.parameters={...AutoCollapseDemo.parameters,docs:{...AutoCollapseDemo.parameters?.docs,source:{originalSource:"() => {\n const [selected, setSelected] = useState('first');\n const autocollapseData = [{\n id: 'first',\n title: 'First tab',\n content: 'First tab content'\n }, {\n id: 'second',\n title: 'Second tab',\n content: 'Second tab content'\n }, {\n id: 'third',\n title: 'Third tab',\n content: 'Third tab content'\n }, {\n id: 'fourth',\n title: 'Fourth tab (Link)',\n href: '/',\n content: 'Fourth tab content'\n }, {\n id: 'disabled1',\n title: 'Disabled tab',\n content: 'Disabled tab content',\n disabled: true\n }, {\n id: 'fifth',\n title: 'Fifth tab (Always hidden)',\n alwaysHidden: true,\n href: '/',\n content: 'Hidden tab content'\n }, {\n id: 'custom',\n alwaysHidden: true,\n custom: true,\n content: \n }];\n const [tabs, setTabs] = useState(autocollapseData.map(item => {\n const {\n content,\n ...tabProps\n } = item;\n const Host = item.custom === true ? CustomItem : Tab;\n return {content};\n }));\n const addTab = useCallback(() => {\n setTabs(state => {\n const newTab = {`Example ${state.length + 1} tab content`};\n return [...state, newTab];\n });\n }, []);\n const selectHandler = useCallback((key: string) => {\n setSelected(key);\n }, []);\n return <>\n \n \n {tabs}\n \n ;\n}",...AutoCollapseDemo.parameters?.docs?.source}}},smart.parameters={...smart.parameters,docs:{...smart.parameters?.docs,source:{originalSource:'() => \n First tab content\n Second tab content\n Third tab content\n \n Fourth tab content\n \n \n Disabled tab content\n \n ',...smart.parameters?.docs?.source}}},customTitles.parameters={...customTitles.parameters,docs:{...customTitles.parameters?.docs,source:{originalSource:'() => \n First tab10}>First tab content\n Second tabHelp text}>Second tab content\n Third tab (Link)10} href="/">\n Third tab content\n \n \n \n \n ',...customTitles.parameters?.docs?.source}}},customTitlesFunction.parameters={...customTitlesFunction.parameters,docs:{...customTitlesFunction.parameters?.docs,source:{originalSource:'() => \n \n \n {\'First tab\'}\n }>\n First tab content\n \n \n \n {\'Second tab (Link)\'}\n } href="/">\n Second tab content\n \n ',...customTitlesFunction.parameters?.docs?.source}}}},"./src/dropdown/anchor.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__),_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@jetbrains/icons/chevron-10px.js"),_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1__),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_icon_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/icon/icon.tsx"),_button_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/button/button.tsx"),_dropdown_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/dropdown/dropdown.css"),_dropdown_css__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_dropdown_css__WEBPACK_IMPORTED_MODULE_3__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Anchor=({children,className,...restProps})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_button_button__WEBPACK_IMPORTED_MODULE_5__.Ay,{"data-test-ring-dropdown-anchor":!0,text:!0,className:classnames__WEBPACK_IMPORTED_MODULE_2___default()(_dropdown_css__WEBPACK_IMPORTED_MODULE_3___default().anchor,className),...restProps,children:[children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icon_icon__WEBPACK_IMPORTED_MODULE_6__.Ay,{glyph:_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1___default(),className:_dropdown_css__WEBPACK_IMPORTED_MODULE_3___default().chevron})]});Anchor.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string};const __WEBPACK_DEFAULT_EXPORT__=(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(Anchor);Anchor.__docgenInfo={description:"",methods:[],displayName:"Anchor",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./src/dropdown/dropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Dropdown});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/global/data-tests.ts"),_global_typescript_utils__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/typescript-utils.ts"),_anchor__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/dropdown/anchor.tsx"),_dropdown_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/dropdown/dropdown.css"),_dropdown_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_dropdown_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Dropdown extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={anchor:prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,prop_types__WEBPACK_IMPORTED_MODULE_4___default().func]).isRequired,children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default().element,prop_types__WEBPACK_IMPORTED_MODULE_4___default().func]).isRequired,initShown:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,activeClassName:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,clickMode:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,hoverMode:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,hoverShowTimeOut:prop_types__WEBPACK_IMPORTED_MODULE_4___default().number,hoverHideTimeOut:prop_types__WEBPACK_IMPORTED_MODULE_4___default().number,disabled:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,onShow:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onHide:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onMouseEnter:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onMouseLeave:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};static defaultProps={initShown:!1,clickMode:!0,hoverMode:!1,hoverShowTimeOut:300,hoverHideTimeOut:600,disabled:!1,onShow:()=>{},onHide:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{}};state={show:this.props.initShown,pinned:!1};onClick=()=>{if(this.props.disabled)return;const{show,pinned}=this.state;let nextPinned=pinned;if(this.props.hoverMode)if(pinned)nextPinned=!1;else if(nextPinned=!0,show)return void this.setState({pinned:!0});this._toggle(!show,nextPinned)};onChildCloseAttempt=()=>{let nextPinned=this.state.pinned;this.props.hoverMode&&(nextPinned=!1),this._toggle(!1,nextPinned)};hoverTimer;onMouseEnter=event=>{this.props.disabled||(this._clearTimer(),this.props.onMouseEnter?.(event),this.hoverTimer=window.setTimeout((()=>{this.state.show||this._toggle(!0)}),this.props.hoverShowTimeOut))};onMouseLeave=event=>{this.props.disabled||(this.props.onMouseLeave?.(event),this.state.pinned||(this._clearTimer(),this.hoverTimer=window.setTimeout((()=>{this.state.show&&this._toggle(!1)}),this.props.hoverHideTimeOut)))};handlePopupInteraction=()=>{this.setState((({pinned})=>pinned?null:{pinned:!0}))};toggle(show=!this.state.show){this._toggle(show)}_toggle(show,pinned=this.state.pinned){this.setState({show,pinned},(()=>show?this.props.onShow():this.props.onHide()))}_clearTimer(){this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)}render(){const{show,pinned}=this.state,{initShown,onShow,onHide,hoverShowTimeOut,hoverHideTimeOut,children,anchor,className,activeClassName,hoverMode,clickMode,"data-test":dataTest,disabled,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_dropdown_css__WEBPACK_IMPORTED_MODULE_2___default().dropdown,className,{[null!=activeClassName?activeClassName:""]:null!=activeClassName&&show});let anchorElement;const active=hoverMode?pinned:show;switch(typeof anchor){case"string":anchorElement=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_anchor__WEBPACK_IMPORTED_MODULE_5__.A,{active,children:anchor});break;case"function":anchorElement=anchor({active:show,pinned});break;default:anchorElement=(0,_global_typescript_utils__WEBPACK_IMPORTED_MODULE_6__.c)(anchor)||"string"==typeof anchor.type?anchor:(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(anchor,{active})}const childProps={hidden:!show,onCloseAttempt:this.onChildCloseAttempt,onMouseDown:hoverMode?this.handlePopupInteraction:void 0,onContextMenu:hoverMode?this.handlePopupInteraction:void 0,dontCloseOnAnchorClick:!0};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_7__.A)("ring-dropdown",dataTest),...restProps,onClick:clickMode?this.onClick:void 0,role:"presentation",onMouseEnter:hoverMode?this.onMouseEnter:void 0,onMouseLeave:hoverMode?this.onMouseLeave:void 0,className:classes,children:[anchorElement,"function"==typeof children?children(childProps):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(children,childProps)]})}}Dropdown.__docgenInfo={description:"@name Dropdown",methods:[{name:"onClick",docblock:null,modifiers:[],params:[],returns:null},{name:"onChildCloseAttempt",docblock:null,modifiers:[],params:[],returns:null},{name:"onMouseEnter",docblock:null,modifiers:[],params:[{name:"event",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLElement"}],alias:"React.MouseEvent"}}],returns:null},{name:"onMouseLeave",docblock:null,modifiers:[],params:[{name:"event",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLElement"}],alias:"React.MouseEvent"}}],returns:null},{name:"handlePopupInteraction",docblock:null,modifiers:[],params:[],returns:null},{name:"toggle",docblock:null,modifiers:[],params:[{name:"show",optional:!0,type:null}],returns:null},{name:"_toggle",docblock:null,modifiers:[],params:[{name:"show",optional:!1,type:{name:"boolean"}},{name:"pinned",optional:!0,type:null}],returns:null},{name:"_clearTimer",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Dropdown",props:{anchor:{required:!0,tsType:{name:"union",raw:"ReactElement | readonly ReactElement[] | string | ((props: AnchorProps) => ReactNode)",elements:[{name:"ReactElement"},{name:"unknown"},{name:"string"},{name:"unknown"}]},description:"Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element\nReact element should render some interactive HTML element like `button` or `a`",type:{name:"union",value:[{name:"node"},{name:"func"}]}},children:{required:!0,tsType:{name:"union",raw:"ReactElement | ((props: Omit) => ReactNode)",elements:[{name:"ReactElement",elements:[{name:"JSX.LibraryManagedAttributes",elements:[{name:"Popup"},{name:"PopupProps"}],raw:"JSX.LibraryManagedAttributes"}],raw:"ReactElement"},{name:"unknown"}]},description:"",type:{name:"union",value:[{name:"element"},{name:"func"}]}},initShown:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},disabled:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},clickMode:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1},type:{name:"bool"}},hoverMode:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},hoverShowTimeOut:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"300",computed:!1},type:{name:"number"}},hoverHideTimeOut:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"600",computed:!1},type:{name:"number"}},onShow:{required:!1,tsType:{name:"unknown"},description:"",defaultValue:{value:"() => {}",computed:!1},type:{name:"func"}},onHide:{required:!1,tsType:{name:"unknown"},description:"",defaultValue:{value:"() => {}",computed:!1},type:{name:"func"}},activeClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},onMouseEnter:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},onMouseLeave:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},className:{description:"",type:{name:"string"},required:!1}},composes:["Omit"]}},"./src/global/typescript-utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>isArray,z:()=>isTruthy});const isArray=arg=>Array.isArray(arg),isTruthy=arg=>Boolean(arg)},"./src/popup-menu/popup-menu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>PopupMenu,D:()=>ListProps});var prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__),_popup_popup__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/popup/popup.tsx"),_list_list__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/list/list.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const{children,...popupPropTypes}=_popup_popup__WEBPACK_IMPORTED_MODULE_1__.Ay.propTypes||{};class PopupMenu extends _popup_popup__WEBPACK_IMPORTED_MODULE_1__.Ay{static isItemType=_list_list__WEBPACK_IMPORTED_MODULE_2__.A.isItemType;static ListProps=_list_list__WEBPACK_IMPORTED_MODULE_2__.A.ListProps;static defaultProps={..._list_list__WEBPACK_IMPORTED_MODULE_2__.A.defaultProps,..._popup_popup__WEBPACK_IMPORTED_MODULE_1__.Ay.defaultProps,renderOptimization:!1,closeOnSelect:!1};onSelect=(item,event)=>{this.props.closeOnSelect&&this._onCloseAttempt(event),this.props.onSelect(item,event)};list;listRef=el=>{this.list=el};getInternalContent(){const{className,...props}=this.props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_list_list__WEBPACK_IMPORTED_MODULE_2__.A,{ref:this.listRef,...props,maxHeight:this.popup&&parseFloat(this.popup.style.maxHeight),shortcuts:this.shouldUseShortcuts(),onSelect:this.onSelect})})}}PopupMenu.propTypes={...popupPropTypes,..._list_list__WEBPACK_IMPORTED_MODULE_2__.A.propTypes,maxHeight:prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_3___default().string,prop_types__WEBPACK_IMPORTED_MODULE_3___default().number]),closeOnSelect:prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool};const{ListProps}=_list_list__WEBPACK_IMPORTED_MODULE_2__.A},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/dropdown/dropdown.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".dropdown_c237 {\n display: inline-block;\n}\n\n.anchor_dff2.anchor_dff2 {\n margin: 0 -3px;\n padding: 0 3px;\n\n font: inherit;\n}\n\n.chevron_a400 {\n margin-left: 2px;\n\n line-height: normal;\n}\n","",{version:3,sources:["webpack://./src/dropdown/dropdown.css"],names:[],mappings:"AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,cAAc;EACd,cAAc;;EAEd,aAAa;AACf;;AAEA;EACE,gBAAgB;;EAEhB,mBAAmB;AACrB",sourcesContent:['@import "../global/variables.css";\n\n.dropdown {\n display: inline-block;\n}\n\n.anchor.anchor {\n margin: 0 -3px;\n padding: 0 3px;\n\n font: inherit;\n}\n\n.chevron {\n margin-left: 2px;\n\n line-height: normal;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={dropdown:"dropdown_c237",anchor:"anchor_dff2",chevron:"chevron_a400"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/tabs/tabs.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables_dark.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/global.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_link_link_css__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_4__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_link_link_css__WEBPACK_IMPORTED_MODULE_5__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,`/* ensure styles order */\n\n:root {\n --ring-selected-tab-color: var(--ring-text-color);\n}\n\n.${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.dark},\n.ring-ui-theme-dark {\n --ring-selected-tab-color: var(--ring-text-color);\n}\n\n.tabs_d1b7 {\n}\n\n.titles_fae8 {\n display: inline-block;\n\n margin-bottom: calc(var(--ring-unit)*2);\n}\n\n.titles_fae8 {\n box-shadow: inset 0 -1px 0 0 var(--ring-line-color);\n}\n\n.title_d6fe {\n\n position: relative;\n\n display: inline-block;\n\n padding: 0;\n\n cursor: pointer;\n\n color: inherit;\n\n border: none;\n border-radius: 0;\n background: none;\n\n line-height: calc(var(--ring-unit)*4);\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.title_d6fe:hover {\n color: var(--ring-link-hover-color);\n outline-style: none;\n box-shadow: inset 0 -1px 0 0 var(--ring-link-hover-color);\n }\n\n .title_d6fe.selected_db72:hover,\n .title_d6fe.collapsed_fed3:hover {\n color: inherit;\n box-shadow: inset 0 -2px 0 0 var(--ring-text-color);\n }}\n\n.title_d6fe:active {\n color: var(--ring-link-hover-color);\n outline-style: none;\n box-shadow: inset 0 -1px 0 0 var(--ring-link-hover-color);\n }\n\n.title_d6fe.selected_db72:active,\n .title_d6fe.collapsed_fed3:active {\n color: inherit;\n box-shadow: inset 0 -2px 0 0 var(--ring-text-color);\n }\n\n.title_d6fe:focus-visible {\n color: var(--ring-main-color);\n box-shadow: inset 0 -2px 0 0 var(--ring-main-color);\n }\n\n.title_d6fe[disabled] {\n pointer-events: none;\n }\n\n.title_d6fe.titleLegacy_c903 {\n display: inline-flex;\n flex-direction: column;\n}\n\n.title_d6fe + .title_d6fe {\n margin-left: calc(var(--ring-unit)*3);\n}\n\n.title_d6fe[disabled] {\n color: var(--ring-disabled-color);\n}\n\n.selected_db72 {\n cursor: default;\n\n color: var(--ring-active-text-color);\n\n outline: none;\n box-shadow: inset 0 -2px 0 0 var(--ring-selected-tab-color);\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n.visible_bea5 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n text-align: center;\n}\n\n.container_bcc1 {\n display: flex;\n flex-direction: column;\n}\n\n.hidden_bcd6 {\n display: flex;\n visibility: hidden;\n}\n\n.hiddenBold_fdfa {\n display: flex;\n visibility: hidden;\n\n height: 0;\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n.hiddenRegular_dc75 {\n display: flex;\n visibility: hidden;\n\n height: 0;\n\n font-weight: normal;\n}\n\n.tabCounter_e3fc {\n padding-left: 8px;\n\n color: var(--ring-secondary-color);\n\n font-size: 12px;\n font-weight: normal;\n line-height: 19px; /* prevent jumps in Firefox */\n}\n\n.autoCollapseContainer_c762 {\n position: relative;\n}\n\n.autoCollapse_cdca {\n position: relative;\n\n display: inline-flex;\n visibility: hidden;\n overflow: hidden;\n\n max-width: 100%;\n}\n\n.autoCollapse_cdca .title_d6fe {\n flex-shrink: 0;\n}\n\n.rendered_b876.adjusted_bbfe {\n visibility: visible;\n overflow: visible;\n}\n\n.measure_d2ac {\n position: absolute;\n top: 0;\n left: 0;\n\n overflow: hidden;\n\n height: 0;\n margin: 0;\n\n pointer-events: none;\n\n opacity: 0;\n}\n\n.morePopup_c02f {\n display: flex;\n flex-direction: column;\n}\n\n.collapsed_fed3.collapsed_fed3 {\n width: 100%;\n\n border-bottom: none;\n box-shadow: none;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.collapsed_fed3.collapsed_fed3:hover {\n box-shadow: none;\n }}\n\n.collapsed_fed3.collapsed_fed3[disabled] {\n color: var(--ring-disabled-color);\n}\n\n.collapsed_fed3 .visible_bea5,\n.collapsed_fed3 .hidden_bcd6 {\n text-align: left;\n}\n\n.chevron_ea7c {\n padding-left: 4px;\n}\n\n.morePopupBeforeEnd_e5b2.morePopupBeforeEnd_e5b2.morePopupBeforeEnd_e5b2 {\n padding: 0;\n}\n\n.morePopupBeforeEnd_e5b2 ~ div {\n display: none;\n}\n`,"",{version:3,sources:["webpack://./src/tabs/tabs.css",""],names:[],mappings:"AAEA,wBAAwB;;AAOxB;EACE,iDAAiD;AACnD;;AAEA;;EAEE,iDAAiD;AACnD;;AAEA;AAEA;;AAEA;EACE,qBAAqB;;EAErB,uCAAyC;AAC3C;;AAEA;EACE,mDAA8C;AAChD;;AAEA;;EAGE,kBAAkB;;EAElB,qBAAqB;;EAErB,UAAU;;EAEV,eAAe;;EAEf,cAAc;;EAEd,YAAY;EACZ,gBAAgB;EAChB,gBAAgB;;EAEhB,qCAAuC;AAuBzC;;ACxEA,wGAAA;IAAA,oCAAA;IAAA,oBAAA;IAAA,0DAAA;GAAA;;IAAA;;MAAA,eAAA;MAAA,oDAAA;KAAA,CAAA;;ADmDE;IAEE,mCAAmC;IACnC,mBAAmB;IACnB,yDAAyD;EAO3D;;AALE;;MAEE,cAAc;MACd,mDAAuD;IACzD;;AAGF;IACE,6BAA6B;IAC7B,mDAAuD;EACzD;;AAEA;IACE,oBAAoB;EACtB;;AAGF;EACE,oBAAoB;EACpB,sBAAsB;AACxB;;AAEA;EACE,qCAAuC;AACzC;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,eAAe;;EAEf,oCAAoC;;EAEpC,aAAa;EACb,2DAA+D;;EAE/D,yCAAyC;AAC3C;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;;EAEP,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,sBAAsB;AACxB;;AAEA;EACE,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,kBAAkB;;EAElB,SAAS;;EAET,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,kBAAkB;;EAElB,SAAS;;EAET,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;;EAEjB,kCAAkC;;EAElC,eAAe;EACf,mBAAmB;EACnB,iBAAiB,EAAE,6BAA6B;AAClD;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;;EAElB,oBAAoB;EACpB,kBAAkB;EAClB,gBAAgB;;EAEhB,eAAe;AACjB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;EACnB,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;;EAEP,gBAAgB;;EAEhB,SAAS;EACT,SAAS;;EAET,oBAAoB;;EAEpB,UAAU;AACZ;;AAEA;EACE,aAAa;EACb,sBAAsB;AACxB;;AAEA;EACE,WAAW;;EAEX,mBAAmB;EACnB,gBAAgB;AAKlB;;ACtMA,wGAAA;IAAA,iBAAA;GAAA,CAAA;;ADwMA;EACE,iCAAiC;AACnC;;AAEA;;EAEE,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,aAAa;AACf",sourcesContent:['@import "../global/variables.css";\n\n/* ensure styles order */\n@import "../link/link.css";\n\n@value dark from "../global/variables_dark.css";\n@value line-shadow: inset 0 -1px 0 0;\n@value selected-line-shadow: inset 0 -2px 0 0;\n\n:root {\n --ring-selected-tab-color: var(--ring-text-color);\n}\n\n.dark,\n:global(.ring-ui-theme-dark) {\n --ring-selected-tab-color: var(--ring-text-color);\n}\n\n.tabs {\n composes: font from "../global/global.css";\n}\n\n.titles {\n display: inline-block;\n\n margin-bottom: calc(var(--ring-unit) * 2);\n}\n\n.titles {\n box-shadow: line-shadow var(--ring-line-color);\n}\n\n.title {\n composes: font from "../global/global.css";\n\n position: relative;\n\n display: inline-block;\n\n padding: 0;\n\n cursor: pointer;\n\n color: inherit;\n\n border: none;\n border-radius: 0;\n background: none;\n\n line-height: calc(var(--ring-unit) * 4);\n\n &:hover,\n &:active {\n color: var(--ring-link-hover-color);\n outline-style: none;\n box-shadow: inset 0 -1px 0 0 var(--ring-link-hover-color);\n\n &.selected,\n &.collapsed {\n color: inherit;\n box-shadow: selected-line-shadow var(--ring-text-color);\n }\n }\n\n &:focus-visible {\n color: var(--ring-main-color);\n box-shadow: selected-line-shadow var(--ring-main-color);\n }\n\n &[disabled] {\n pointer-events: none;\n }\n}\n\n.title.titleLegacy {\n display: inline-flex;\n flex-direction: column;\n}\n\n.title + .title {\n margin-left: calc(var(--ring-unit) * 3);\n}\n\n.title[disabled] {\n color: var(--ring-disabled-color);\n}\n\n.selected {\n cursor: default;\n\n color: var(--ring-active-text-color);\n\n outline: none;\n box-shadow: selected-line-shadow var(--ring-selected-tab-color);\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n.visible {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n text-align: center;\n}\n\n.container {\n display: flex;\n flex-direction: column;\n}\n\n.hidden {\n display: flex;\n visibility: hidden;\n}\n\n.hiddenBold {\n display: flex;\n visibility: hidden;\n\n height: 0;\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n.hiddenRegular {\n display: flex;\n visibility: hidden;\n\n height: 0;\n\n font-weight: normal;\n}\n\n.tabCounter {\n padding-left: 8px;\n\n color: var(--ring-secondary-color);\n\n font-size: 12px;\n font-weight: normal;\n line-height: 19px; /* prevent jumps in Firefox */\n}\n\n.autoCollapseContainer {\n position: relative;\n}\n\n.autoCollapse {\n position: relative;\n\n display: inline-flex;\n visibility: hidden;\n overflow: hidden;\n\n max-width: 100%;\n}\n\n.autoCollapse .title {\n flex-shrink: 0;\n}\n\n.rendered.adjusted {\n visibility: visible;\n overflow: visible;\n}\n\n.measure {\n position: absolute;\n top: 0;\n left: 0;\n\n overflow: hidden;\n\n height: 0;\n margin: 0;\n\n pointer-events: none;\n\n opacity: 0;\n}\n\n.morePopup {\n display: flex;\n flex-direction: column;\n}\n\n.collapsed.collapsed {\n width: 100%;\n\n border-bottom: none;\n box-shadow: none;\n\n &:hover {\n box-shadow: none;\n }\n}\n\n.collapsed.collapsed[disabled] {\n color: var(--ring-disabled-color);\n}\n\n.collapsed .visible,\n.collapsed .hidden {\n text-align: left;\n}\n\n.chevron {\n padding-left: 4px;\n}\n\n.morePopupBeforeEnd.morePopupBeforeEnd.morePopupBeforeEnd {\n padding: 0;\n}\n\n.morePopupBeforeEnd ~ div {\n display: none;\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={dark:`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.dark}`,"line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -2px 0 0",tabs:`tabs_d1b7 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default.locals.font}`,titles:"titles_fae8",title:`title_d6fe ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default.locals.font}`,selected:"selected_db72",collapsed:"collapsed_fed3",titleLegacy:"titleLegacy_c903",visible:"visible_bea5",container:"container_bcc1",hidden:"hidden_bcd6",hiddenBold:"hiddenBold_fdfa",hiddenRegular:"hiddenRegular_dc75",tabCounter:"tabCounter_e3fc",autoCollapseContainer:"autoCollapseContainer_c762",autoCollapse:"autoCollapse_cdca",rendered:"rendered_b876",adjusted:"adjusted_bbfe",measure:"measure_d2ac",morePopup:"morePopup_c02f",chevron:"chevron_ea7c",morePopupBeforeEnd:"morePopupBeforeEnd_e5b2"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/fastdom/fastdom.js":function(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_RESULT__;!function(win){"use strict";var debug=function(){},raf=win.requestAnimationFrame||win.webkitRequestAnimationFrame||win.mozRequestAnimationFrame||win.msRequestAnimationFrame||function(cb){return setTimeout(cb,16)};function FastDom(){this.reads=[],this.writes=[],this.raf=raf.bind(win),debug("initialized",this)}function scheduleFlush(fastdom){fastdom.scheduled||(fastdom.scheduled=!0,fastdom.raf(flush.bind(null,fastdom)),debug("flush scheduled"))}function flush(fastdom){debug("flush");var error,writes=fastdom.writes,reads=fastdom.reads;try{debug("flushing reads",reads.length),fastdom.runTasks(reads),debug("flushing writes",writes.length),fastdom.runTasks(writes)}catch(e){error=e}if(fastdom.scheduled=!1,(reads.length||writes.length)&&scheduleFlush(fastdom),error){if(debug("task errored",error.message),!fastdom.catch)throw error;fastdom.catch(error)}}function remove(array,item){var index=array.indexOf(item);return!!~index&&!!array.splice(index,1)}FastDom.prototype={constructor:FastDom,runTasks:function(tasks){var task;for(debug("run tasks");task=tasks.shift();)task()},measure:function(fn,ctx){debug("measure");var task=ctx?fn.bind(ctx):fn;return this.reads.push(task),scheduleFlush(this),task},mutate:function(fn,ctx){debug("mutate");var task=ctx?fn.bind(ctx):fn;return this.writes.push(task),scheduleFlush(this),task},clear:function(task){return debug("clear",task),remove(this.reads,task)||remove(this.writes,task)},extend:function(props){if(debug("extend",props),"object"!=typeof props)throw new Error("expected object");var child=Object.create(this);return function mixin(target,source){for(var key in source)source.hasOwnProperty(key)&&(target[key]=source[key])}(child,props),child.fastdom=this,child.initialize&&child.initialize(),child},catch:null};var exports=win.fastdom=win.fastdom||new FastDom;void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return exports}.call(exports,__webpack_require__,exports,module))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}("undefined"!=typeof window?window:void 0!==this?this:globalThis)},"./src/dropdown/dropdown.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/dropdown/dropdown.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/tabs/tabs.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/tabs/tabs.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/tabs-tabs-stories.ef897b98.iframe.bundle.js b/master/tabs-tabs-stories.ef897b98.iframe.bundle.js new file mode 100644 index 00000000000..51c61e0599e --- /dev/null +++ b/master/tabs-tabs-stories.ef897b98.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[6236],{"./node_modules/@jetbrains/icons/chevron-10px.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/chevron-down.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/search.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/warning.js":module=>{module.exports=''},"./src/tabs/tabs.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AutoCollapseDemo:()=>AutoCollapseDemo,Basic:()=>Basic,customTitles:()=>customTitles,customTitlesFunction:()=>customTitlesFunction,default:()=>tabs_stories,smart:()=>smart});var react=__webpack_require__("./node_modules/react/index.js"),search=__webpack_require__("./node_modules/@jetbrains/icons/search.js"),search_default=__webpack_require__.n(search),warning=__webpack_require__("./node_modules/@jetbrains/icons/warning.js"),warning_default=__webpack_require__.n(warning),node_modules_classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(node_modules_classnames),button_button=__webpack_require__("./src/button/button.tsx"),icon=__webpack_require__("./src/icon/icon.tsx"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),memoize=__webpack_require__("./src/global/memoize.ts"),data_tests=__webpack_require__("./src/global/data-tests.ts"),tabs=__webpack_require__("./src/tabs/tabs.css"),tabs_default=__webpack_require__.n(tabs),link_link=__webpack_require__("./src/link/link.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function TabLink({isSelected,title,collapsed,...restProps}){const renderedTitle="function"==typeof title?title(isSelected,collapsed):title;return(0,jsx_runtime.jsx)(link_link.A,{...restProps,children:(0,jsx_runtime.jsxs)("div",{className:tabs_default().container,children:[(0,jsx_runtime.jsx)("span",{className:tabs_default().visible,children:renderedTitle}),(0,jsx_runtime.jsx)("span",{className:tabs_default().hidden,children:renderedTitle}),(0,jsx_runtime.jsx)("span",{className:tabs_default().hiddenBold,children:renderedTitle}),(0,jsx_runtime.jsx)("span",{className:tabs_default().hiddenRegular,children:renderedTitle})]})})}TabLink.propTypes={isSelected:prop_types_default().bool,collapsed:prop_types_default().bool,title:prop_types_default().oneOfType([prop_types_default().func,prop_types_default().string,prop_types_default().node])};const tab_link=(0,react.memo)(TabLink);TabLink.__docgenInfo={description:"",methods:[],displayName:"TabLink",props:{isSelected:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},collapsed:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},title:{required:!1,tsType:{name:"union",raw:"ReactNode | ((isSelected: boolean, collapsed: boolean | undefined) => ReactNode)",elements:[{name:"ReactNode"},{name:"unknown"}]},description:"",type:{name:"union",value:[{name:"func"},{name:"string"},{name:"node"}]}}},composes:["Omit"]};var fastdom=__webpack_require__("./node_modules/fastdom/fastdom.js"),fastdom_default=__webpack_require__.n(fastdom),chevron_10px=__webpack_require__("./node_modules/@jetbrains/icons/chevron-10px.js"),chevron_10px_default=__webpack_require__.n(chevron_10px),popup_consts=__webpack_require__("./src/popup/popup.consts.ts"),popup_menu=__webpack_require__("./src/popup-menu/popup-menu.tsx"),dropdown=__webpack_require__("./src/dropdown/dropdown.tsx");const CustomItem=({children})=>children;function noop(){}CustomItem.propTypes={children:prop_types_default().node.isRequired};const TabTitle=react.memo((function TabTitle({selected,child,handleSelect=noop,collapsed=!1,tabIndex}){if(null==child||"object"!=typeof child||child.type===CustomItem)return child;const{title,titleProps,disabled,href,className,activeClassName,collapsedClassName,collapsedActiveClassName}=child.props,titleClasses=classnames_default()(tabs_default().title,className,{[tabs_default().selected]:selected,[tabs_default().collapsed]:collapsed,[null!=activeClassName?activeClassName:""]:selected,[null!=collapsedClassName?collapsedClassName:""]:collapsed,[null!=collapsedActiveClassName?collapsedActiveClassName:""]:collapsed&&selected});return(0,jsx_runtime.jsx)(tab_link,{title,isSelected:selected,active:!0,href,className:titleClasses,disabled,onPlainLeftClick:handleSelect,tabIndex,collapsed,...titleProps})}));TabTitle.propTypes={child:prop_types_default().element,handleSelect:prop_types_default().func,selected:prop_types_default().bool,collapsed:prop_types_default().bool,tabIndex:prop_types_default().number};const collapsible_tab=({items,selected="0",collapsed,onSelect=()=>{},...props})=>items.map(((tab,index)=>{const key=tab.props.id||String(index),isSelected=selected===key;return(0,jsx_runtime.jsx)(TabTitle,{handleSelect:onSelect(key),selected:isSelected,child:tab,collapsed,...props},key)})),AnchorLink=({hasActiveChildren,moreClassName,moreActiveClassName,...restProps})=>{const classnames=classnames_default()(tabs_default().title,hasActiveChildren&&tabs_default().selected,hasActiveChildren&&moreActiveClassName,moreClassName);return(0,jsx_runtime.jsxs)(link_link.A,{title:"More",className:classnames,...restProps,children:["More",(0,jsx_runtime.jsx)(icon.Ay,{glyph:chevron_10px_default(),className:tabs_default().chevron})]})};AnchorLink.propTypes={hasActiveChildren:prop_types_default().bool,moreClassName:prop_types_default().string,moreActiveClassName:prop_types_default().string};const morePopupDirections=[popup_consts.HO.BOTTOM_CENTER,popup_consts.HO.BOTTOM_LEFT,popup_consts.HO.BOTTOM_RIGHT],MoreButton=(0,react.memo)((({items,selected,onSelect,moreClassName,moreActiveClassName,morePopupClassName,morePopupItemClassName,morePopupBeforeEnd})=>{const onSelectHandler=(0,react.useCallback)((listItem=>{if(!0===listItem.disabled||!0===listItem.custom)return;onSelect(String(listItem.key))()}),[onSelect]),hasActiveChild=(0,react.useMemo)((()=>items.some((item=>item.props.alwaysHidden&&item.props.id===selected))),[items,selected]),data=(0,react.useMemo)((()=>{const popupItems=collapsible_tab({items,selected,collapsed:!0}).map((tab=>{const disabled=!0===tab.props.disabled,custom=tab.props.child.type===CustomItem;return{template:tab,key:tab.key,rgItemType:popup_menu.D.Type.CUSTOM,className:morePopupItemClassName,disabled,custom}}));return morePopupBeforeEnd&&popupItems.push({template:morePopupBeforeEnd,key:"before-end-content",className:tabs_default().morePopupBeforeEnd,rgItemType:popup_menu.D.Type.CUSTOM}),popupItems}),[items,morePopupBeforeEnd,morePopupItemClassName,selected]),popupAnchor=(0,react.useMemo)((()=>(0,jsx_runtime.jsx)(AnchorLink,{moreClassName,moreActiveClassName,hasActiveChildren:hasActiveChild})),[hasActiveChild,moreActiveClassName,moreClassName]),popup=(0,react.useMemo)((()=>(0,jsx_runtime.jsx)(popup_menu.A,{directions:morePopupDirections,className:morePopupClassName,onSelect:onSelectHandler,data})),[data,morePopupClassName,onSelectHandler]);return 0===items.length?null:(0,jsx_runtime.jsx)("div",{className:classnames_default()(tabs_default().title,moreClassName,hasActiveChild&&moreActiveClassName),children:(0,jsx_runtime.jsx)(dropdown.A,{hoverMode:!0,anchor:popupAnchor,children:popup})})}));MoreButton.propTypes={children:prop_types_default().node,items:prop_types_default().array,selected:prop_types_default().string,onSelect:prop_types_default().func,toMeasure:prop_types_default().bool,moreClassName:prop_types_default().string,moreActiveClassName:prop_types_default().string,morePopupClassName:prop_types_default().string,morePopupItemClassName:prop_types_default().string,morePopupBeforeEnd:prop_types_default().element},MoreButton.displayName="MoreButton";const FakeMoreButton=(0,react.memo)((({moreClassName,moreActiveClassName,hasActiveChildren})=>(0,jsx_runtime.jsx)("div",{className:classnames_default()(tabs_default().moreButton,tabs_default().title),children:(0,jsx_runtime.jsx)(AnchorLink,{moreClassName,moreActiveClassName,hasActiveChildren,tabIndex:-1,disabled:!0})})));FakeMoreButton.propTypes={moreClassName:prop_types_default().string,moreActiveClassName:prop_types_default().string,hasActiveChildren:prop_types_default().bool},FakeMoreButton.displayName="FakeMoreButton",AnchorLink.__docgenInfo={description:"",methods:[],displayName:"AnchorLink",props:{hasActiveChildren:{required:!1,tsType:{name:"boolean"},description:"",type:{name:"bool"}},moreClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},moreActiveClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}}}},MoreButton.__docgenInfo={description:"",methods:[],displayName:"MoreButton",props:{items:{required:!0,tsType:{name:"Array",elements:[{name:"ReactElement",elements:[{name:"TabProps"}],raw:"ReactElement"}],raw:"ReactElement[]"},description:""},selected:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(key: string) => () => void",signature:{arguments:[{type:{name:"string"},name:"key"}],return:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}}}},description:""},moreClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},moreActiveClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},morePopupClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},morePopupItemClassName:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},morePopupBeforeEnd:{required:!0,tsType:{name:"ReactNode"},description:""}}},FakeMoreButton.__docgenInfo={description:"",methods:[],displayName:"FakeMoreButton",props:{hasActiveChildren:{required:!0,tsType:{name:"boolean"},description:""},moreClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},moreActiveClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""}}};const CollapsibleTabs=({children,selected,onSelect,moreClassName,moreActiveClassName,morePopupClassName,morePopupBeforeEnd,morePopupItemClassName,initialVisibleItems})=>{const[sizes,setSizes]=(0,react.useState)({tabs:[],more:void 0}),[lastVisibleIndex,setLastVisibleIndex]=(0,react.useState)(null),elements={sizes,lastVisibleIndex},[preparedElements,setPreparedElements]=(0,react.useState)({visible:[],hidden:[]}),measureRef=(0,react.useRef)(null),selectedIndex=(0,react.useMemo)((()=>{var _children$filter$find;return null!==(_children$filter$find=children.filter((tab=>!0!==tab.props.alwaysHidden)).findIndex((tab=>tab.props.id===selected)))&&void 0!==_children$filter$find?_children$filter$find:null}),[children,selected]),visibleElements=(0,react.useMemo)((()=>{let items;return items=preparedElements.ready?preparedElements.visible:initialVisibleItems?children.filter((item=>!0!==item.props.alwaysHidden)).slice(0,initialVisibleItems):[],collapsible_tab({items,selected,onSelect})}),[initialVisibleItems,children,preparedElements.ready,preparedElements.visible,onSelect,selected]),adjustTabs=(0,react.useCallback)((entry=>{const containerWidth=entry.contentRect.width,{tabs:tabsSizes,more=0}=elements.sizes;let renderMore=children.some((tab=>tab.props.alwaysHidden));const tabsToRender=[];let filledWidth=renderMore&&null!=more?more:0;for(let i=0;i=0;i--){if(filledWidth+moretabsToRender.length-1){const selectedWidth=tabsSizes[selectedIndex];for(let i=tabsToRender.length-1;i>=0;i--){if(filledWidth+selectedWidth{const timeout=setTimeout((()=>{var _elements$lastVisible2;const res=children.reduce(((accumulator,tab)=>{var _elements$lastVisible;return!0!==tab.props.alwaysHidden&&accumulator.visible.length-1<(null!==(_elements$lastVisible=elements.lastVisibleIndex)&&void 0!==_elements$lastVisible?_elements$lastVisible:0)?accumulator.visible.push(tab):accumulator.hidden.push(tab),accumulator}),{visible:[],hidden:[],ready:null!==elements.lastVisibleIndex});if(selectedIndex>(null!==(_elements$lastVisible2=elements.lastVisibleIndex)&&void 0!==_elements$lastVisible2?_elements$lastVisible2:0)){const selectedItem=children.find((tab=>!tab.props.alwaysHidden&&tab.props.id===selected));null!=selectedItem&&res.visible.push(selectedItem)}const allVisibleTheSame=res.visible.length===preparedElements.visible.length&&res.visible.every(((item,index)=>item===preparedElements.visible[index])),allHiddenTheSame=res.hidden.length===preparedElements.hidden.length&&res.hidden.every(((item,index)=>item===preparedElements.hidden[index]));allVisibleTheSame&&allHiddenTheSame&&preparedElements.ready===res.ready||fastdom_default().mutate((()=>setPreparedElements(res)))}),100);return()=>{clearTimeout(timeout)}}),[children,elements.lastVisibleIndex,preparedElements,selected,selectedIndex]);const childrenToMeasure=(0,react.useMemo)((()=>{const items=children.filter((tab=>!0!==tab.props.alwaysHidden));return collapsible_tab({items,tabIndex:-1})}),[children]);(0,react.useEffect)((()=>{if(null==measureRef.current)return;const measureTask=fastdom_default().measure((()=>{var _container$children,_moreButton$offsetWid;const container=measureRef.current,descendants=[...null!==(_container$children=container?.children)&&void 0!==_container$children?_container$children:[]],moreButton=descendants.pop();let moreButtonWidth=null!==(_moreButton$offsetWid=moreButton?.offsetWidth)&&void 0!==_moreButton$offsetWid?_moreButton$offsetWid:0;const{marginLeft:moreButtonMarginLeft="0",marginRight:moreButtonMarginRight="0"}=moreButton?getComputedStyle(moreButton):{};moreButtonWidth+=+moreButtonMarginLeft.replace("px","")+ +moreButtonMarginRight.replace("px","");const tabsWidth=descendants.map((node=>{const{marginLeft,marginRight}=getComputedStyle(node);return node.getBoundingClientRect().width+ +marginLeft.replace("px","")+ +marginRight.replace("px","")})),newSummaryWidth=tabsWidth.reduce(((acc,curr)=>acc+curr),0),oldSummaryWidth=elements.sizes.tabs.reduce(((acc,curr)=>acc+curr),0);elements.sizes.more===moreButtonWidth&&newSummaryWidth===oldSummaryWidth||fastdom_default().mutate((()=>setSizes({more:moreButtonWidth,tabs:tabsWidth})))}));return()=>{fastdom_default().clear(measureTask)}}),[children,elements.sizes.more,elements.sizes.tabs]),(0,react.useEffect)((()=>{if(null===measureRef.current)return;let measureTask=()=>{};const resizeObserver=new ResizeObserver((entries=>{entries.forEach((entry=>{fastdom_default().clear(measureTask),measureTask=fastdom_default().mutate((()=>adjustTabs(entry)))}))}));return resizeObserver.observe(measureRef.current),()=>{fastdom_default().clear(measureTask),resizeObserver.disconnect()}}),[adjustTabs]);const isAdjusted=null!==elements.lastVisibleIndex&&!0===preparedElements.ready||initialVisibleItems,className=classnames_default()(tabs_default().titles,tabs_default().autoCollapse,isAdjusted&&tabs_default().adjusted);return(0,jsx_runtime.jsxs)("div",{className:tabs_default().autoCollapseContainer,children:[(0,jsx_runtime.jsxs)("div",{className:classnames_default()(className,tabs_default().rendered),children:[visibleElements,(0,jsx_runtime.jsx)(MoreButton,{moreClassName,moreActiveClassName,morePopupClassName,morePopupBeforeEnd,morePopupItemClassName,items:preparedElements.hidden,selected,onSelect})]}),(0,jsx_runtime.jsxs)("div",{ref:measureRef,className:classnames_default()(className,tabs_default().measure),children:[childrenToMeasure,(0,jsx_runtime.jsx)(FakeMoreButton,{hasActiveChildren:preparedElements.hidden.some((item=>item.props.alwaysHidden&&item.props.id===selected)),moreClassName,moreActiveClassName})]})]})};CollapsibleTabs.propTypes={children:prop_types_default().node.isRequired,selected:prop_types_default().string,onSelect:prop_types_default().func.isRequired,moreClassName:prop_types_default().string,moreActiveClassName:prop_types_default().string,morePopupClassName:prop_types_default().string,morePopupItemClassName:prop_types_default().string,initialVisibleItems:prop_types_default().number,morePopupBeforeEnd:prop_types_default().element};const collapsible_tabs=(0,react.memo)(CollapsibleTabs);CollapsibleTabs.__docgenInfo={description:"",methods:[],displayName:"CollapsibleTabs",props:{children:{required:!0,tsType:{name:"Array",elements:[{name:"ReactElement",elements:[{name:"TabProps"}],raw:"ReactElement"}],raw:"ReactElement[]"},description:"",type:{name:"node"}},selected:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:"",type:{name:"string"}},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(key: string) => () => void",signature:{arguments:[{type:{name:"string"},name:"key"}],return:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}}}},description:"",type:{name:"func"}},moreClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},moreActiveClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},morePopupClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},morePopupItemClassName:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:"",type:{name:"string"}},initialVisibleItems:{required:!1,tsType:{name:"union",raw:"number | null | undefined",elements:[{name:"number"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"number"}},morePopupBeforeEnd:{required:!1,tsType:{name:"ReactNode"},description:"",type:{name:"element"}}}};class Tabs extends react.PureComponent{static propTypes={selected:prop_types_default().string,className:prop_types_default().string,tabContainerClassName:prop_types_default().string,href:prop_types_default().string,children:prop_types_default().node.isRequired,onSelect:prop_types_default().func,"data-test":prop_types_default().string,autoCollapse:prop_types_default().bool};static defaultProps={onSelect(){}};handleSelect=(0,memoize.A)((key=>()=>this.props.onSelect(key)));getTabTitle=(child,i)=>{if(null==child||"object"!=typeof child||child.type===CustomItem)return child;const{selected}=this.props,{title,titleProps,id,disabled,href,className,activeClassName}=child.props,key=id||String(i),isSelected=key===selected,titleClasses=classnames_default()(tabs_default().title,className,isSelected&&activeClassName,{[tabs_default().selected]:isSelected});return(0,jsx_runtime.jsx)(tab_link,{title,isSelected,href,className:titleClasses,disabled,onPlainLeftClick:this.handleSelect(key),...titleProps},key)};render(){const{className,tabContainerClassName,children,selected,autoCollapse,"data-test":dataTest,...restProps}=this.props,classes=classnames_default()(tabs_default().tabs,className),childrenArray=react.Children.toArray(children).filter(Boolean);return(0,jsx_runtime.jsxs)("div",{className:classes,"data-test":(0,data_tests.A)("ring-dumb-tabs",dataTest),children:[!0===autoCollapse?(0,jsx_runtime.jsx)(collapsible_tabs,{...restProps,onSelect:this.handleSelect,selected,children:childrenArray}):(0,jsx_runtime.jsx)("div",{className:tabs_default().titles,children:childrenArray.map(this.getTabTitle)}),(0,jsx_runtime.jsx)("div",{className:classnames_default()(tabContainerClassName),children:childrenArray.find((({props},i)=>(props.id||String(i))===selected))})]})}}const dumb_tabs=Tabs;Tabs.__docgenInfo={description:"",methods:[{name:"getTabTitle",docblock:null,modifiers:[],params:[{name:"child",optional:!1,type:{name:"ReactElement",elements:[{name:"TabProps"}],raw:"ReactElement",alias:"ReactElement"}},{name:"i",optional:!1,type:{name:"number"}}],returns:null}],displayName:"Tabs",props:{children:{required:!0,tsType:{name:"union",raw:"readonly (Children | null | boolean)[] | ReactElement | null | boolean",elements:[{name:"unknown"},{name:"ReactElement",elements:[{name:"TabProps"}],raw:"ReactElement"},{name:"null"},{name:"boolean"}]},description:"",type:{name:"node"}},onSelect:{required:!1,tsType:{name:"signature",type:"function",raw:"(key: string) => void",signature:{arguments:[{type:{name:"string"},name:"key"}],return:{name:"void"}}},description:"",type:{name:"func"}},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},tabContainerClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},autoCollapse:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},selected:{description:"",type:{name:"string"},required:!1},href:{description:"",type:{name:"string"},required:!1}},composes:["Omit"]};class Tab extends react.PureComponent{static propTypes={title:prop_types_default().oneOfType([prop_types_default().node,prop_types_default().func]).isRequired,id:prop_types_default().string,className:prop_types_default().string,children:prop_types_default().node,"data-test":prop_types_default().string};render(){const{className,children,"data-test":dataTest}=this.props;return(0,jsx_runtime.jsx)("div",{"data-test":(0,data_tests.A)("ring-tab",dataTest),className:classnames_default()(className),children})}}Tab.__docgenInfo={description:"",methods:[],displayName:"Tab",props:{title:{required:!0,tsType:{name:"union",raw:"ReactNode | ((isSelected: boolean, collapsed: boolean | undefined) => ReactNode)",elements:[{name:"ReactNode"},{name:"unknown"}]},description:"",type:{name:"union",value:[{name:"node"},{name:"func"}]}},titleProps:{required:!1,tsType:{name:"Partial",elements:[{name:"TabLinkProps"}],raw:"Partial"},description:""},id:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},children:{required:!1,tsType:{name:"ReactNode"},description:"",type:{name:"node"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},alwaysHidden:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},disabled:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},href:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},activeClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},collapsedClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""},collapsedActiveClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:""}}};class SmartTabs extends react.PureComponent{static propTypes={children:prop_types_default().arrayOf(prop_types_default().element).isRequired,initSelected:prop_types_default().string,"data-test":prop_types_default().string};constructor(props){super(props),this.state={selected:this.props.initSelected||Array.isArray(this.props.children)&&this.props.children[0].props.id||"0"}}state;handleSelect=selected=>this.setState({selected});render(){const{children,initSelected,"data-test":dataTest,...restProps}=this.props;return(0,jsx_runtime.jsx)(dumb_tabs,{"data-test":(0,data_tests.A)("ring-smart-tabs",dataTest),selected:this.state.selected,onSelect:this.handleSelect,...restProps,children})}}SmartTabs.__docgenInfo={description:"",methods:[{name:"handleSelect",docblock:null,modifiers:[],params:[{name:"selected",optional:!1,type:{name:"string"}}],returns:null}],displayName:"SmartTabs",props:{children:{required:!0,tsType:{name:"union",raw:"readonly (Children | null | boolean)[] | ReactElement | null | boolean",elements:[{name:"unknown"},{name:"ReactElement",elements:[{name:"TabProps"}],raw:"ReactElement"},{name:"null"},{name:"boolean"}]},description:"",type:{name:"arrayOf",value:{name:"element"}}},initSelected:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},"data-test":{description:"",type:{name:"string"},required:!1}}};const tabs_stories={title:"Components/Tabs",parameters:{notes:"Displays a tab set.",zeplinLink:"https://app.zeplin.io/project/5afd8f5511c2d1c625752bb0/screen/6193bc710be093ab38d4212f",storyStyles:"\n \n "}},Basic=()=>{const[selected,setSelected]=(0,react.useState)("first");return(0,jsx_runtime.jsxs)(dumb_tabs,{selected,onSelect:setSelected,children:[(0,jsx_runtime.jsx)(Tab,{id:"first",title:"First tab",children:"First tab content"}),(0,jsx_runtime.jsx)(Tab,{id:"second",title:"Second tab",children:"Second tab content"}),(0,jsx_runtime.jsx)(Tab,{id:"third",title:"Third tab",children:"Third tab content"}),(0,jsx_runtime.jsx)(Tab,{id:"fourth",title:"Fourth tab (Link)",href:"/",children:"Fourth tab content"}),(0,jsx_runtime.jsx)(Tab,{disabled:!0,id:"disabled",title:"Disabled tab",children:"Disabled tab content"})]})};Basic.storyName="basic";const AutoCollapseDemo=()=>{const[selected,setSelected]=(0,react.useState)("first"),autocollapseData=[{id:"first",title:"First tab",content:"First tab content"},{id:"second",title:"Second tab",content:"Second tab content"},{id:"third",title:"Third tab",content:"Third tab content"},{id:"fourth",title:"Fourth tab (Link)",href:"/",content:"Fourth tab content"},{id:"disabled1",title:"Disabled tab",content:"Disabled tab content",disabled:!0},{id:"fifth",title:"Fifth tab (Always hidden)",alwaysHidden:!0,href:"/",content:"Hidden tab content"},{id:"custom",alwaysHidden:!0,custom:!0,content:(0,jsx_runtime.jsx)(button_button.Ay,{text:!0,style:{padding:0},children:"Custom Item"})}],[tabs,setTabs]=(0,react.useState)(autocollapseData.map((item=>{const{content,...tabProps}=item,Host=!0===item.custom?CustomItem:Tab;return(0,jsx_runtime.jsx)(Host,{...tabProps,children:content},item.id)}))),addTab=(0,react.useCallback)((()=>{setTabs((state=>{const newTab=(0,jsx_runtime.jsx)(Tab,{id:String(state.length),title:`Example ${state.length+1}`,children:`Example ${state.length+1} tab content`},state.length);return[...state,newTab]}))}),[]),selectHandler=(0,react.useCallback)((key=>{setSelected(key)}),[]);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(button_button.Ay,{onClick:addTab,title:"Add tab",style:{margin:"10px 0"},children:"Add tab"}),(0,jsx_runtime.jsx)(dumb_tabs,{selected,onSelect:selectHandler,autoCollapse:!0,initialVisibleItems:3,children:tabs})]})};AutoCollapseDemo.storyName="Auto collapsing";const smart=()=>(0,jsx_runtime.jsxs)(SmartTabs,{children:[(0,jsx_runtime.jsx)(Tab,{title:"First tab",children:"First tab content"}),(0,jsx_runtime.jsx)(Tab,{title:"Second tab",children:"Second tab content"}),(0,jsx_runtime.jsx)(Tab,{title:"Third tab",children:"Third tab content"}),(0,jsx_runtime.jsx)(Tab,{title:"Fourth tab (Link)",href:"/",children:"Fourth tab content"}),(0,jsx_runtime.jsx)(Tab,{disabled:!0,title:"Disabled tab",children:"Disabled tab content"})]});smart.storyName="smart";const customTitles=()=>(0,jsx_runtime.jsxs)(SmartTabs,{children:[(0,jsx_runtime.jsx)(Tab,{className:"tab",title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["First tab",(0,jsx_runtime.jsx)("span",{className:"info",children:"10"})]}),children:"First tab content"}),(0,jsx_runtime.jsx)(Tab,{className:"tab",title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Second tab",(0,jsx_runtime.jsx)("span",{className:"info",children:"Help text"})]}),children:"Second tab content"}),(0,jsx_runtime.jsx)(Tab,{className:"tab",title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Third tab (Link)",(0,jsx_runtime.jsx)("span",{className:"info",children:"10"})]}),href:"/",children:"Third tab content"}),(0,jsx_runtime.jsx)(CustomItem,{children:(0,jsx_runtime.jsx)(button_button.Ay,{text:!0,children:"Action"})})]});customTitles.storyName="custom titles";const customTitlesFunction=()=>(0,jsx_runtime.jsxs)(SmartTabs,{children:[(0,jsx_runtime.jsx)(Tab,{className:"tab",title:isSelected=>(0,jsx_runtime.jsxs)("span",{className:classnames_default()({selected:isSelected}),children:[(0,jsx_runtime.jsx)(icon.Ay,{glyph:search_default(),className:"icon"}),"First tab"]}),children:"First tab content"}),(0,jsx_runtime.jsx)(Tab,{className:"tab",title:isSelected=>(0,jsx_runtime.jsxs)("span",{className:classnames_default()({selected:isSelected}),children:[(0,jsx_runtime.jsx)(icon.Ay,{glyph:warning_default(),className:"icon"}),"Second tab (Link)"]}),href:"/",children:"Second tab content"})]});customTitlesFunction.storyName="custom titles (function)",Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'() => {\n const [selected, setSelected] = useState(\'first\');\n return \n \n First tab content\n \n \n Second tab content\n \n \n Third tab content\n \n \n Fourth tab content\n \n \n Disabled tab content\n \n ;\n}',...Basic.parameters?.docs?.source}}},AutoCollapseDemo.parameters={...AutoCollapseDemo.parameters,docs:{...AutoCollapseDemo.parameters?.docs,source:{originalSource:"() => {\n const [selected, setSelected] = useState('first');\n const autocollapseData = [{\n id: 'first',\n title: 'First tab',\n content: 'First tab content'\n }, {\n id: 'second',\n title: 'Second tab',\n content: 'Second tab content'\n }, {\n id: 'third',\n title: 'Third tab',\n content: 'Third tab content'\n }, {\n id: 'fourth',\n title: 'Fourth tab (Link)',\n href: '/',\n content: 'Fourth tab content'\n }, {\n id: 'disabled1',\n title: 'Disabled tab',\n content: 'Disabled tab content',\n disabled: true\n }, {\n id: 'fifth',\n title: 'Fifth tab (Always hidden)',\n alwaysHidden: true,\n href: '/',\n content: 'Hidden tab content'\n }, {\n id: 'custom',\n alwaysHidden: true,\n custom: true,\n content: \n }];\n const [tabs, setTabs] = useState(autocollapseData.map(item => {\n const {\n content,\n ...tabProps\n } = item;\n const Host = item.custom === true ? CustomItem : Tab;\n return {content};\n }));\n const addTab = useCallback(() => {\n setTabs(state => {\n const newTab = {`Example ${state.length + 1} tab content`};\n return [...state, newTab];\n });\n }, []);\n const selectHandler = useCallback((key: string) => {\n setSelected(key);\n }, []);\n return <>\n \n \n {tabs}\n \n ;\n}",...AutoCollapseDemo.parameters?.docs?.source}}},smart.parameters={...smart.parameters,docs:{...smart.parameters?.docs,source:{originalSource:'() => \n First tab content\n Second tab content\n Third tab content\n \n Fourth tab content\n \n \n Disabled tab content\n \n ',...smart.parameters?.docs?.source}}},customTitles.parameters={...customTitles.parameters,docs:{...customTitles.parameters?.docs,source:{originalSource:'() => \n First tab10}>First tab content\n Second tabHelp text}>Second tab content\n Third tab (Link)10} href="/">\n Third tab content\n \n \n \n \n ',...customTitles.parameters?.docs?.source}}},customTitlesFunction.parameters={...customTitlesFunction.parameters,docs:{...customTitlesFunction.parameters?.docs,source:{originalSource:'() => \n \n \n {\'First tab\'}\n }>\n First tab content\n \n \n \n {\'Second tab (Link)\'}\n } href="/">\n Second tab content\n \n ',...customTitlesFunction.parameters?.docs?.source}}}},"./src/control-help/control-help.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ControlHelp});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),_control_help_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/control-help/control-help.css"),_control_help_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_control_help_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ControlHelp({className,...restProps}){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()(className,_control_help_css__WEBPACK_IMPORTED_MODULE_1___default().help),...restProps})}ControlHelp.__docgenInfo={description:"",methods:[],displayName:"ControlHelp"}},"./src/dropdown/anchor.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__),_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@jetbrains/icons/chevron-10px.js"),_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1__),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_icon_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/icon/icon.tsx"),_button_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/button/button.tsx"),_dropdown_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/dropdown/dropdown.css"),_dropdown_css__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_dropdown_css__WEBPACK_IMPORTED_MODULE_3__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Anchor=({children,className,...restProps})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_button_button__WEBPACK_IMPORTED_MODULE_5__.Ay,{"data-test-ring-dropdown-anchor":!0,text:!0,className:classnames__WEBPACK_IMPORTED_MODULE_2___default()(_dropdown_css__WEBPACK_IMPORTED_MODULE_3___default().anchor,className),...restProps,children:[children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icon_icon__WEBPACK_IMPORTED_MODULE_6__.Ay,{glyph:_jetbrains_icons_chevron_10px__WEBPACK_IMPORTED_MODULE_1___default(),className:_dropdown_css__WEBPACK_IMPORTED_MODULE_3___default().chevron})]});Anchor.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string};const __WEBPACK_DEFAULT_EXPORT__=(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(Anchor);Anchor.__docgenInfo={description:"",methods:[],displayName:"Anchor",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./src/dropdown/dropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Dropdown});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/global/data-tests.ts"),_global_typescript_utils__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/typescript-utils.ts"),_anchor__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/dropdown/anchor.tsx"),_dropdown_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/dropdown/dropdown.css"),_dropdown_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_dropdown_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Dropdown extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={anchor:prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,prop_types__WEBPACK_IMPORTED_MODULE_4___default().func]).isRequired,children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default().element,prop_types__WEBPACK_IMPORTED_MODULE_4___default().func]).isRequired,initShown:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,activeClassName:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,clickMode:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,hoverMode:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,hoverShowTimeOut:prop_types__WEBPACK_IMPORTED_MODULE_4___default().number,hoverHideTimeOut:prop_types__WEBPACK_IMPORTED_MODULE_4___default().number,disabled:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,onShow:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onHide:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onMouseEnter:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onMouseLeave:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};static defaultProps={initShown:!1,clickMode:!0,hoverMode:!1,hoverShowTimeOut:300,hoverHideTimeOut:600,disabled:!1,onShow:()=>{},onHide:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{}};state={show:this.props.initShown,pinned:!1};onClick=()=>{if(this.props.disabled)return;const{show,pinned}=this.state;let nextPinned=pinned;if(this.props.hoverMode)if(pinned)nextPinned=!1;else if(nextPinned=!0,show)return void this.setState({pinned:!0});this._toggle(!show,nextPinned)};onChildCloseAttempt=()=>{let nextPinned=this.state.pinned;this.props.hoverMode&&(nextPinned=!1),this._toggle(!1,nextPinned)};hoverTimer;onMouseEnter=event=>{this.props.disabled||(this._clearTimer(),this.props.onMouseEnter?.(event),this.hoverTimer=window.setTimeout((()=>{this.state.show||this._toggle(!0)}),this.props.hoverShowTimeOut))};onMouseLeave=event=>{this.props.disabled||(this.props.onMouseLeave?.(event),this.state.pinned||(this._clearTimer(),this.hoverTimer=window.setTimeout((()=>{this.state.show&&this._toggle(!1)}),this.props.hoverHideTimeOut)))};handlePopupInteraction=()=>{this.setState((({pinned})=>pinned?null:{pinned:!0}))};toggle(show=!this.state.show){this._toggle(show)}_toggle(show,pinned=this.state.pinned){this.setState({show,pinned},(()=>show?this.props.onShow():this.props.onHide()))}_clearTimer(){this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)}render(){const{show,pinned}=this.state,{initShown,onShow,onHide,hoverShowTimeOut,hoverHideTimeOut,children,anchor,className,activeClassName,hoverMode,clickMode,"data-test":dataTest,disabled,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_dropdown_css__WEBPACK_IMPORTED_MODULE_2___default().dropdown,className,{[null!=activeClassName?activeClassName:""]:null!=activeClassName&&show});let anchorElement;const active=hoverMode?pinned:show;switch(typeof anchor){case"string":anchorElement=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_anchor__WEBPACK_IMPORTED_MODULE_5__.A,{active,children:anchor});break;case"function":anchorElement=anchor({active:show,pinned});break;default:anchorElement=(0,_global_typescript_utils__WEBPACK_IMPORTED_MODULE_6__.c)(anchor)||"string"==typeof anchor.type?anchor:(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(anchor,{active})}const childProps={hidden:!show,onCloseAttempt:this.onChildCloseAttempt,onMouseDown:hoverMode?this.handlePopupInteraction:void 0,onContextMenu:hoverMode?this.handlePopupInteraction:void 0,dontCloseOnAnchorClick:!0};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_7__.A)("ring-dropdown",dataTest),...restProps,onClick:clickMode?this.onClick:void 0,role:"presentation",onMouseEnter:hoverMode?this.onMouseEnter:void 0,onMouseLeave:hoverMode?this.onMouseLeave:void 0,className:classes,children:[anchorElement,"function"==typeof children?children(childProps):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(children,childProps)]})}}Dropdown.__docgenInfo={description:"@name Dropdown",methods:[{name:"onClick",docblock:null,modifiers:[],params:[],returns:null},{name:"onChildCloseAttempt",docblock:null,modifiers:[],params:[],returns:null},{name:"onMouseEnter",docblock:null,modifiers:[],params:[{name:"event",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLElement"}],alias:"React.MouseEvent"}}],returns:null},{name:"onMouseLeave",docblock:null,modifiers:[],params:[{name:"event",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",elements:[{name:"HTMLElement"}],alias:"React.MouseEvent"}}],returns:null},{name:"handlePopupInteraction",docblock:null,modifiers:[],params:[],returns:null},{name:"toggle",docblock:null,modifiers:[],params:[{name:"show",optional:!0,type:null}],returns:null},{name:"_toggle",docblock:null,modifiers:[],params:[{name:"show",optional:!1,type:{name:"boolean"}},{name:"pinned",optional:!0,type:null}],returns:null},{name:"_clearTimer",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Dropdown",props:{anchor:{required:!0,tsType:{name:"union",raw:"ReactElement | readonly ReactElement[] | string | ((props: AnchorProps) => ReactNode)",elements:[{name:"ReactElement"},{name:"unknown"},{name:"string"},{name:"unknown"}]},description:"Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element\nReact element should render some interactive HTML element like `button` or `a`",type:{name:"union",value:[{name:"node"},{name:"func"}]}},children:{required:!0,tsType:{name:"union",raw:"ReactElement | ((props: Omit) => ReactNode)",elements:[{name:"ReactElement",elements:[{name:"JSX.LibraryManagedAttributes",elements:[{name:"Popup"},{name:"PopupProps"}],raw:"JSX.LibraryManagedAttributes"}],raw:"ReactElement"},{name:"unknown"}]},description:"",type:{name:"union",value:[{name:"element"},{name:"func"}]}},initShown:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},disabled:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},clickMode:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1},type:{name:"bool"}},hoverMode:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},hoverShowTimeOut:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"300",computed:!1},type:{name:"number"}},hoverHideTimeOut:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"600",computed:!1},type:{name:"number"}},onShow:{required:!1,tsType:{name:"unknown"},description:"",defaultValue:{value:"() => {}",computed:!1},type:{name:"func"}},onHide:{required:!1,tsType:{name:"unknown"},description:"",defaultValue:{value:"() => {}",computed:!1},type:{name:"func"}},activeClassName:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},onMouseEnter:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},onMouseLeave:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},className:{description:"",type:{name:"string"},required:!1}},composes:["Omit"]}},"./src/global/composeRefs.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>createComposedRef});var memoize_one__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/memoize-one/dist/memoize-one.esm.js");function composeRefs(...refs){return value=>refs.forEach((ref=>{"function"==typeof ref?ref(value):null!=ref&&(ref.current=value)}))}function createComposedRef(){return(0,memoize_one__WEBPACK_IMPORTED_MODULE_0__.A)(composeRefs)}},"./src/global/prop-types.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>refObject});var prop_types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);const refObject=value=>prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({current:value})},"./src/global/typescript-utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>isArray,z:()=>isTruthy});const isArray=arg=>Array.isArray(arg),isTruthy=arg=>Boolean(arg)},"./src/popup-menu/popup-menu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>PopupMenu,D:()=>ListProps});var prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__),_popup_popup__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/popup/popup.tsx"),_list_list__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/list/list.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const{children,...popupPropTypes}=_popup_popup__WEBPACK_IMPORTED_MODULE_1__.Ay.propTypes||{};class PopupMenu extends _popup_popup__WEBPACK_IMPORTED_MODULE_1__.Ay{static isItemType=_list_list__WEBPACK_IMPORTED_MODULE_2__.A.isItemType;static ListProps=_list_list__WEBPACK_IMPORTED_MODULE_2__.A.ListProps;static defaultProps={..._list_list__WEBPACK_IMPORTED_MODULE_2__.A.defaultProps,..._popup_popup__WEBPACK_IMPORTED_MODULE_1__.Ay.defaultProps,renderOptimization:!1,closeOnSelect:!1};onSelect=(item,event)=>{this.props.closeOnSelect&&this._onCloseAttempt(event),this.props.onSelect(item,event)};list;listRef=el=>{this.list=el};getInternalContent(){const{className,...props}=this.props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_list_list__WEBPACK_IMPORTED_MODULE_2__.A,{ref:this.listRef,...props,maxHeight:this.popup&&parseFloat(this.popup.style.maxHeight),shortcuts:this.shouldUseShortcuts(),onSelect:this.onSelect})})}}PopupMenu.propTypes={...popupPropTypes,..._list_list__WEBPACK_IMPORTED_MODULE_2__.A.propTypes,maxHeight:prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_3___default().string,prop_types__WEBPACK_IMPORTED_MODULE_3___default().number]),closeOnSelect:prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool};const{ListProps}=_list_list__WEBPACK_IMPORTED_MODULE_2__.A},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".help_cb69 {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n","",{version:3,sources:["webpack://./src/control-help/control-help.css"],names:[],mappings:"AAEA;EACE,kCAAkC;;EAElC,wCAAwC;EACxC,2CAA2C;AAC7C",sourcesContent:['@import "../global/variables.css";\n\n.help {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={help:"help_cb69"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/dropdown/dropdown.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".dropdown_c237 {\n display: inline-block;\n}\n\n.anchor_dff2.anchor_dff2 {\n margin: 0 -3px;\n padding: 0 3px;\n\n font: inherit;\n}\n\n.chevron_a400 {\n margin-left: 2px;\n\n line-height: normal;\n}\n","",{version:3,sources:["webpack://./src/dropdown/dropdown.css"],names:[],mappings:"AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,cAAc;EACd,cAAc;;EAEd,aAAa;AACf;;AAEA;EACE,gBAAgB;;EAEhB,mBAAmB;AACrB",sourcesContent:['@import "../global/variables.css";\n\n.dropdown {\n display: inline-block;\n}\n\n.anchor.anchor {\n margin: 0 -3px;\n padding: 0 3px;\n\n font: inherit;\n}\n\n.chevron {\n margin-left: 2px;\n\n line-height: normal;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={dropdown:"dropdown_c237",anchor:"anchor_dff2",chevron:"chevron_a400"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/tabs/tabs.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables_dark.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/global.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_link_link_css__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_4__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_link_link_css__WEBPACK_IMPORTED_MODULE_5__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,`/* ensure styles order */\n\n:root {\n --ring-selected-tab-color: var(--ring-text-color);\n}\n\n.${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.dark},\n.ring-ui-theme-dark {\n --ring-selected-tab-color: var(--ring-text-color);\n}\n\n.tabs_d1b7 {\n}\n\n.titles_fae8 {\n display: inline-block;\n\n margin-bottom: calc(var(--ring-unit)*2);\n}\n\n.titles_fae8 {\n box-shadow: inset 0 -1px 0 0 var(--ring-line-color);\n}\n\n.title_d6fe {\n\n position: relative;\n\n display: inline-block;\n\n padding: 0;\n\n cursor: pointer;\n\n color: inherit;\n\n border: none;\n border-radius: 0;\n background: none;\n\n line-height: calc(var(--ring-unit)*4);\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.title_d6fe:hover {\n color: var(--ring-link-hover-color);\n outline-style: none;\n box-shadow: inset 0 -1px 0 0 var(--ring-link-hover-color);\n }\n\n .title_d6fe.selected_db72:hover,\n .title_d6fe.collapsed_fed3:hover {\n color: inherit;\n box-shadow: inset 0 -2px 0 0 var(--ring-text-color);\n }}\n\n.title_d6fe:active {\n color: var(--ring-link-hover-color);\n outline-style: none;\n box-shadow: inset 0 -1px 0 0 var(--ring-link-hover-color);\n }\n\n.title_d6fe.selected_db72:active,\n .title_d6fe.collapsed_fed3:active {\n color: inherit;\n box-shadow: inset 0 -2px 0 0 var(--ring-text-color);\n }\n\n.title_d6fe:focus-visible {\n color: var(--ring-main-color);\n box-shadow: inset 0 -2px 0 0 var(--ring-main-color);\n }\n\n.title_d6fe[disabled] {\n pointer-events: none;\n }\n\n.title_d6fe.titleLegacy_c903 {\n display: inline-flex;\n flex-direction: column;\n}\n\n.title_d6fe + .title_d6fe {\n margin-left: calc(var(--ring-unit)*3);\n}\n\n.title_d6fe[disabled] {\n color: var(--ring-disabled-color);\n}\n\n.selected_db72 {\n cursor: default;\n\n color: var(--ring-active-text-color);\n\n outline: none;\n box-shadow: inset 0 -2px 0 0 var(--ring-selected-tab-color);\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n.visible_bea5 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n text-align: center;\n}\n\n.container_bcc1 {\n display: flex;\n flex-direction: column;\n}\n\n.hidden_bcd6 {\n display: flex;\n visibility: hidden;\n}\n\n.hiddenBold_fdfa {\n display: flex;\n visibility: hidden;\n\n height: 0;\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n.hiddenRegular_dc75 {\n display: flex;\n visibility: hidden;\n\n height: 0;\n\n font-weight: normal;\n}\n\n.tabCounter_e3fc {\n padding-left: 8px;\n\n color: var(--ring-secondary-color);\n\n font-size: 12px;\n font-weight: normal;\n line-height: 19px; /* prevent jumps in Firefox */\n}\n\n.autoCollapseContainer_c762 {\n position: relative;\n}\n\n.autoCollapse_cdca {\n position: relative;\n\n display: inline-flex;\n visibility: hidden;\n overflow: hidden;\n\n max-width: 100%;\n}\n\n.autoCollapse_cdca .title_d6fe {\n flex-shrink: 0;\n}\n\n.rendered_b876.adjusted_bbfe {\n visibility: visible;\n overflow: visible;\n}\n\n.measure_d2ac {\n position: absolute;\n top: 0;\n left: 0;\n\n overflow: hidden;\n\n height: 0;\n margin: 0;\n\n pointer-events: none;\n\n opacity: 0;\n}\n\n.morePopup_c02f {\n display: flex;\n flex-direction: column;\n}\n\n.collapsed_fed3.collapsed_fed3 {\n width: 100%;\n\n border-bottom: none;\n box-shadow: none;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.collapsed_fed3.collapsed_fed3:hover {\n box-shadow: none;\n }}\n\n.collapsed_fed3.collapsed_fed3[disabled] {\n color: var(--ring-disabled-color);\n}\n\n.collapsed_fed3 .visible_bea5,\n.collapsed_fed3 .hidden_bcd6 {\n text-align: left;\n}\n\n.chevron_ea7c {\n padding-left: 4px;\n}\n\n.morePopupBeforeEnd_e5b2.morePopupBeforeEnd_e5b2.morePopupBeforeEnd_e5b2 {\n padding: 0;\n}\n\n.morePopupBeforeEnd_e5b2 ~ div {\n display: none;\n}\n`,"",{version:3,sources:["webpack://./src/tabs/tabs.css",""],names:[],mappings:"AAEA,wBAAwB;;AAOxB;EACE,iDAAiD;AACnD;;AAEA;;EAEE,iDAAiD;AACnD;;AAEA;AAEA;;AAEA;EACE,qBAAqB;;EAErB,uCAAyC;AAC3C;;AAEA;EACE,mDAA8C;AAChD;;AAEA;;EAGE,kBAAkB;;EAElB,qBAAqB;;EAErB,UAAU;;EAEV,eAAe;;EAEf,cAAc;;EAEd,YAAY;EACZ,gBAAgB;EAChB,gBAAgB;;EAEhB,qCAAuC;AAuBzC;;ACxEA,wGAAA;IAAA,oCAAA;IAAA,oBAAA;IAAA,0DAAA;GAAA;;IAAA;;MAAA,eAAA;MAAA,oDAAA;KAAA,CAAA;;ADmDE;IAEE,mCAAmC;IACnC,mBAAmB;IACnB,yDAAyD;EAO3D;;AALE;;MAEE,cAAc;MACd,mDAAuD;IACzD;;AAGF;IACE,6BAA6B;IAC7B,mDAAuD;EACzD;;AAEA;IACE,oBAAoB;EACtB;;AAGF;EACE,oBAAoB;EACpB,sBAAsB;AACxB;;AAEA;EACE,qCAAuC;AACzC;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,eAAe;;EAEf,oCAAoC;;EAEpC,aAAa;EACb,2DAA+D;;EAE/D,yCAAyC;AAC3C;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;;EAEP,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,sBAAsB;AACxB;;AAEA;EACE,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,kBAAkB;;EAElB,SAAS;;EAET,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,kBAAkB;;EAElB,SAAS;;EAET,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;;EAEjB,kCAAkC;;EAElC,eAAe;EACf,mBAAmB;EACnB,iBAAiB,EAAE,6BAA6B;AAClD;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;;EAElB,oBAAoB;EACpB,kBAAkB;EAClB,gBAAgB;;EAEhB,eAAe;AACjB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;EACnB,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;;EAEP,gBAAgB;;EAEhB,SAAS;EACT,SAAS;;EAET,oBAAoB;;EAEpB,UAAU;AACZ;;AAEA;EACE,aAAa;EACb,sBAAsB;AACxB;;AAEA;EACE,WAAW;;EAEX,mBAAmB;EACnB,gBAAgB;AAKlB;;ACtMA,wGAAA;IAAA,iBAAA;GAAA,CAAA;;ADwMA;EACE,iCAAiC;AACnC;;AAEA;;EAEE,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,aAAa;AACf",sourcesContent:['@import "../global/variables.css";\n\n/* ensure styles order */\n@import "../link/link.css";\n\n@value dark from "../global/variables_dark.css";\n@value line-shadow: inset 0 -1px 0 0;\n@value selected-line-shadow: inset 0 -2px 0 0;\n\n:root {\n --ring-selected-tab-color: var(--ring-text-color);\n}\n\n.dark,\n:global(.ring-ui-theme-dark) {\n --ring-selected-tab-color: var(--ring-text-color);\n}\n\n.tabs {\n composes: font from "../global/global.css";\n}\n\n.titles {\n display: inline-block;\n\n margin-bottom: calc(var(--ring-unit) * 2);\n}\n\n.titles {\n box-shadow: line-shadow var(--ring-line-color);\n}\n\n.title {\n composes: font from "../global/global.css";\n\n position: relative;\n\n display: inline-block;\n\n padding: 0;\n\n cursor: pointer;\n\n color: inherit;\n\n border: none;\n border-radius: 0;\n background: none;\n\n line-height: calc(var(--ring-unit) * 4);\n\n &:hover,\n &:active {\n color: var(--ring-link-hover-color);\n outline-style: none;\n box-shadow: inset 0 -1px 0 0 var(--ring-link-hover-color);\n\n &.selected,\n &.collapsed {\n color: inherit;\n box-shadow: selected-line-shadow var(--ring-text-color);\n }\n }\n\n &:focus-visible {\n color: var(--ring-main-color);\n box-shadow: selected-line-shadow var(--ring-main-color);\n }\n\n &[disabled] {\n pointer-events: none;\n }\n}\n\n.title.titleLegacy {\n display: inline-flex;\n flex-direction: column;\n}\n\n.title + .title {\n margin-left: calc(var(--ring-unit) * 3);\n}\n\n.title[disabled] {\n color: var(--ring-disabled-color);\n}\n\n.selected {\n cursor: default;\n\n color: var(--ring-active-text-color);\n\n outline: none;\n box-shadow: selected-line-shadow var(--ring-selected-tab-color);\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n.visible {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n text-align: center;\n}\n\n.container {\n display: flex;\n flex-direction: column;\n}\n\n.hidden {\n display: flex;\n visibility: hidden;\n}\n\n.hiddenBold {\n display: flex;\n visibility: hidden;\n\n height: 0;\n\n font-weight: var(--ring-font-weight-bold);\n}\n\n.hiddenRegular {\n display: flex;\n visibility: hidden;\n\n height: 0;\n\n font-weight: normal;\n}\n\n.tabCounter {\n padding-left: 8px;\n\n color: var(--ring-secondary-color);\n\n font-size: 12px;\n font-weight: normal;\n line-height: 19px; /* prevent jumps in Firefox */\n}\n\n.autoCollapseContainer {\n position: relative;\n}\n\n.autoCollapse {\n position: relative;\n\n display: inline-flex;\n visibility: hidden;\n overflow: hidden;\n\n max-width: 100%;\n}\n\n.autoCollapse .title {\n flex-shrink: 0;\n}\n\n.rendered.adjusted {\n visibility: visible;\n overflow: visible;\n}\n\n.measure {\n position: absolute;\n top: 0;\n left: 0;\n\n overflow: hidden;\n\n height: 0;\n margin: 0;\n\n pointer-events: none;\n\n opacity: 0;\n}\n\n.morePopup {\n display: flex;\n flex-direction: column;\n}\n\n.collapsed.collapsed {\n width: 100%;\n\n border-bottom: none;\n box-shadow: none;\n\n &:hover {\n box-shadow: none;\n }\n}\n\n.collapsed.collapsed[disabled] {\n color: var(--ring-disabled-color);\n}\n\n.collapsed .visible,\n.collapsed .hidden {\n text-align: left;\n}\n\n.chevron {\n padding-left: 4px;\n}\n\n.morePopupBeforeEnd.morePopupBeforeEnd.morePopupBeforeEnd {\n padding: 0;\n}\n\n.morePopupBeforeEnd ~ div {\n display: none;\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={dark:`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_dark_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.dark}`,"line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -2px 0 0",tabs:`tabs_d1b7 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default.locals.font}`,titles:"titles_fae8",title:`title_d6fe ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_3__.default.locals.font}`,selected:"selected_db72",collapsed:"collapsed_fed3",titleLegacy:"titleLegacy_c903",visible:"visible_bea5",container:"container_bcc1",hidden:"hidden_bcd6",hiddenBold:"hiddenBold_fdfa",hiddenRegular:"hiddenRegular_dc75",tabCounter:"tabCounter_e3fc",autoCollapseContainer:"autoCollapseContainer_c762",autoCollapse:"autoCollapse_cdca",rendered:"rendered_b876",adjusted:"adjusted_bbfe",measure:"measure_d2ac",morePopup:"morePopup_c02f",chevron:"chevron_ea7c",morePopupBeforeEnd:"morePopupBeforeEnd_e5b2"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/fastdom/fastdom.js":function(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_RESULT__;!function(win){"use strict";var debug=function(){},raf=win.requestAnimationFrame||win.webkitRequestAnimationFrame||win.mozRequestAnimationFrame||win.msRequestAnimationFrame||function(cb){return setTimeout(cb,16)};function FastDom(){this.reads=[],this.writes=[],this.raf=raf.bind(win),debug("initialized",this)}function scheduleFlush(fastdom){fastdom.scheduled||(fastdom.scheduled=!0,fastdom.raf(flush.bind(null,fastdom)),debug("flush scheduled"))}function flush(fastdom){debug("flush");var error,writes=fastdom.writes,reads=fastdom.reads;try{debug("flushing reads",reads.length),fastdom.runTasks(reads),debug("flushing writes",writes.length),fastdom.runTasks(writes)}catch(e){error=e}if(fastdom.scheduled=!1,(reads.length||writes.length)&&scheduleFlush(fastdom),error){if(debug("task errored",error.message),!fastdom.catch)throw error;fastdom.catch(error)}}function remove(array,item){var index=array.indexOf(item);return!!~index&&!!array.splice(index,1)}FastDom.prototype={constructor:FastDom,runTasks:function(tasks){var task;for(debug("run tasks");task=tasks.shift();)task()},measure:function(fn,ctx){debug("measure");var task=ctx?fn.bind(ctx):fn;return this.reads.push(task),scheduleFlush(this),task},mutate:function(fn,ctx){debug("mutate");var task=ctx?fn.bind(ctx):fn;return this.writes.push(task),scheduleFlush(this),task},clear:function(task){return debug("clear",task),remove(this.reads,task)||remove(this.writes,task)},extend:function(props){if(debug("extend",props),"object"!=typeof props)throw new Error("expected object");var child=Object.create(this);return function mixin(target,source){for(var key in source)source.hasOwnProperty(key)&&(target[key]=source[key])}(child,props),child.fastdom=this,child.initialize&&child.initialize(),child},catch:null};var exports=win.fastdom=win.fastdom||new FastDom;void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return exports}.call(exports,__webpack_require__,exports,module))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}("undefined"!=typeof window?window:void 0!==this?this:globalThis)},"./src/control-help/control-help.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/dropdown/dropdown.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/dropdown/dropdown.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/tabs/tabs.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/tabs/tabs.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./node_modules/util-deprecate/browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{function config(name){try{if(!__webpack_require__.g.localStorage)return!1}catch(_){return!1}var val=__webpack_require__.g.localStorage[name];return null!=val&&"true"===String(val).toLowerCase()}module.exports=function deprecate(fn,msg){if(config("noDeprecation"))return fn;var warned=!1;return function deprecated(){if(!warned){if(config("throwDeprecation"))throw new Error(msg);config("traceDeprecation")?console.trace(msg):console.warn(msg),warned=!0}return fn.apply(this,arguments)}}}}]); \ No newline at end of file diff --git a/master/toggle-toggle-stories.292a1abf.iframe.bundle.js b/master/toggle-toggle-stories.292a1abf.iframe.bundle.js deleted file mode 100644 index d6a4add9d15..00000000000 --- a/master/toggle-toggle-stories.292a1abf.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[8156],{"./src/toggle/toggle.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{basic:()=>basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _toggle__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/toggle/toggle.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Toggle",parameters:{notes:"Displays a checkbox as an animated on/off toggle.",zeplinLink:"https://app.zeplin.io/project/5afd8f5511c2d1c625752bb0/screen/6193bc7012b7bdaa2dae6aa9"}},basic=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h1",{children:"Size 14"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{children:"Unchecked by default"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{defaultChecked:!0,children:"Checked by default"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{disabled:!0,children:"Disabled unchecked"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{disabled:!0,defaultChecked:!0,children:"Disabled checked"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{leftLabel:"With label on the left"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{help:"Help text",children:"With help text"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{help:"Help text",disabled:!0,children:"With help text disabled"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h1",{children:"Size 16"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size16,children:"Unchecked by default"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size16,defaultChecked:!0,children:"Checked by default"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size16,disabled:!0,children:"Disabled unchecked"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size16,disabled:!0,defaultChecked:!0,children:"Disabled checked"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size16,leftLabel:"With label on the left"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size16,help:"Help text",children:"With help text"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{help:"Help text",disabled:!0,children:"With help text disabled"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h1",{children:"Size 20"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{style:{lineHeight:"24px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size20,children:"Unchecked by default"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size20,defaultChecked:!0,children:"Checked by default"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size20,disabled:!0,children:"Disabled unchecked"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size20,disabled:!0,defaultChecked:!0,children:"Disabled checked"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size20,leftLabel:"With label on the left"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size20,help:"Help text",children:"With help text"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{help:"Help text",disabled:!0,children:"With help text disabled"})})]})]});basic.storyName="Toggle",basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:'() =>
\n

Size 14

\n
\n Unchecked by default\n
\n
\n Checked by default\n
\n
\n Disabled unchecked\n
\n
\n Disabled checked\n
\n
\n \n
\n
\n With help text\n
\n
\n With help text disabled\n
\n

Size 16

\n
\n Unchecked by default\n
\n
\n Checked by default\n
\n
\n Disabled unchecked\n
\n
\n Disabled checked\n
\n
\n \n
\n
\n With help text\n
\n
\n With help text disabled\n
\n

Size 20

\n
\n
\n Unchecked by default\n
\n
\n Checked by default\n
\n
\n Disabled unchecked\n
\n
\n Disabled checked\n
\n
\n \n
\n
\n With help text\n
\n
\n With help text disabled\n
\n
\n
',...basic.parameters?.docs?.source}}}}}]); \ No newline at end of file diff --git a/master/toggle-toggle-stories.321fea22.iframe.bundle.js b/master/toggle-toggle-stories.321fea22.iframe.bundle.js new file mode 100644 index 00000000000..fb9e3dfed62 --- /dev/null +++ b/master/toggle-toggle-stories.321fea22.iframe.bundle.js @@ -0,0 +1 @@ +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[8156],{"./src/toggle/toggle.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{basic:()=>basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _toggle__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/toggle/toggle.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Toggle",parameters:{notes:"Displays a checkbox as an animated on/off toggle.",zeplinLink:"https://app.zeplin.io/project/5afd8f5511c2d1c625752bb0/screen/6193bc7012b7bdaa2dae6aa9"}},basic=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h1",{children:"Size 14"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{children:"Unchecked by default"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{defaultChecked:!0,children:"Checked by default"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{disabled:!0,children:"Disabled unchecked"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{disabled:!0,defaultChecked:!0,children:"Disabled checked"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{leftLabel:"With label on the left"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{help:"Help text",children:"With help text"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{help:"Help text",disabled:!0,children:"With help text disabled"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h1",{children:"Size 16"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size16,children:"Unchecked by default"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size16,defaultChecked:!0,children:"Checked by default"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size16,disabled:!0,children:"Disabled unchecked"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size16,disabled:!0,defaultChecked:!0,children:"Disabled checked"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size16,leftLabel:"With label on the left"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size16,help:"Help text",children:"With help text"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{help:"Help text",disabled:!0,children:"With help text disabled"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h1",{children:"Size 20"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{style:{lineHeight:"24px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size20,children:"Unchecked by default"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size20,defaultChecked:!0,children:"Checked by default"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size20,disabled:!0,children:"Disabled unchecked"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size20,disabled:!0,defaultChecked:!0,children:"Disabled checked"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size20,leftLabel:"With label on the left"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{size:_toggle__WEBPACK_IMPORTED_MODULE_1__.o.Size20,help:"Help text",children:"With help text"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle__WEBPACK_IMPORTED_MODULE_1__.A,{help:"Help text",disabled:!0,children:"With help text disabled"})})]})]});basic.storyName="Toggle",basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:'() =>
\n

Size 14

\n
\n Unchecked by default\n
\n
\n Checked by default\n
\n
\n Disabled unchecked\n
\n
\n Disabled checked\n
\n
\n \n
\n
\n With help text\n
\n
\n With help text disabled\n
\n

Size 16

\n
\n Unchecked by default\n
\n
\n Checked by default\n
\n
\n Disabled unchecked\n
\n
\n Disabled checked\n
\n
\n \n
\n
\n With help text\n
\n
\n With help text disabled\n
\n

Size 20

\n
\n
\n Unchecked by default\n
\n
\n Checked by default\n
\n
\n Disabled unchecked\n
\n
\n Disabled checked\n
\n
\n \n
\n
\n With help text\n
\n
\n With help text disabled\n
\n
\n
',...basic.parameters?.docs?.source}}}},"./src/control-help/control-help.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ControlHelp});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),_control_help_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/control-help/control-help.css"),_control_help_css__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_control_help_css__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ControlHelp({className,...restProps}){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()(className,_control_help_css__WEBPACK_IMPORTED_MODULE_1___default().help),...restProps})}ControlHelp.__docgenInfo={description:"",methods:[],displayName:"ControlHelp"}},"./src/toggle/toggle.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,o:()=>Size});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/global/data-tests.ts"),_control_help_control_help__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/control-help/control-help.tsx"),_toggle_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/toggle/toggle.css"),_toggle_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_toggle_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Size={Size14:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().size14,Size16:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().size16,Size20:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().size20};class Toggle extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,name:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,title:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,leftLabel:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,defaultChecked:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,checked:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,disabled:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,onChange:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,onTransitionEnd:prop_types__WEBPACK_IMPORTED_MODULE_4___default().func,size:prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOf(Object.values(Size)),"data-test":prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};static defaultProps={size:Size.Size14};render(){const{className,children,disabled,title,leftLabel,size=Size.Size16,"data-test":dataTest,help,onTransitionEnd,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(className,size,_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().toggle,disabled&&_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().disabled);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label",{className:classes,title,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_5__.A)("ring-toggle",dataTest),children:[leftLabel&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span",{className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().leftLabel,children:[leftLabel,help&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_control_help_control_help__WEBPACK_IMPORTED_MODULE_6__.A,{className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().help,children:help})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span",{className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().switchWrapper,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input",{"data-test":"ring-toggle-input",...restProps,type:"checkbox",disabled,className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().input}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().switch,onTransitionEnd})]}),children&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().label,children:[children,help&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_control_help_control_help__WEBPACK_IMPORTED_MODULE_6__.A,{className:_toggle_css__WEBPACK_IMPORTED_MODULE_2___default().help,children:help})]})]})}}const __WEBPACK_DEFAULT_EXPORT__=Toggle;Toggle.__docgenInfo={description:"",methods:[],displayName:"Toggle",props:{size:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"styles.size14",computed:!0},type:{name:"enum",value:[{value:"null",computed:!1},{value:"null",computed:!1},{value:"null",computed:!1}]}},leftLabel:{required:!1,tsType:{name:"ReactNode"},description:"",type:{name:"node"}},"data-test":{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}},help:{required:!1,tsType:{name:"ReactNode"},description:""},children:{description:"",type:{name:"node"},required:!1},name:{description:"",type:{name:"string"},required:!1},className:{description:"",type:{name:"string"},required:!1},title:{description:"",type:{name:"string"},required:!1},defaultChecked:{description:"",type:{name:"bool"},required:!1},checked:{description:"",type:{name:"bool"},required:!1},disabled:{description:"",type:{name:"bool"},required:!1},onChange:{description:"",type:{name:"func"},required:!1},onTransitionEnd:{description:"",type:{name:"func"},required:!1}},composes:["Omit"]}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".help_cb69 {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n","",{version:3,sources:["webpack://./src/control-help/control-help.css"],names:[],mappings:"AAEA;EACE,kCAAkC;;EAElC,wCAAwC;EACxC,2CAA2C;AAC7C",sourcesContent:['@import "../global/variables.css";\n\n.help {\n color: var(--ring-secondary-color);\n\n font-size: var(--ring-font-size-smaller);\n line-height: var(--ring-line-height-lowest);\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={help:"help_cb69"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/toggle/toggle.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,'.toggle_a8a5 {\n display: inline-flex;\n align-items: baseline;\n\n cursor: pointer;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.toggle_a8a5:hover .switch_f3b6 {\n --ring-toggle-background-color: var(--ring-border-hover-color);\n\n transition: none;\n }}\n\n.toggle_a8a5.disabled_b68a {\n pointer-events: none;\n }\n\n.label_a612 {\n margin-left: var(--ring-unit);\n}\n\n.help_cfea {\n margin-top: calc(var(--ring-unit)/2);\n}\n\n.disabled_b68a .label_a612,\n.disabled_b68a .help_cfea {\n color: var(--ring-disabled-color);\n}\n\n.leftLabel_e622 {\n margin-right: var(--ring-unit);\n}\n\n.switchWrapper_adf2 {\n position: relative;\n}\n\n.input_e5d0 {\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n\n opacity: 0;\n}\n\n.switch_f3b6 {\n --ring-toggle-item-color: var(--ring-white-text-color);\n --ring-toggle-background-color: var(--ring-borders-color);\n --ring-toggle-border-color: var(--ring-toggle-background-color);\n --ring-switch-border-color: var(--ring-toggle-item-color);\n\n position: relative;\n\n display: inline-block;\n\n box-sizing: border-box;\n\n width: 100%;\n height: 100%;\n\n transition: background-color cubic-bezier(0.23, 1, 0.32, 1) 300ms;\n\n border: solid 1px var(--ring-toggle-border-color);\n\n background-color: var(--ring-toggle-background-color);\n}\n\n.input_e5d0:focus + .switch_f3b6 {\n box-shadow: inset 0 0 0 1px var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);\n }\n\n.switch_f3b6::before {\n position: absolute;\n top: 50%;\n left: -1px;\n\n box-sizing: border-box;\n\n width: calc(var(--ring-unit)*1.5);\n height: calc(var(--ring-unit)*1.5);\n\n content: "";\n\n transition: transform cubic-bezier(0.23, 1, 0.32, 1) 300ms;\n\n transform: translateX(2px) translateY(-50%);\n\n border: solid 1px var(--ring-switch-border-color);\n\n border-radius: calc(var(--ring-unit)*0.75);\n background-color: var(--ring-toggle-item-color);\n }\n\n.input_e5d0:checked + .switch_f3b6 {\n --ring-toggle-background-color: var(--ring-main-color);\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:checked:hover + .switch_f3b6 {\n --ring-toggle-background-color: var(--ring-main-hover-color);\n}}\n\n.size16_f69a .switchWrapper_adf2 {\n width: calc(var(--ring-unit)*3);\n height: calc(var(--ring-unit)*2);\n }\n\n.size16_f69a .switch_f3b6 {\n vertical-align: -3px;\n\n border-radius: var(--ring-unit);\n }\n\n.size16_f69a .switch_f3b6::before {\n width: calc(var(--ring-unit)*1.5);\n height: calc(var(--ring-unit)*1.5);\n\n border-radius: calc(var(--ring-unit)*0.75);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n.size16_f69a .input_e5d0:checked + ::before {\n transform: translateX(calc(var(--ring-unit)*1.5 - 2px)) translateY(-50%);\n }\n\n.size14_f6be .switchWrapper_adf2 {\n width: calc(var(--ring-unit)*3);\n height: 14px;\n }\n\n.size14_f6be .switch_f3b6 {\n vertical-align: -2px;\n\n border-radius: 7px;\n }\n\n.size14_f6be .switch_f3b6::before {\n width: 10px;\n height: 10px;\n\n border-radius: 5px;\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n.size14_f6be .input_e5d0:checked + ::before {\n transform: translateX(12px) translateY(-50%);\n }\n\n.size20_d4b6 .switchWrapper_adf2 {\n width: calc(var(--ring-unit)*4);\n height: calc(var(--ring-unit)*2.5);\n }\n\n.size20_d4b6 .switch_f3b6 {\n vertical-align: -5px;\n\n border-radius: calc(var(--ring-unit)*1.25);\n }\n\n.size20_d4b6 .switch_f3b6::before {\n width: calc(var(--ring-unit)*2);\n height: calc(var(--ring-unit)*2);\n\n border-radius: calc(var(--ring-unit));\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n.size20_d4b6 .input_e5d0:checked + ::before {\n transform: translateX(calc(var(--ring-unit)*2 - 2px)) translateY(-50%);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n.input_e5d0:checked[disabled] + .switch_f3b6 {\n --ring-toggle-background-color: var(--ring-border-selected-disabled-color);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.input_e5d0[disabled]:not(:checked) + .switch_f3b6 {\n --ring-toggle-item-color: var(--ring-content-background-color);\n --ring-toggle-background-color: var(--ring-disabled-background-color);\n --ring-toggle-border-color: var(--ring-border-disabled-color);\n --ring-switch-border-color: var(--ring-border-disabled-color);\n}\n',"",{version:3,sources:["webpack://./src/toggle/toggle.css",""],names:[],mappings:"AAMA;EACE,oBAAoB;EACpB,qBAAqB;;EAErB,eAAe;AAWjB;;ACrBA,wGAAA;IAAA,+DAAA;;IAAA,iBAAA;GAAA,CAAA;;ADkBE;IACE,oBAAoB;EACtB;;AAGF;EACE,6BAA6B;AAC/B;;AAEA;EACE,oCAAsC;AACxC;;AAEA;;EAEE,iCAAiC;AACnC;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;;EAEP,WAAW;EACX,YAAY;;EAEZ,SAAS;;EAET,UAAU;AACZ;;AAEA;EACE,sDAAsD;EACtD,yDAAyD;EACzD,+DAA+D;EAC/D,yDAAyD;;EAEzD,kBAAkB;;EAElB,qBAAqB;;EAErB,sBAAsB;;EAEtB,WAAW;EACX,YAAY;;EAEZ,iEAAqD;;EAErD,iDAAiD;;EAEjD,qDAAqD;AA2BvD;;AAzBE;IACE,oGAAoG;EACtG;;AAEA;IACE,kBAAkB;IAClB,QAAQ;IACR,UAAU;;IAEV,sBAAsB;;IAEtB,iCAAmC;IACnC,kCAAoC;;IAEpC,WAAW;;IAEX,0DAA8C;;IAE9C,2CAA+C;;IAE/C,iDAAiD;;IAEjD,0CAA4C;IAC5C,+CAA+C;EACjD;;AAGF;EACE,sDAAsD;AACxD;;AC3GA,wGAAA;EAAA,6DAAA;CAAA,CAAA;;ADkHE;IACE,+BAAiC;IACjC,gCAAkC;EACpC;;AAEA;IACE,oBAAoB;;IAEpB,+BAA+B;EAQjC;;AANE;MACE,iCAAmC;MACnC,kCAAoC;;MAEpC,0CAA4C;IAC9C;;AAGF,yDAAyD;;AACzD;IACE,wEAA8E;EAChF;;AAIA;IACE,+BAAiC;IACjC,YAAY;EACd;;AAEA;IACE,oBAAoB;;IAEpB,kBAAkB;EAQpB;;AANE;MACE,WAAW;MACX,YAAY;;MAEZ,kBAAkB;IACpB;;AAGF,yDAAyD;;AACzD;IACE,4CAA4C;EAC9C;;AAIA;IACE,+BAAiC;IACjC,kCAAoC;EACtC;;AAEA;IACE,oBAAoB;;IAEpB,0CAA4C;EAQ9C;;AANE;MACE,+BAAiC;MACjC,gCAAkC;;MAElC,qCAAqC;IACvC;;AAGF,yDAAyD;;AACzD;IACE,sEAA4E;EAC9E;;AAGF,yDAAyD;AACzD;EACE,0EAA0E;AAC5E;;AAEA,yDAAyD;AACzD;EACE,8DAA8D;EAC9D,qEAAqE;EACrE,6DAA6D;EAC7D,6DAA6D;AAC/D",sourcesContent:['@import "../global/variables.css";\n\n@value padding: 2px;\n@value duration: 300ms;\n@value timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n\n.toggle {\n display: inline-flex;\n align-items: baseline;\n\n cursor: pointer;\n\n &:hover .switch {\n --ring-toggle-background-color: var(--ring-border-hover-color);\n\n transition: none;\n }\n\n &.disabled {\n pointer-events: none;\n }\n}\n\n.label {\n margin-left: var(--ring-unit);\n}\n\n.help {\n margin-top: calc(var(--ring-unit) / 2);\n}\n\n.disabled .label,\n.disabled .help {\n color: var(--ring-disabled-color);\n}\n\n.leftLabel {\n margin-right: var(--ring-unit);\n}\n\n.switchWrapper {\n position: relative;\n}\n\n.input {\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n\n opacity: 0;\n}\n\n.switch {\n --ring-toggle-item-color: var(--ring-white-text-color);\n --ring-toggle-background-color: var(--ring-borders-color);\n --ring-toggle-border-color: var(--ring-toggle-background-color);\n --ring-switch-border-color: var(--ring-toggle-item-color);\n\n position: relative;\n\n display: inline-block;\n\n box-sizing: border-box;\n\n width: 100%;\n height: 100%;\n\n transition: background-color timing-function duration;\n\n border: solid 1px var(--ring-toggle-border-color);\n\n background-color: var(--ring-toggle-background-color);\n\n .input:focus + & {\n box-shadow: inset 0 0 0 1px var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);\n }\n\n &::before {\n position: absolute;\n top: 50%;\n left: -1px;\n\n box-sizing: border-box;\n\n width: calc(var(--ring-unit) * 1.5);\n height: calc(var(--ring-unit) * 1.5);\n\n content: "";\n\n transition: transform timing-function duration;\n\n transform: translateX(padding) translateY(-50%);\n\n border: solid 1px var(--ring-switch-border-color);\n\n border-radius: calc(var(--ring-unit) * 0.75);\n background-color: var(--ring-toggle-item-color);\n }\n}\n\n.input:checked + .switch {\n --ring-toggle-background-color: var(--ring-main-color);\n}\n\n:checked:hover + .switch {\n --ring-toggle-background-color: var(--ring-main-hover-color);\n}\n\n.size16 {\n & .switchWrapper {\n width: calc(var(--ring-unit) * 3);\n height: calc(var(--ring-unit) * 2);\n }\n\n & .switch {\n vertical-align: -3px;\n\n border-radius: var(--ring-unit);\n\n &::before {\n width: calc(var(--ring-unit) * 1.5);\n height: calc(var(--ring-unit) * 1.5);\n\n border-radius: calc(var(--ring-unit) * 0.75);\n }\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n & .input:checked + ::before {\n transform: translateX(calc(var(--ring-unit) * 1.5 - padding)) translateY(-50%);\n }\n}\n\n.size14 {\n & .switchWrapper {\n width: calc(var(--ring-unit) * 3);\n height: 14px;\n }\n\n & .switch {\n vertical-align: -2px;\n\n border-radius: 7px;\n\n &::before {\n width: 10px;\n height: 10px;\n\n border-radius: 5px;\n }\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n & .input:checked + ::before {\n transform: translateX(12px) translateY(-50%);\n }\n}\n\n.size20 {\n & .switchWrapper {\n width: calc(var(--ring-unit) * 4);\n height: calc(var(--ring-unit) * 2.5);\n }\n\n & .switch {\n vertical-align: -5px;\n\n border-radius: calc(var(--ring-unit) * 1.25);\n\n &::before {\n width: calc(var(--ring-unit) * 2);\n height: calc(var(--ring-unit) * 2);\n\n border-radius: calc(var(--ring-unit));\n }\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n & .input:checked + ::before {\n transform: translateX(calc(var(--ring-unit) * 2 - padding)) translateY(-50%);\n }\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.input:checked[disabled] + .switch {\n --ring-toggle-background-color: var(--ring-border-selected-disabled-color);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.input[disabled]:not(:checked) + .switch {\n --ring-toggle-item-color: var(--ring-content-background-color);\n --ring-toggle-background-color: var(--ring-disabled-background-color);\n --ring-toggle-border-color: var(--ring-border-disabled-color);\n --ring-switch-border-color: var(--ring-border-disabled-color);\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={padding:"2px",duration:"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)",toggle:"toggle_a8a5",switch:"switch_f3b6",disabled:"disabled_b68a",label:"label_a612",help:"help_cfea",leftLabel:"leftLabel_e622",switchWrapper:"switchWrapper_adf2",input:"input_e5d0",size16:"size16_f69a",size14:"size14_f6be",size20:"size20_d4b6"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/control-help/control-help.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/control-help/control-help.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/toggle/toggle.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/toggle/toggle.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}}}]); \ No newline at end of file diff --git a/master/user-agreement-user-agreement-stories.bd1dd171.iframe.bundle.js b/master/user-agreement-user-agreement-stories.5843ec0d.iframe.bundle.js similarity index 53% rename from master/user-agreement-user-agreement-stories.bd1dd171.iframe.bundle.js rename to master/user-agreement-user-agreement-stories.5843ec0d.iframe.bundle.js index 5e6d8257e9b..9108b9c8fa8 100644 --- a/master/user-agreement-user-agreement-stories.bd1dd171.iframe.bundle.js +++ b/master/user-agreement-user-agreement-stories.5843ec0d.iframe.bundle.js @@ -1 +1 @@ -(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[8936],{"./node_modules/@jetbrains/icons/checkmark.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/exception.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/warning.js":module=>{module.exports=''},"./src/user-agreement/user-agreement.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>user_agreement_stories,dialog:()=>user_agreement_stories_dialog,service:()=>service});var react=__webpack_require__("./node_modules/react/index.js"),alert_service=__webpack_require__("./src/alert-service/alert-service.tsx"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),dialog=__webpack_require__("./src/dialog/dialog.tsx"),header=__webpack_require__("./src/island/header.tsx"),content=__webpack_require__("./src/island/content.tsx"),panel=__webpack_require__("./src/panel/panel.tsx"),button_button=__webpack_require__("./src/button/button.tsx"),i18n_context=__webpack_require__("./src/i18n/i18n-context.tsx"),user_agreement=__webpack_require__("./src/user-agreement/user-agreement.css"),user_agreement_default=__webpack_require__.n(user_agreement),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function noop(){}class UserAgreement extends react.PureComponent{static propTypes={show:prop_types_default().bool,preview:prop_types_default().bool,onAccept:prop_types_default().func,onDecline:prop_types_default().func,onClose:prop_types_default().func,onRemindLater:prop_types_default().func,translations:prop_types_default().shape({userAgreement:prop_types_default().string.isRequired,accept:prop_types_default().string.isRequired,decline:prop_types_default().string.isRequired,close:prop_types_default().string.isRequired,scrollToAccept:prop_types_default().string.isRequired,remindLater:prop_types_default().string.isRequired}),className:prop_types_default().string};static defaultProps={show:!1,onAccept:noop,onDecline:noop,onClose:noop};state={scrolledDown:!1};onScrollToBottom=()=>this.setState({scrolledDown:!0});render(){const{scrolledDown}=this.state,{translations,onAccept,onDecline,onClose,onRemindLater,children,show,preview,className}=this.props;return(0,jsx_runtime.jsx)(i18n_context.g.Consumer,{children:({translate})=>{var _translations$userAgr,_translations$userAgr2,_translations$scrollT,_translations$accept,_translations$decline,_translations$scrollT2,_translations$remindL,_translations$close;return(0,jsx_runtime.jsxs)(dialog.A,{label:null!==(_translations$userAgr=translations?.userAgreement)&&void 0!==_translations$userAgr?_translations$userAgr:translate("userAgreement"),show,className:classnames_default()(user_agreement_default().agreementDialog,className),contentClassName:user_agreement_default().dialogContent,trapFocus:!0,autoFocusFirst:!1,"data-test":"user-agreement",children:[(0,jsx_runtime.jsx)(header.A,{children:null!==(_translations$userAgr2=translations?.userAgreement)&&void 0!==_translations$userAgr2?_translations$userAgr2:translate("userAgreement")}),(0,jsx_runtime.jsx)(content.A,{fade:!0,onScrollToBottom:this.onScrollToBottom,children}),!preview&&(0,jsx_runtime.jsxs)(panel.A,{children:[onRemindLater&&!scrolledDown&&(0,jsx_runtime.jsx)("div",{className:user_agreement_default().suggestion,children:null!==(_translations$scrollT=translations?.scrollToAccept)&&void 0!==_translations$scrollT?_translations$scrollT:translate("scrollToAccept")}),(0,jsx_runtime.jsx)(button_button.Ay,{primary:!0,disabled:!scrolledDown,onClick:onAccept,"data-test":"accept",children:null!==(_translations$accept=translations?.accept)&&void 0!==_translations$accept?_translations$accept:translate("accept")}),(0,jsx_runtime.jsx)(button_button.Ay,{onClick:onDecline,autoFocus:!0,"data-test":"decline",children:null!==(_translations$decline=translations?.decline)&&void 0!==_translations$decline?_translations$decline:translate("decline")}),!onRemindLater&&!scrolledDown&&(0,jsx_runtime.jsx)("span",{className:user_agreement_default().suggestion,children:null!==(_translations$scrollT2=translations?.scrollToAccept)&&void 0!==_translations$scrollT2?_translations$scrollT2:translate("scrollToAccept")}),onRemindLater&&(0,jsx_runtime.jsx)(button_button.Ay,{className:user_agreement_default().remindLaterButton,onClick:onRemindLater,"data-test":"later",children:null!==(_translations$remindL=translations?.remindLater)&&void 0!==_translations$remindL?_translations$remindL:translate("remindLater")})]}),preview&&(0,jsx_runtime.jsx)(panel.A,{children:(0,jsx_runtime.jsx)(button_button.Ay,{onClick:onClose,autoFocus:!0,"data-test":"close",children:null!==(_translations$close=translations?.close)&&void 0!==_translations$close?_translations$close:translate("close")})})]})}})}}UserAgreement.__docgenInfo={description:"A component that displays a user agreement dialog.",methods:[{name:"onScrollToBottom",docblock:null,modifiers:[],params:[],returns:null}],displayName:"UserAgreement",props:{translations:{required:!1,tsType:{name:"union",raw:"UserAgreementTranslations | null | undefined",elements:[{name:"UserAgreementTranslations"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"shape",value:{userAgreement:{name:"string",required:!0},accept:{name:"string",required:!0},decline:{name:"string",required:!0},close:{name:"string",required:!0},scrollToAccept:{name:"string",required:!0},remindLater:{name:"string",required:!0}}}},children:{required:!0,tsType:{name:"ReactNode"},description:""},show:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},onAccept:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"function noop() {}",computed:!1},type:{name:"func"}},onDecline:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"function noop() {}",computed:!1},type:{name:"func"}},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"function noop() {}",computed:!1},type:{name:"func"}},preview:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},onRemindLater:{required:!1,tsType:{name:"union",raw:"(() => void) | null | undefined",elements:[{name:"unknown"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"func"}},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}}}};var client=__webpack_require__("./node_modules/react-dom/client.js"),storage=__webpack_require__("./src/storage/storage.ts"),link_link=__webpack_require__("./src/link/link.tsx"),alert_alert=__webpack_require__("./src/alert/alert.tsx"),group=__webpack_require__("./src/group/group.tsx"),controls_height=__webpack_require__("./src/global/controls-height.tsx");const DEFAULT_CONSENT={accepted:!1,majorVersion:0,minorVersion:0},DEFAULT_AGREEMENT={enabled:!1,majorVersion:0,minorVersion:0,requiredForREST:!1,content:""};class UserAgreementService{config;constructor(config){if(!config)throw new Error("Please pass a config to UserAgreementService");if(!config.getUserAgreement)throw new Error('Please pass a "getUserAgreement" option to UserAgreementService');if(!config.getUserConsent)throw new Error('Please pass a "getUserConsent" option to UserAgreementService');if(!config.setUserConsent)throw new Error('Please pass a "setUserConsent" option to UserAgreementService');this.config=config,this.interval=config.interval||this.interval}_dialogPromise=null;_alertPromise=null;tabId=Math.random();interval=36e5;container=document.createElement("div");reactRoot=(0,client.createRoot)(this.container);storage=new storage.A;checkingPromise=null;guest=!1;userAgreement=DEFAULT_AGREEMENT;userConsent=DEFAULT_CONSENT;intervalId;startChecking=()=>{this.intervalId=window.setInterval(this.checkConsentAndShowDialog,this.interval),window.addEventListener("storage",this.onStorageEvent),this.checkConsentAndShowDialog()};stopChecking=()=>{clearInterval(this.intervalId),window.removeEventListener("storage",this.onStorageEvent),this.hideDialog()};onStorageEvent=event=>{if("userAgreementKey"===event.key&&null!=event.newValue){const{tabId,command}=JSON.parse(event.newValue);tabId!==this.tabId&&("userAgreementShow"===command?this.checkConsentAndShowDialog(!0):"userAgreementHide"===command&&this.hideDialogAndAlert(!0))}};_notifyAboutShowing=()=>{localStorage.setItem("userAgreementKey",JSON.stringify({command:"userAgreementShow",tabId:this.tabId}))};_notifyAboutHiding=()=>{localStorage.setItem("userAgreementKey",JSON.stringify({command:"userAgreementHide",tabId:this.tabId}))};getUserAgreement=async()=>(this.userAgreement=await this.config.getUserAgreement()||DEFAULT_AGREEMENT,this.userAgreement);getUserConsent=async()=>{const{guest,endUserAgreementConsent}=await this.config.getUserConsent();return this.guest=guest,this.userConsent=guest?await this.storage.get("end-user-agreement-consent")||this.userConsent:endUserAgreementConsent||this.userConsent,this.userConsent};checkConsentAndShowDialog=async withoutNotifications=>await this.checkConsent()?this.hideDialogAndAlert(withoutNotifications):this.showDialogOrAlert(withoutNotifications);checkConsent=async()=>{this.checkingPromise||(this.checkingPromise=Promise.all([this.getUserAgreement(),this.getUserConsent()]));const[userAgreement,userConsent]=await this.checkingPromise;this.checkingPromise=null;const{enabled,majorVersion:actualVersion}=userAgreement,{accepted,majorVersion:acceptedVersion}=userConsent;return!enabled||accepted&&actualVersion===acceptedVersion};alertKey;showAlert=withoutNotifications=>(this._alertPromise||(this._alertPromise=new Promise(((resolve,reject)=>{const{userAgreement,reviewNow,remindLater}=this.config.translations||{},onRemind=()=>{this.hideDialogAndAlert(withoutNotifications),reject("Postponed")},message=(0,jsx_runtime.jsxs)(group.A,{children:[(0,jsx_runtime.jsx)("span",{children:userAgreement||"User Agreement"}),(0,jsx_runtime.jsx)(link_link.A,{onClick:async()=>{await this.showDialog(!0,!1,{onRemindLater:onRemind}),this.hideAlert(withoutNotifications),resolve()},"data-test":"review",children:reviewNow||"Review now"}),(0,jsx_runtime.jsx)(link_link.A,{onClick:onRemind,"data-test":"later",children:remindLater||"Remind me later"})]});this.alertKey=alert_service.A.addAlert(message,alert_alert.Ay.Type.WARNING,0,{closeable:!1})})),withoutNotifications||this._notifyAboutShowing()),this._alertPromise);hideAlert=withoutNotifications=>{const{onRemindLater}=this.config;alert_service.A.remove(this.alertKey),this.alertKey=null,this._alertPromise=null,onRemindLater&&onRemindLater(),withoutNotifications||this._notifyAboutHiding()};showDialog=(withoutNotifications,preview=!1,restOptions)=>{const{translations,onDialogShow}=this.config,{content}=this.userAgreement;return this._dialogPromise||(this._dialogPromise=new Promise(((resolve,reject)=>{const onClose=this.hideDialogAndAlert,props={children:content,show:true,onAccept:async()=>{await this.onAccept(),resolve()},onDecline:async()=>{await this.onDecline(),reject()},onClose,translations,preview,...restOptions};this.reactRoot.render((0,jsx_runtime.jsx)(controls_height.VJ.Provider,{value:(0,controls_height.jT)(),children:(0,jsx_runtime.jsx)(UserAgreement,{...props})})),onDialogShow&&onDialogShow()})),withoutNotifications||this._notifyAboutShowing()),this._dialogPromise};hideDialog=withoutNotifications=>{const{onDialogHide}=this.config;this.reactRoot.render(null),onDialogHide&&(onDialogHide(),this._dialogPromise=null,withoutNotifications||this._notifyAboutHiding())};showDialogOrAlert=(withoutNotifications,preview,restOptions)=>this.guest&&!this.userAgreement.requiredForREST?this.showAlert(withoutNotifications):this.showDialog(withoutNotifications,preview,restOptions);hideDialogAndAlert=withoutNotifications=>{this.hideAlert(withoutNotifications),this.hideDialog(withoutNotifications)};onAccept=async()=>{const{setUserConsent,onAccept}=this.config;if(this.guest){const{majorVersion,minorVersion}=this.userAgreement;this.userConsent={majorVersion,minorVersion,accepted:!0},await this.storage.set("end-user-agreement-consent",this.userConsent)}else this.userConsent=await setUserConsent();this.hideDialog(),onAccept&&onAccept()};onDecline=()=>{const{onDecline}=this.config;this.hideDialog(),onDecline&&onDecline()}}const toolbox_eula='IMPORTANT! READ CAREFULLY:\nTHIS IS A LEGAL AGREEMENT. BY CLICKING ON THE "I AGREE" (OR SIMILAR) BUTTON THAT IS PRESENTED TO CUSTOMER AT THE TIME OF CUSTOMER\'S PURCHASE, OR BY DOWNLOADING, INSTALLING, COPYING, SAVING ON CUSTOMER\'S COMPUTER, OR OTHERWISE USING JETBRAINS SOFTWARE, SUPPORT OR PRODUCTS CUSTOMER BECOMES A PARTY TO THIS AGREEMENT AND CUSTOMER CONSENTS TO BE BOUND BY ALL THE TERMS AND CONDITIONS SET FORTH BELOW.\n\nNote: In case the terms of this Agreement are in conflict with the terms of any agreement individually negotiated and agreed between JetBrains and Customer, the terms of the latter shall prevail.\n\n1. PARTIES\n1.1. "JetBrains" or "We" means JetBrains s.r.o., having its principal place of business at Na hrebenech II 1718/10, Prague, 14000, Czech Republic, registered in the Commercial Register maintained by the Municipal Court of Prague, Section C, File 86211, ID. No.: 265 02 275.\n\n1.2. "Customer" or "You" means the sole proprietor or legal entity specified in the Subscription Confirmation. For legal entities, "Customer" includes any entity which controls, is controlled by, or is under common control with Customer. For the purposes of this definition, "control" means (i) the power, directly or indirectly, to direct or manage such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares or beneficial ownership of such entity.\n\n2. DEFINITIONS\n2.1. "Agreement" means this Toolbox Subscription Agreement.\n\n2.2. "Product" means any generally available JetBrains software product identified by JetBrains as an individual developer tool. For the avoidance of doubt, the Product is not produced to the specifications of Customer nor customized through modification or personalization, and is intended for mass distribution.\n\n2.3. "Client" means a computer device used by a User for running the Product.\n\n2.4. "Product Version" means a release, update, or upgrade of a particular Product that is not identified by JetBrains as being made for the purpose of fixing software bugs.\n\n2.5. "Bug Fix Update" for a particular Product Version means a software update or release that is specifically identified by JetBrains as a bug fix for that Product Version.\n\n2.6. "Fallback Date" means the date that was 12 months prior to the date of expiration of the Toolbox Subscription.\n\n2.7. "Fallback Version" means the most recent Product Version that JetBrains made available for public purchase prior to the Fallback Date, along with any Bug Fix Updates for that Product Version. For the purpose of clarity, Fallback Version does not include any Product updates or upgrades other than Bug Fix Updates that Customer may have used in the period between the Fallback Date and the date of expiration of the Toolbox Subscription.\n\n2.8. "JetBrains Account" or "JBA" means an account at https://account.jetbrains.com created by Customer or a single User, having a unique name and password, and enabling User management and Toolbox Subscription administration and/or access to Products in accordance with a Toolbox Subscription.\n\n2.9. "JetBrains Toolbox" means the set of Products which are subject to this Agreement. For the avoidance of doubt, JetBrains Toolbox does not include JetBrains team productivity software and services such as YouTrack, TeamCity, UpSource or Hub or any other software, services or products which do not fall within the definition of Section 2.2 and which are subject to different terms and conditions.\n\n2.10. "Subscription Confirmation" means an email confirming Customer\'s rights to access and use Products, including Toolbox Subscription plans, and the number of authorized Users.\n\n2.11. "Toolbox Subscription" specifies the subscription term, Products provided to Customer, subscription fees and payment schedules.\n\n2.12. "User" means any employee, independent contractor or other personnel obtaining access to the Product(s) from Customer.\n\n3. GRANT OF RIGHTS\n3.1. The Product is provided on a per-seat basis. If Customer complies with the terms of this Agreement, Customer has the rights stipulated hereunder for each Toolbox Subscription that Customer acquires. Customer\'s rights acquired in relation to the Product are limited to those necessary to enable Customer and its Users to effectively operate the Product(s). All other rights remain reserved to JetBrains.\n\n3.2. Unless the Toolbox Subscription has expired or this Agreement is terminated in accordance with Section 12, and subject to the terms and conditions specified herein, JetBrains grants Customer a non-exclusive and non-transferable right to use each Product covered by the Toolbox Subscription as stipulated below:\n\n(A) Customer may:\n\n(i) Install and use any version of the Product covered by the Toolbox Subscription on any number of Clients and on any operating system supported by the Product; and\n\n(ii) Make one backup copy of the Product solely for archival/security backup purposes.\n\n(B) Customer may not:\n\n(i) Allow the same Toolbox Subscription to be used concurrently by more than one (1) User;\n\n(ii) Rent, lease, reproduce, modify, adapt, create derivative works of, distribute, sell, or transfer the Product;\n\n(iii) Provide access to the Product, Customer\'s JetBrains Account or the right to use the Product to a third party;\n\n(iv) Reverse engineer, decompile, disassemble, modify, or translate, or make any attempt to discover the source code of, the Product; or\n\n(v) Remove or obscure any proprietary or other notices contained in the Product.\n\n3.3. Following the expiration of this Agreement, the rights stipulated in Section 3.2(A) shall continue on a perpetual, royalty-free, non-exclusive, and non-transferable basis for the continued use of a Fallback Version of each Product covered by the Toolbox Subscription. The limitations set forth in Sections 3.1 and 3.2(B) of this Agreement apply to the usage of the Fallback Version, as shall Section 12.5. The rights granted in this Section 3.3 are expressly contingent upon Customer not being in breach of this Agreement, including having paid in full the applicable Toolbox Subscription fees for the preceding 12 months or longer without interruption.\n\n3.4. Customer acknowledges that no ownership right is conveyed to Customer under this Agreement, irrespective of the use of terms such as "purchase" or "sale". JetBrains has and retains all rights, title and interest, including all intellectual property rights, in and to the Products and any and all related or underlying technology, and any modifications or derivative works thereof, including without limitation as they may incorporate Feedback (as defined below).\n\n4. PURCHASING THROUGH RESELLERS\nThis Agreement applies whether Customer purchases a Toolbox Subscription directly from JetBrains or through resellers. If Customer purchases through a reseller, the Toolbox Subscription details shall be as stated in the Subscription Confirmation issued by the reseller to Customer, and the reseller is responsible for the accuracy of any such Subscription Confirmation. Resellers are not authorized to make any promises or commitments on JetBrains\' behalf, and Customer understands and agrees that JetBrains is not bound by any obligations to Customer other than as specified in this Agreement.\n\n5. ACCESS TO PRODUCTS\n5.1. All deliveries under this Agreement will be electronic. Customer and its Users must have an Internet connection in order to access JBA and receive any deliveries. For the avoidance of doubt, Customer is responsible for downloading and installing the Products, which are made available for download on JetBrains\' website at www.jetbrains.com.\n\n5.2. Customer and its Users may use the JBA in accordance with its documentation. Customer and its Users are solely responsible for the accuracy of any information provided via and any action taken through the JBA.\n\n5.3. Customer may enable Users to access Products in one of the following ways:\n\n(A) By sending an invitation from Customer\'s JBA to a User JBA. Customer acknowledges and agrees that the Product will periodically connect from a User Client to JetBrains\' servers via the Internet to confirm that User\'s right to use the Product;\n\n(B) By generating an offline activation code in Customer\'s JBA and providing it to the User for offline Product activation. It is Customer\'s responsibility to generate a new activation code and apply it to the Product registration screen every time changes are made to the right of use assignment or Toolbox Subscription plan, as well as whenever a subscription is renewed;\n\n(C) Via a server application located on Customer\'s premises that enables access to the Product from Clients that are within Customer\'s local area network ("Product Server"). The Product Server option may be provided to Customer at the sole discretion of JetBrains.\n\n6. FEES\nCustomer shall pay its Toolbox Subscription fees in accordance with JetBrains Terms of Purchase or the reseller\'s terms of purchase, whichever are applicable. The Toolbox Subscription fees shall be paid in full, and any levies, duties and/or taxes imposed by Customer\'s jurisdiction (including, but not limited to, value added tax, sales tax and withholding tax), shall be borne solely by Customer. Customer may not deduct any amounts from fees payable to JetBrains or the reseller, unless otherwise specified in the applicable terms of purchase.\n\n7. FEEDBACK\nCustomer has no obligation to provide Us with ideas, suggestions, or proposals ("Feedback"). However, if Customer or Users submit Feedback to us, then Customer grants us a non-exclusive, worldwide, royalty-free license that is sub-licensable and transferable, to make, use, sell, have made, offer to sell, import, reproduce, publicly display, distribute, modify, or publicly perform the Feedback in any manner without any obligation, royalty or restriction based on intellectual property rights or otherwise.\n\n8. THIRD-PARTY SOFTWARE\nThe Products include code and libraries licensed to Us by third parties, including open source software ("Third-Party Software"). The list of Third-Party Software included in each Product is available in the Product documentation. All Third-Party Software is provided to Customer under the respective terms stipulated in the Product documentation.\n\n9. TOOLBOX SUBSCRIPTION TRIAL\n9.1. Subject to the terms of this Agreement, Customer is granted a one-time right to install and use the Product for evaluation purposes without charge for a period of thirty (30) days from the date of the Product installation ("Evaluation Period"). Customer\'s use of the Product during the Evaluation Period shall be limited to the internal evaluation of the Product for the sole purpose of determining whether the Product meets Customer\'s requirements and whether Customer desires to continue using the Product.\n\n9.2. Customer may withdraw from using the Product at Customer\'s sole discretion anytime before expiration of the Evaluation Period. Upon expiration of the Evaluation Period, Customer\'s right to continue to use the Product will terminate, unless Customer purchases a Toolbox Subscription to the Product. The Product contains a feature that will automatically disable the Product upon the expiration of the Evaluation Period.\n\n10. LIMITED WARRANTY\nALL PRODUCTS ARE PROVIDED TO CUSTOMER ON AN "AS IS" AND "AS AVAILABLE" BASIS WITHOUT WARRANTIES. USE OF THE PRODUCTS IS AT YOUR OWN RISK. JETBRAINS MAKES NO WARRANTY AS TO THEIR USE OR PERFORMANCE. TO THE MAXIMUM EXTENT PERMITTED BY APPLICABLE LAW, JETBRAINS, AND ITS SUPPLIERS (WHICH SHALL INCLUDE THE PROVIDERS OF THE THIRD PARTY SOFTWARE) AND RESELLERS, DISCLAIM ALL WARRANTIES AND CONDITIONS, EITHER EXPRESS OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT, WITH REGARD TO THE PRODUCTS, AND THE PROVISION OF OR FAILURE TO PROVIDE SUPPORT SERVICES. THIS LIMITED WARRANTY GIVES CUSTOMER SPECIFIC LEGAL RIGHTS. CUSTOMER MAY HAVE OTHER RIGHTS, WHICH VARY FROM STATE/JURISDICTION TO STATE/JURISDICTION. JETBRAINS (AND ITS AFFILIATES, AGENTS, DIRECTORS AND EMPLOYEES) DOES NOT WARRANT THAT THE PRODUCTS ARE ACCURATE, RELIABLE OR CORRECT; THAT THE PRODUCTS WILL MEET YOUR REQUIREMENTS; THAT THE PRODUCTS WILL BE AVAILABLE AT ANY PARTICULAR TIME OR LOCATION, UNINTERRUPTED OR SECURE; THAT ANY DEFECTS OR ERRORS WILL BE CORRECTED; OR THAT THE PRODUCTS ARE FREE OF VIRUSES OR OTHER HARMFUL COMPONENTS. ANY CONTENT OR DATA DOWNLOADED OR OTHERWISE OBTAINED THROUGH THE USE OF THE PRODUCTS ARE DOWNLOADED AT YOUR OWN RISK AND YOU WILL BE SOLELY RESPONSIBLE FOR ANY DAMAGE TO YOUR PROPERTY OR LOSS OF DATA THAT RESULTS FROM SUCH DOWNLOAD.\n\n11. DISCLAIMER OF DAMAGES\n11.1. TO THE MAXIMUM EXTENT PERMITTED BY APPLICABLE LAW, IN NO EVENT WILL JETBRAINS (OR ITS AFFILIATES, AGENTS, DIRECTORS, OR EMPLOYEES), OR JETBRAINS\' LICENSORS, SUPPLIERS OR RESELLERS BE LIABLE TO CUSTOMER OR ANYONE ELSE FOR: (A) ANY LOSS OF USE, DATA, GOODWILL, OR PROFITS, WHETHER OR NOT FORESEEABLE; (B) ANY LOSS OR DAMAGES IN CONNECTION WITH TERMINATION OR SUSPENSION OF CUSTOMER\'S ACCESS TO OUR PRODUCTS IN ACCORDANCE WITH THIS AGREEMENT, OR (C) ANY SPECIAL, INCIDENTAL, INDIRECT, CONSEQUENTIAL, EXEMPLARY OR PUNITIVE DAMAGES WHATSOEVER (EVEN IF WE HAVE BEEN ADVISED OF THE POSSIBILITY OF THESE DAMAGES), INCLUDING THOSE (X) RESULTING FROM LOSS OF USE, DATA, OR PROFITS, WHETHER OR NOT FORESEEABLE, (Y) BASED ON ANY THEORY OF LIABILITY, INCLUDING BREACH OF CONTRACT OR WARRANTY, STRICT LIABILITY, NEGLIGENCE OR OTHER TORTIOUS ACTION, OR (Z) ARISING FROM ANY OTHER CLAIM ARISING OUT OF OR IN CONNECTION WITH CUSTOMER\'S USE OF OR ACCESS TO THE PRODUCTS OR SUPPORT. THE FOREGOING LIMITATION OF LIABILITY SHALL APPLY TO THE FULLEST EXTENT PERMITTED BY LAW IN THE APPLICABLE JURISDICTION.\n\n11.2. OUR TOTAL LIABILITY IN ANY MATTER ARISING OUT OF OR IN RELATION TO THIS AGREEMENT IS LIMITED TO ONE HUNDRED (100) US DOLLARS OR THE AGGREGATE AMOUNT PAID OR PAYABLE BY THE CUSTOMER FOR PRODUCTS DURING THE THREE-MONTH PERIOD PRECEDING THE EVENT GIVING RISE TO THE LIABILITY, WHICHEVER IS GREATER. THIS LIMITATION WILL APPLY EVEN IF WE HAVE BEEN ADVISED OF THE POSSIBILITY OF LIABILITY EXCEEDING SUCH AMOUNT AND NOTWITHSTANDING ANY FAILURE OF THE ESSENTIAL PURPOSE OF ANY LIMITED REMEDY.\n\n12. TERM AND TERMINATION\n12.1. The term of this Agreement will commence upon acceptance of this Agreement by Customer as set forth in the preamble above, and will continue for each Product through the end of the applicable subscription period specified in the respective Subscription Confirmation. This Agreement will automatically renew with respect to each Product for a successive Toolbox Subscription term, unless terminated as set forth herein.\n\n12.2. Customer may terminate this Agreement at any time by cancelling its Product subscription via Customer\'s JetBrains Account. If such termination occurs during a then-current subscription period, this Agreement will continue to be effective until the end of that subscription period. Such termination does not relieve Customer of the obligation to pay any outstanding subscription fees owed to JetBrains, and no credits or refunds will be issued to Customer for prepaid subscription fees (except as specified in the JetBrains Terms of Purchase, if applicable).\n\n12.3. JetBrains may terminate this agreement if:\n\n(A) Customer has materially breached this Agreement and fails to cure such breach within thirty (30) days of written notice thereof;\n\n(B) Customer fails to make the timely payment of subscription fees in accordance with Section 6 of this Agreement;\n\n(C) JetBrains is required to do so by law (for example, where the provision of the JetBrains Toolbox to Customer is, or becomes, unlawful); or\n\n(D) JetBrains elects to discontinue providing the JetBrains Toolbox, in whole or in part.\n\n12.4. JetBrains will make reasonable efforts to notify Customer via email as follows:\n\n(A) Thirty (30) days prior to termination of the Agreement in the events specified in Sections 12.3(C) and 12.3(D) above, and in such events Customer will be entitled to a refund of the unused portion of prepaid subscription fees, if applicable;\n\n(B) Three (3) days prior to termination of the Agreement in the event specified in Section 12.3(B), and in such event Customer will not be entitled to any refund of the unused portion of prepaid subscription fees.\n\n12.5. Survival. Upon the expiration or termination of this Agreement by Customer under Section 12.2, and if Customer elects to use the Fallback Version of the Product subject to Section 3.3 of this Agreement, Sections 3.3, 7, 8, 10 and 11 of this Agreement will also survive with respect to said Fallback Version.\n\n13. TEMPORARY SUSPENSION FOR NON-PAYMENT\n13.1. JetBrains reserves the right to suspend Customer\'s access to JetBrains\' Products if Customer fails to pay subscription fees on time in accordance with Section 6 of this Agreement.\n\n13.2. If JetBrains suspends Customer\'s access to JetBrains\' Products for non-payment according to Section 13.1., Customer must pay all past due amounts in order to restore its access to JetBrains\' Products.\n\n13.3. Customer hereby agrees that JetBrains is entitled to charge Customer for the time period during which Customer has access to JetBrains Products until Customer or JetBrains terminates or suspends Customer\'s subscription in accordance with this Agreement.\n\n14. EXPORT REGULATIONS\nCustomer shall comply with all applicable laws and regulations with regards to economic sanctions, export controls, import regulations, and trade embargoes (all herein referred to as "Sanctions"), including those of the European Union and United States (specifically the Export Administration Regulations (EAR)). Customer declares that it is not a person targeted by Sanctions nor is it otherwise owned or controlled by or acting on behalf of any person targeted by Sanctions. Further, Customer warrants that it will not download or otherwise export or re-export the JetBrains Toolbox or any related technical data directly or indirectly to any person targeted by Sanctions or download or otherwise use the JetBrains Toolbox for any end-use prohibited or restricted by Sanctions.\n\n15. MARKETING\nCustomer agrees that JetBrains may identify it as a customer of JetBrains and may refer to it by name, trade name and trademark, if applicable. JetBrains may also briefly describe Customer\'s business in JetBrains marketing materials, on the JetBrains website and/or in public or legal documents. Customer hereby grants JetBrains a worldwide, non-exclusive and royalty-free license to use Customer\'s name and any of Customer\'s trade names and trademarks solely pursuant to this marketing section.\n\n16. GENERAL\n16.1. Entire Agreement. This Agreement, including the Third-Party Software license terms, constitutes the entire agreement between the parties concerning its subject matter and supersedes any prior agreements between Customer and JetBrains regarding Customer\'s use of any Products in the JetBrains Toolbox. No purchase order, other ordering document or any handwritten or typewritten text which purports to modify or supplement the printed text of this Agreement or any schedule will add to or vary the terms of this Agreement unless signed by both Customer and JetBrains.\n\n16.2. Reservation of Rights. JetBrains reserves the right at any time to cease the support of the JetBrains Toolbox and to alter prices, features, specifications, capabilities, functions, terms of use, release dates, general availability or other characteristics of the JetBrains Toolbox.\n\n16.3. Changes to this Agreement. We may update or modify this Agreement from time to time, including any referenced policies and other documents. If a revision meaningfully reduces Customer\'s rights, we will use reasonable efforts to notify Customer (by, for example, sending an email to the billing or technical contact provided by Customer to us, posting on our blog, through Customer\'s JetBrains Account, or via the Product itself). If we modify this Agreement, the modified version of the Agreement will be effective from the start of the next Toolbox Subscription term. In this case, if Customer objects to the updated Agreement terms, as Customer\'s exclusive remedy, Customer may cancel the Toolbox Subscription. Customer may be required to click through the updated Agreement to show its acceptance. For the avoidance of doubt, each Subscription Confirmation is subject to the version of the Agreement in effect on the Subscription Confirmation date.\n\n16.4. Opportunity to Review. Customer hereby declares that Customer has had sufficient opportunity to review this Agreement, understand the content of all of its clauses, negotiate its terms, and seek independent professional legal advice in that respect before entering into it. Consequently, any statutory "form contract" ("adhesion contract") regulations shall not be applicable to this Agreement.\n\n16.5. Severability. If a particular term of this Agreement is not enforceable, the unenforceability of that term will not affect any other terms of this Agreement.\n\n16.6. Headings. Headings and titles are for convenience only and do not affect the interpretation of this Agreement.\n\n16.7. No Waiver. Our failure to enforce or exercise any part of this Agreement is not a waiver of that section.\n\n16.8. Notice. JetBrains may deliver any notice to Customer via electronic mail to an email address provided by Customer, its JetBrains Account, registered mail, personal delivery or renowned express courier (such as DHL, FedEx or UPS). Any such notice will be deemed to be effective (i) on the day the notice is sent to Customer via email, (ii) upon being uploaded to Customer\'s JetBrains Account (irrespective of when Customer actually receives it), (iii) upon personal delivery, (iv) one (1) day after deposit with an express courier, (v) or five (5) days after deposit in the mail, whichever occurs first.\n\n16.9. Governing Law. This Agreement will be governed by the laws of the Czech Republic, without reference to conflict of laws principles. Customer agrees that any litigation relating to this Agreement may only be brought in, and will be subject to the jurisdiction of, any competent court of the Czech Republic. The parties agree that the United Nations Convention on Contracts for the International Sale of Goods does not apply to this Agreement.\n\nFor exceptions or modifications to this Agreement, please contact JetBrains at:\nAddress: Na hrebenech II 1718/10, Prague, 14000, Czech Republic\nFax: +420 241 722 540\nE-mail: sales@jetbrains.com\n',user_agreement_stories={title:"Components/User Agreement",component:UserAgreement,parameters:{screenshots:{captureSelector:"*[data-test~=ring-dialog]"},a11y:{element:"#storybook-root,*[data-test~=ring-dialog]"}}},user_agreement_stories_dialog=args=>(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(UserAgreement,{...args})});function user_agreement_stories_noop(){}user_agreement_stories_dialog.args={show:!0,children:(0,jsx_runtime.jsx)("div",{style:{whiteSpace:"pre-wrap"},children:toolbox_eula}),onRemindLater:null},user_agreement_stories_dialog.argTypes={onRemindLater:{}},user_agreement_stories_dialog.parameters={actions:{argTypesRegex:"^on(?!RemindLater).*"}},user_agreement_stories_dialog.storyName="dialog";const service=({onGetUserAgreement=user_agreement_stories_noop,onGetUserConsent=user_agreement_stories_noop,onSetUserConsent=user_agreement_stories_noop,onAccept,onDecline,onDialogShow,onDialogHide})=>{const fakeUserAgreement={enabled:!0,majorVersion:1,content:(0,jsx_runtime.jsx)("div",{style:{whiteSpace:"pre-wrap"},children:toolbox_eula})},fakeUserConsent={accepted:!1},fakeUserConsentResponse={guest:!0,endUserAgreementConsent:fakeUserConsent},agreementService=new UserAgreementService({getUserAgreement:()=>(onGetUserAgreement(fakeUserAgreement),fakeUserAgreement),getUserConsent:()=>(onGetUserConsent(fakeUserConsentResponse),fakeUserConsentResponse),setUserConsent:()=>(onSetUserConsent(fakeUserConsent),fakeUserConsent),onAccept,onDecline,onDialogShow,onDialogHide,interval:1e4});class UserAgreementServiceDemo extends react.Component{componentDidMount(){agreementService.startChecking()}componentWillUnmount(){agreementService.stopChecking(),alert_service.A._getShowingAlerts().forEach((item=>alert_service.A.removeWithoutAnimation(item.key)))}render(){return null}}return(0,jsx_runtime.jsx)(UserAgreementServiceDemo,{})};service.argTypes={onGetUserAgreement:{},onGetUserConsent:{},onSetUserConsent:{},onAccept:{},onDecline:{},onDialogShow:{},onDialogHide:{}},service.storyName="service",service.parameters={screenshots:{skip:!0},a11y:{element:'#storybook-root,*[data-test="alert-container"]'}},user_agreement_stories_dialog.parameters={...user_agreement_stories_dialog.parameters,docs:{...user_agreement_stories_dialog.parameters?.docs,source:{originalSource:"args =>
\n \n
",...user_agreement_stories_dialog.parameters?.docs?.source}}},service.parameters={...service.parameters,docs:{...service.parameters?.docs,source:{originalSource:"({\n onGetUserAgreement = noop,\n onGetUserConsent = noop,\n onSetUserConsent = noop,\n onAccept,\n onDecline,\n onDialogShow,\n onDialogHide\n}) => {\n const fakeUserAgreement: Agreement = {\n enabled: true,\n majorVersion: 1.0,\n content:
{text}
\n };\n const fakeUserConsent: Consent = {\n accepted: false\n };\n const fakeUserConsentResponse: ConsentResponse = {\n guest: true,\n endUserAgreementConsent: fakeUserConsent\n };\n const agreementService = new UserAgreementService({\n getUserAgreement: () => {\n onGetUserAgreement(fakeUserAgreement);\n return fakeUserAgreement;\n },\n getUserConsent: () => {\n onGetUserConsent(fakeUserConsentResponse);\n return fakeUserConsentResponse;\n },\n setUserConsent: () => {\n onSetUserConsent(fakeUserConsent);\n return fakeUserConsent;\n },\n onAccept,\n onDecline,\n onDialogShow,\n onDialogHide,\n interval: 10000\n });\n class UserAgreementServiceDemo extends Component {\n componentDidMount() {\n agreementService.startChecking();\n }\n componentWillUnmount() {\n agreementService.stopChecking();\n alert._getShowingAlerts().forEach(item => alert.removeWithoutAnimation(item.key));\n }\n render() {\n return null;\n }\n }\n return ;\n}",...service.parameters?.docs?.source}}}},"./src/alert-service/alert-service.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_dom_client__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-dom/client.js"),_global_get_uid__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/get-uid.ts"),_alert_alert__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/alert/container.tsx"),_alert_alert__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/alert/alert.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=new class AlertService{defaultTimeout=0;showingAlerts=[];containerElement=document.createElement("div");reactRoot=(0,react_dom_client__WEBPACK_IMPORTED_MODULE_0__.createRoot)(this.containerElement);_getShowingAlerts(){return[...this.showingAlerts]}renderAlertContainer(alerts){return 0===alerts.length?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_2__.A,{children:alerts.map((alert=>{const{message,key,...rest}=alert;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay,{...rest,children:message},key)}))})}renderAlerts(){this.reactRoot.render(this.renderAlertContainer(this.showingAlerts))}findSameAlert(message,type){return this.showingAlerts.filter((it=>it.type===type&&it.message===message))[0]}startAlertClosing(alert){alert.isClosing=!0,this.renderAlerts()}remove(key){const alertToClose=this.showingAlerts.filter((alert=>alert.key===key))[0];alertToClose&&this.startAlertClosing(alertToClose)}removeWithoutAnimation(key){this.showingAlerts=this.showingAlerts.filter((alert=>alert.key!==key)),this.renderAlerts()}stopShakingWhenAnimationDone(shakingAlert){setTimeout((()=>{shakingAlert.showWithAnimation=!1,shakingAlert.isShaking=!1,this.renderAlerts()}),_alert_alert__WEBPACK_IMPORTED_MODULE_3__.hH)}addAlert(message,type,timeout=this.defaultTimeout,options={}){const{onCloseRequest,onClose,...restOptions}=options,sameAlert=this.findSameAlert(message,type);if(sameAlert)return sameAlert.isShaking=!0,this.renderAlerts(),this.stopShakingWhenAnimationDone(sameAlert),sameAlert.key;const alert={key:(0,_global_get_uid__WEBPACK_IMPORTED_MODULE_4__.A)("alert-service-"),message,type,timeout,isClosing:!1,onCloseRequest:()=>{onCloseRequest&&onCloseRequest(),this.startAlertClosing(alert)},onClose:()=>{onClose&&onClose(),this.removeWithoutAnimation(alert.key)},...restOptions};return this.showingAlerts=[alert,...this.showingAlerts],this.renderAlerts(),alert.key}setDefaultTimeout(timeout){this.defaultTimeout=timeout}error(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.ERROR,timeout)}message(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.MESSAGE,timeout)}warning(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.WARNING,timeout)}successMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.SUCCESS,timeout)}loadingMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.LOADING,timeout)}}},"./src/group/group.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Group});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_group_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/group/group.css"),_group_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_group_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Group extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};render(){const{children,className,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_group_css__WEBPACK_IMPORTED_MODULE_2___default().group,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{...restProps,className:classes,children})}}Group.__docgenInfo={description:"@name Group",methods:[],displayName:"Group",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./src/i18n/i18n-context.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{g:()=>I18nContext,i:()=>I18nContextHolder});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_i18n__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/i18n/i18n.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const I18nContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({messages:(0,_i18n__WEBPACK_IMPORTED_MODULE_2__.$)(),translate:_i18n__WEBPACK_IMPORTED_MODULE_2__.Tl}),I18nContextHolder=({children,messages})=>((0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{(0,_i18n__WEBPACK_IMPORTED_MODULE_2__.Lw)(messages)}),[messages]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(I18nContext.Provider,{value:{messages,translate:_i18n__WEBPACK_IMPORTED_MODULE_2__.Tl},children}));I18nContextHolder.__docgenInfo={description:"",methods:[],displayName:"I18nContextHolder",props:{messages:{required:!0,tsType:{name:"Partial",elements:[{name:"defaultMessages"}],raw:"Partial"},description:""},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}}},"./src/i18n/i18n.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$:()=>getTranslations,xO:()=>getTranslationsWithFallback,Lw:()=>setTranslations,Tl:()=>translate});const messages_namespaceObject=JSON.parse('{"login":"Log in","logout":"Log out","loginTo":"Log in to {{serviceName}}","ok":"OK","cancel":"Cancel","tryAgainLabel":"Try again","postpone":"Postpone","youHaveLoggedInAs":"You have logged in as another user: {{userName}}","applyChange":"Apply change","backendIsNotAvailable":"Connection lost","checkAgain":"try again","nothingHappensLink":"Click here if nothing happens","errorMessage":"There may be a problem with your network connection. Make sure that you are online and","applyChangedUser":"Apply changed user","profile":"Profile","switchUser":"Switch user","addFirstDate":"Add first date","addSecondDate":"Add second date","addTime":"Add time","selectName":"Select {{name}}","setDate":"Set a date","setDateTime":"Set date and time","setPeriod":"Set a period","clear":"Clear input","gotIt":"Got it","dismiss":"Dismiss","perPage":"per page","firstPage":"First page","lastPage":"Last page","nextPage":"Next page","previousPage":"Previous","searchTitle":"Search","clearTitle":"Clear search input","userAgreement":"User Agreement","accept":"Accept","decline":"Decline","close":"Close","scrollToAccept":"View the entire agreement to continue","remindLater":"Remind me later","filterItems":"Filter items","selectOption":"Select an option","progress":"Progress","loading":"Loading...","noOptionsFound":"No options found","banned":"banned","online":"online","offline":"offline","copyToClipboard":"Copy email to clipboard","copiedToClipboard":"Email was copied to clipboard","copingToClipboardError":"Failed to copy to clipboard","unverified":"Unverified"}');let messages=messages_namespaceObject;const warned=new Set;function setTranslations(newMessages){messages=newMessages}function getTranslations(){return messages}function getTranslationsWithFallback(){return{...messages_namespaceObject,...messages}}function translate(key){var _messages$key;return key in messages||function warnMissedKeyOnce(key){warned.has(key)||(warned.add(key),console.warn(`Missing localisation for key "${key}"`))}(key),null!==(_messages$key=messages[key])&&void 0!==_messages$key?_messages$key:messages_namespaceObject[key]}},"./src/island/header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_linear_function__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/global/linear-function.ts"),_island_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/island/island.css"),_island_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_island_css__WEBPACK_IMPORTED_MODULE_2__),_adaptive_island_hoc__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/island/adaptive-island-hoc.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Start={FONT_SIZE:24,LINE_HEIGHT:28,PADDING_TOP:24,PADDING_BOTTOM:0,X:0,Y:0,SPACING:0},End={FONT_SIZE:13,LINE_HEIGHT:20,PADDING_TOP:16,PADDING_BOTTOM:8,X:.4,Y:.1,SPACING:1.09};class Header extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,border:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,wrapWithTitle:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,phase:prop_types__WEBPACK_IMPORTED_MODULE_4___default().number};static defaultProps={wrapWithTitle:!0};style(name){var _this$props$phase;return(0,_global_linear_function__WEBPACK_IMPORTED_MODULE_5__.h)(Start[name],End[name],null!==(_this$props$phase=this.props.phase)&&void 0!==_this$props$phase?_this$props$phase:0)}render(){const{children,className,wrapWithTitle,border,phase,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_island_css__WEBPACK_IMPORTED_MODULE_2___default().header,className,{[_island_css__WEBPACK_IMPORTED_MODULE_2___default().withBottomBorder]:border||null!=phase&&phase>=.5}),headerStyle=null!=phase?{lineHeight:`${this.style("LINE_HEIGHT")}px`,paddingTop:this.style("PADDING_TOP"),paddingBottom:this.style("PADDING_BOTTOM")}:void 0,scaleFont=null!=phase&&this.style("FONT_SIZE")/Start.FONT_SIZE,titleStyle=null!=phase&&phase<1?{fontSize:Start.FONT_SIZE,transform:`translate(${this.style("X")}px, ${this.style("Y")}px) scale(${scaleFont})`,letterSpacing:this.style("SPACING")}:void 0;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{...restProps,"data-test":"ring-island-header",className:classes,style:headerStyle,children:[wrapWithTitle&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h2",{className:_island_css__WEBPACK_IMPORTED_MODULE_2___default().title,style:titleStyle,children}),!wrapWithTitle&&children]})}}const HeaderWrapper=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_adaptive_island_hoc__WEBPACK_IMPORTED_MODULE_6__.L6.Consumer,{children:phase=>{const addProps=null!=phase?{phase}:{};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Header,{...props,...addProps})}}),__WEBPACK_DEFAULT_EXPORT__=HeaderWrapper;HeaderWrapper.__docgenInfo={description:"",methods:[],displayName:"HeaderWrapper",props:{wrapWithTitle:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},border:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},phase:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:""}},composes:["HTMLAttributes"]}},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./src/panel/panel.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Panel});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_panel_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/panel/panel.css"),_panel_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_panel_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Panel extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node};render(){const{className,children,...props}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_panel_css__WEBPACK_IMPORTED_MODULE_2___default().panel,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{...props,className:classes,children})}}Panel.__docgenInfo={description:"@name Panel",methods:[],displayName:"Panel",props:{className:{description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!1}}}},"./src/storage/storage.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>storage});var alert_service=__webpack_require__("./src/alert-service/alert-service.tsx");class LocalStorage{static async safePromise(resolver){try{return await new Promise(resolver)}catch(e){throw e instanceof Error&&"NS_ERROR_FILE_CORRUPTED"===e.name&&alert_service.A.error('Sorry, it looks like your browser storage is corrupted. Please clear your storage by going to Tools -> Clear Recent History -> Cookies and setting time range to "Everything". This will remove the corrupted browser storage across all sites.'),e}}storageType;constructor(config={}){this.storageType="session"===config.type?"sessionStorage":"localStorage"}get(name){return LocalStorage.safePromise((resolve=>{const value=window[this.storageType].getItem(name);if(null!=value)try{resolve(JSON.parse(value))}catch(e){resolve(value)}else resolve(value)}))}set(name,value){return LocalStorage.safePromise((resolve=>{window[this.storageType].setItem(name,JSON.stringify(value)),resolve(value)}))}remove(name){const storageType=this.storageType;return LocalStorage.safePromise((resolve=>{window[storageType].hasOwnProperty(name)&&window[storageType].removeItem(name),resolve()}))}each(callback){const storageType=this.storageType;return LocalStorage.safePromise((resolve=>{const promises=[];for(const item in window[storageType])if(window[storageType].hasOwnProperty(item)){const value=window[storageType].getItem(item);let resolvedValue=null;if(null!=value)try{resolvedValue=JSON.parse(value)}catch(e){resolvedValue=value}promises.push(Promise.resolve(callback(item,resolvedValue)))}resolve(Promise.all(promises))}))}on(name,callback){function handleStorage(e){if(e.key===name)if(null!=e.newValue)try{callback(JSON.parse(e.newValue))}catch(err){callback(e.newValue)}else callback(e.newValue)}return window.addEventListener("storage",handleStorage,!1),()=>window.removeEventListener("storage",handleStorage,!1)}}var deep_equal=__webpack_require__("./node_modules/deep-equal/index.js"),deep_equal_default=__webpack_require__.n(deep_equal);class FallbackStorage{static DEFAULT_COOKIE_NAME="localStorage";static DEFAULT_SESSION_COOKIE_NAME="sessionStorage";static DEFAULT_CHECK_DELAY=3e3;static COOKIE_EXPIRES=365;static QUOTA=4093;static _createCookie(name,value,days){let date,expires;days?(date=new Date,date.setTime(date.getTime()+864e5*days),expires=`; expires=${date.toUTCString()}`):expires=";",document.cookie=`${name}=${value}${expires}; path=/`}static _readCookie(name){const nameEQ=`${name}=`,cookies=document.cookie.split(";");let cookie;for(let i=0;i{const rawData=FallbackStorage._readCookie(this.cookieName);null!=rawData?resolve(JSON.parse(decodeURIComponent(rawData))):reject()})).catch((()=>({})))}_write(data){return new Promise((resolve=>{const stringData=encodeURIComponent(JSON.stringify(data));return FallbackStorage._createCookie(this.cookieName,"{}"===stringData?"":stringData,this.expires),resolve(data)}))}get(key){return this._read().then((data=>data[key]||null))}async set(key,value){const data=await this._read();return key&&(null!=value?data[key]=value:Reflect.deleteProperty(data,key)),await this._write(data),value}async remove(key){await this.set(key,null)}each(callback){return"function"!=typeof callback?Promise.reject(new Error("Callback is not a function")):this._read().then((data=>{const promises=[];for(const key in data)data.hasOwnProperty(key)&&promises.push(callback(key,data[key]));return Promise.all(promises)}))}on(key,callback){let stop=!1;const checkForChange=oldValue=>{this.get(key).then((newValue=>{stop||(deep_equal_default()(oldValue,newValue)||callback(newValue),window.setTimeout((()=>checkForChange(oldValue)),this.checkDelay))}))};return this.get(key).then(checkForChange),()=>{stop=!0}}}let Storage=LocalStorage;try{const temp="testStorage";localStorage.setItem(temp,temp),localStorage.removeItem(temp)}catch(e){Storage=FallbackStorage}const storage=Storage},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".group_ba3b > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n","",{version:3,sources:["webpack://./src/group/group.css"],names:[],mappings:"AAGE;IACE,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.group {\n & > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={group:"group_ba3b"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/panel/panel.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dialog_dialog_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/dialog/dialog.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dialog_dialog_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,".panel_ce91 { /* TODO: Invert dependency using :externals CSS Modules selector */\n\n position: relative;\n\n margin-top: calc(var(--ring-unit)*2);\n padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4) calc(var(--ring-unit)*4);\n\n border-top: 1px solid var(--ring-popup-border-color);\n}\n\n.panel_ce91:empty {\n display: none;\n }\n\n.panel_ce91 > button:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n","",{version:3,sources:["webpack://./src/panel/panel.css"],names:[],mappings:"AAEA,cAC+C,kEAAkE;;EAE/G,kBAAkB;;EAElB,oCAAsC;EACtC,mFAAyF;;EAEzF,oDAAoD;AAStD;;AAPE;IACE,aAAa;EACf;;AAEA;IACE,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.panel {\n composes: panel from "../dialog/dialog.css"; /* TODO: Invert dependency using :externals CSS Modules selector */\n\n position: relative;\n\n margin-top: calc(var(--ring-unit) * 2);\n padding: calc(var(--ring-unit) * 2) calc(var(--ring-unit) * 4) calc(var(--ring-unit) * 4);\n\n border-top: 1px solid var(--ring-popup-border-color);\n\n &:empty {\n display: none;\n }\n\n & > button:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={panel:`panel_ce91 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dialog_dialog_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.panel}`};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/user-agreement/user-agreement.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/global.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,".agreementDialog_e03e {\n padding-bottom: 80px;\n}\n\n.dialogContent_d689 {\n width: 600px;\n}\n\n@media (max-width: 639px) {\n .dialogContent_d689 {\n width: 90vw;\n }\n }\n\n.suggestion_b9f2 {\n padding-bottom: var(--ring-unit);\n\n white-space: nowrap;\n\n font-size: 12px;\n}\n\n.remindLaterButton_c6d3 {\n float: right;\n}\n","",{version:3,sources:["webpack://./src/user-agreement/user-agreement.css"],names:[],mappings:"AAIA;EACE,oBAAoB;AACtB;;AAEA;EACE,YAAY;AAOd;;AALE;IACE;MACE,WAAW;IACb;EACF;;AAGF;EACE,gCAAgC;;EAEhC,mBAAmB;;EAEnB,eAAe;AACjB;;AAEA;EACE,YAAY;AACd",sourcesContent:['@import "../global/variables.css";\n\n@value extra-small-screen-media from "../global/global.css";\n\n.agreementDialog {\n padding-bottom: 80px;\n}\n\n.dialogContent {\n width: 600px;\n\n @media extra-small-screen-media {\n & {\n width: 90vw;\n }\n }\n}\n\n.suggestion {\n padding-bottom: var(--ring-unit);\n\n white-space: nowrap;\n\n font-size: 12px;\n}\n\n.remindLaterButton {\n float: right;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"extra-small-screen-media":`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default.locals["extra-small-screen-media"]}`,agreementDialog:"agreementDialog_e03e",dialogContent:"dialogContent_d689",suggestion:"suggestion_b9f2",remindLaterButton:"remindLaterButton_c6d3"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/group/group.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/link/link.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/panel/panel.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/panel/panel.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/user-agreement/user-agreement.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/user-agreement/user-agreement.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"?4f7e":()=>{}}]); \ No newline at end of file +(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[8936],{"./node_modules/@jetbrains/icons/checkmark.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/close.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/exception.js":module=>{module.exports=''},"./node_modules/@jetbrains/icons/warning.js":module=>{module.exports=''},"./src/user-agreement/user-agreement.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>user_agreement_stories,dialog:()=>user_agreement_stories_dialog,service:()=>service});var react=__webpack_require__("./node_modules/react/index.js"),alert_service=__webpack_require__("./src/alert-service/alert-service.tsx"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),dialog=__webpack_require__("./src/dialog/dialog.tsx"),header=__webpack_require__("./src/island/header.tsx"),content=__webpack_require__("./src/island/content.tsx"),panel=__webpack_require__("./src/panel/panel.tsx"),button_button=__webpack_require__("./src/button/button.tsx"),i18n_context=__webpack_require__("./src/i18n/i18n-context.tsx"),user_agreement=__webpack_require__("./src/user-agreement/user-agreement.css"),user_agreement_default=__webpack_require__.n(user_agreement),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function noop(){}class UserAgreement extends react.PureComponent{static propTypes={show:prop_types_default().bool,preview:prop_types_default().bool,onAccept:prop_types_default().func,onDecline:prop_types_default().func,onClose:prop_types_default().func,onRemindLater:prop_types_default().func,translations:prop_types_default().shape({userAgreement:prop_types_default().string.isRequired,accept:prop_types_default().string.isRequired,decline:prop_types_default().string.isRequired,close:prop_types_default().string.isRequired,scrollToAccept:prop_types_default().string.isRequired,remindLater:prop_types_default().string.isRequired}),className:prop_types_default().string};static defaultProps={show:!1,onAccept:noop,onDecline:noop,onClose:noop};state={scrolledDown:!1};onScrollToBottom=()=>this.setState({scrolledDown:!0});render(){const{scrolledDown}=this.state,{translations,onAccept,onDecline,onClose,onRemindLater,children,show,preview,className}=this.props;return(0,jsx_runtime.jsx)(i18n_context.g.Consumer,{children:({translate})=>{var _translations$userAgr,_translations$userAgr2,_translations$scrollT,_translations$accept,_translations$decline,_translations$scrollT2,_translations$remindL,_translations$close;return(0,jsx_runtime.jsxs)(dialog.A,{label:null!==(_translations$userAgr=translations?.userAgreement)&&void 0!==_translations$userAgr?_translations$userAgr:translate("userAgreement"),show,className:classnames_default()(user_agreement_default().agreementDialog,className),contentClassName:user_agreement_default().dialogContent,trapFocus:!0,autoFocusFirst:!1,"data-test":"user-agreement",children:[(0,jsx_runtime.jsx)(header.A,{children:null!==(_translations$userAgr2=translations?.userAgreement)&&void 0!==_translations$userAgr2?_translations$userAgr2:translate("userAgreement")}),(0,jsx_runtime.jsx)(content.A,{fade:!0,onScrollToBottom:this.onScrollToBottom,children}),!preview&&(0,jsx_runtime.jsxs)(panel.A,{children:[onRemindLater&&!scrolledDown&&(0,jsx_runtime.jsx)("div",{className:user_agreement_default().suggestion,children:null!==(_translations$scrollT=translations?.scrollToAccept)&&void 0!==_translations$scrollT?_translations$scrollT:translate("scrollToAccept")}),(0,jsx_runtime.jsx)(button_button.Ay,{primary:!0,disabled:!scrolledDown,onClick:onAccept,"data-test":"accept",children:null!==(_translations$accept=translations?.accept)&&void 0!==_translations$accept?_translations$accept:translate("accept")}),(0,jsx_runtime.jsx)(button_button.Ay,{onClick:onDecline,autoFocus:!0,"data-test":"decline",children:null!==(_translations$decline=translations?.decline)&&void 0!==_translations$decline?_translations$decline:translate("decline")}),!onRemindLater&&!scrolledDown&&(0,jsx_runtime.jsx)("span",{className:user_agreement_default().suggestion,children:null!==(_translations$scrollT2=translations?.scrollToAccept)&&void 0!==_translations$scrollT2?_translations$scrollT2:translate("scrollToAccept")}),onRemindLater&&(0,jsx_runtime.jsx)(button_button.Ay,{className:user_agreement_default().remindLaterButton,onClick:onRemindLater,"data-test":"later",children:null!==(_translations$remindL=translations?.remindLater)&&void 0!==_translations$remindL?_translations$remindL:translate("remindLater")})]}),preview&&(0,jsx_runtime.jsx)(panel.A,{children:(0,jsx_runtime.jsx)(button_button.Ay,{onClick:onClose,autoFocus:!0,"data-test":"close",children:null!==(_translations$close=translations?.close)&&void 0!==_translations$close?_translations$close:translate("close")})})]})}})}}UserAgreement.__docgenInfo={description:"A component that displays a user agreement dialog.",methods:[{name:"onScrollToBottom",docblock:null,modifiers:[],params:[],returns:null}],displayName:"UserAgreement",props:{translations:{required:!1,tsType:{name:"union",raw:"UserAgreementTranslations | null | undefined",elements:[{name:"UserAgreementTranslations"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"shape",value:{userAgreement:{name:"string",required:!0},accept:{name:"string",required:!0},decline:{name:"string",required:!0},close:{name:"string",required:!0},scrollToAccept:{name:"string",required:!0},remindLater:{name:"string",required:!0}}}},children:{required:!0,tsType:{name:"ReactNode"},description:""},show:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1},type:{name:"bool"}},onAccept:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"function noop() {}",computed:!1},type:{name:"func"}},onDecline:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"function noop() {}",computed:!1},type:{name:"func"}},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"function noop() {}",computed:!1},type:{name:"func"}},preview:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"bool"}},onRemindLater:{required:!1,tsType:{name:"union",raw:"(() => void) | null | undefined",elements:[{name:"unknown"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"func"}},className:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",type:{name:"string"}}}};var client=__webpack_require__("./node_modules/react-dom/client.js"),storage=__webpack_require__("./src/storage/storage.ts"),link_link=__webpack_require__("./src/link/link.tsx"),alert_alert=__webpack_require__("./src/alert/alert.tsx"),group=__webpack_require__("./src/group/group.tsx"),controls_height=__webpack_require__("./src/global/controls-height.tsx");const DEFAULT_CONSENT={accepted:!1,majorVersion:0,minorVersion:0},DEFAULT_AGREEMENT={enabled:!1,majorVersion:0,minorVersion:0,requiredForREST:!1,content:""};class UserAgreementService{config;constructor(config){if(!config)throw new Error("Please pass a config to UserAgreementService");if(!config.getUserAgreement)throw new Error('Please pass a "getUserAgreement" option to UserAgreementService');if(!config.getUserConsent)throw new Error('Please pass a "getUserConsent" option to UserAgreementService');if(!config.setUserConsent)throw new Error('Please pass a "setUserConsent" option to UserAgreementService');this.config=config,this.interval=config.interval||this.interval}_dialogPromise=null;_alertPromise=null;tabId=Math.random();interval=36e5;container=document.createElement("div");reactRoot=(0,client.createRoot)(this.container);storage=new storage.A;checkingPromise=null;guest=!1;userAgreement=DEFAULT_AGREEMENT;userConsent=DEFAULT_CONSENT;intervalId;startChecking=()=>{this.intervalId=window.setInterval(this.checkConsentAndShowDialog,this.interval),window.addEventListener("storage",this.onStorageEvent),this.checkConsentAndShowDialog()};stopChecking=()=>{clearInterval(this.intervalId),window.removeEventListener("storage",this.onStorageEvent),this.hideDialog()};onStorageEvent=event=>{if("userAgreementKey"===event.key&&null!=event.newValue){const{tabId,command}=JSON.parse(event.newValue);tabId!==this.tabId&&("userAgreementShow"===command?this.checkConsentAndShowDialog(!0):"userAgreementHide"===command&&this.hideDialogAndAlert(!0))}};_notifyAboutShowing=()=>{localStorage.setItem("userAgreementKey",JSON.stringify({command:"userAgreementShow",tabId:this.tabId}))};_notifyAboutHiding=()=>{localStorage.setItem("userAgreementKey",JSON.stringify({command:"userAgreementHide",tabId:this.tabId}))};getUserAgreement=async()=>(this.userAgreement=await this.config.getUserAgreement()||DEFAULT_AGREEMENT,this.userAgreement);getUserConsent=async()=>{const{guest,endUserAgreementConsent}=await this.config.getUserConsent();return this.guest=guest,this.userConsent=guest?await this.storage.get("end-user-agreement-consent")||this.userConsent:endUserAgreementConsent||this.userConsent,this.userConsent};checkConsentAndShowDialog=async withoutNotifications=>await this.checkConsent()?this.hideDialogAndAlert(withoutNotifications):this.showDialogOrAlert(withoutNotifications);checkConsent=async()=>{this.checkingPromise||(this.checkingPromise=Promise.all([this.getUserAgreement(),this.getUserConsent()]));const[userAgreement,userConsent]=await this.checkingPromise;this.checkingPromise=null;const{enabled,majorVersion:actualVersion}=userAgreement,{accepted,majorVersion:acceptedVersion}=userConsent;return!enabled||accepted&&actualVersion===acceptedVersion};alertKey;showAlert=withoutNotifications=>(this._alertPromise||(this._alertPromise=new Promise(((resolve,reject)=>{const{userAgreement,reviewNow,remindLater}=this.config.translations||{},onRemind=()=>{this.hideDialogAndAlert(withoutNotifications),reject("Postponed")},message=(0,jsx_runtime.jsxs)(group.A,{children:[(0,jsx_runtime.jsx)("span",{children:userAgreement||"User Agreement"}),(0,jsx_runtime.jsx)(link_link.A,{onClick:async()=>{await this.showDialog(!0,!1,{onRemindLater:onRemind}),this.hideAlert(withoutNotifications),resolve()},"data-test":"review",children:reviewNow||"Review now"}),(0,jsx_runtime.jsx)(link_link.A,{onClick:onRemind,"data-test":"later",children:remindLater||"Remind me later"})]});this.alertKey=alert_service.A.addAlert(message,alert_alert.Ay.Type.WARNING,0,{closeable:!1})})),withoutNotifications||this._notifyAboutShowing()),this._alertPromise);hideAlert=withoutNotifications=>{const{onRemindLater}=this.config;alert_service.A.remove(this.alertKey),this.alertKey=null,this._alertPromise=null,onRemindLater&&onRemindLater(),withoutNotifications||this._notifyAboutHiding()};showDialog=(withoutNotifications,preview=!1,restOptions)=>{const{translations,onDialogShow}=this.config,{content}=this.userAgreement;return this._dialogPromise||(this._dialogPromise=new Promise(((resolve,reject)=>{const onClose=this.hideDialogAndAlert,props={children:content,show:true,onAccept:async()=>{await this.onAccept(),resolve()},onDecline:async()=>{await this.onDecline(),reject()},onClose,translations,preview,...restOptions};this.reactRoot.render((0,jsx_runtime.jsx)(controls_height.VJ.Provider,{value:(0,controls_height.jT)(),children:(0,jsx_runtime.jsx)(UserAgreement,{...props})})),onDialogShow&&onDialogShow()})),withoutNotifications||this._notifyAboutShowing()),this._dialogPromise};hideDialog=withoutNotifications=>{const{onDialogHide}=this.config;this.reactRoot.render(null),onDialogHide&&(onDialogHide(),this._dialogPromise=null,withoutNotifications||this._notifyAboutHiding())};showDialogOrAlert=(withoutNotifications,preview,restOptions)=>this.guest&&!this.userAgreement.requiredForREST?this.showAlert(withoutNotifications):this.showDialog(withoutNotifications,preview,restOptions);hideDialogAndAlert=withoutNotifications=>{this.hideAlert(withoutNotifications),this.hideDialog(withoutNotifications)};onAccept=async()=>{const{setUserConsent,onAccept}=this.config;if(this.guest){const{majorVersion,minorVersion}=this.userAgreement;this.userConsent={majorVersion,minorVersion,accepted:!0},await this.storage.set("end-user-agreement-consent",this.userConsent)}else this.userConsent=await setUserConsent();this.hideDialog(),onAccept&&onAccept()};onDecline=()=>{const{onDecline}=this.config;this.hideDialog(),onDecline&&onDecline()}}const toolbox_eula='IMPORTANT! READ CAREFULLY:\nTHIS IS A LEGAL AGREEMENT. BY CLICKING ON THE "I AGREE" (OR SIMILAR) BUTTON THAT IS PRESENTED TO CUSTOMER AT THE TIME OF CUSTOMER\'S PURCHASE, OR BY DOWNLOADING, INSTALLING, COPYING, SAVING ON CUSTOMER\'S COMPUTER, OR OTHERWISE USING JETBRAINS SOFTWARE, SUPPORT OR PRODUCTS CUSTOMER BECOMES A PARTY TO THIS AGREEMENT AND CUSTOMER CONSENTS TO BE BOUND BY ALL THE TERMS AND CONDITIONS SET FORTH BELOW.\n\nNote: In case the terms of this Agreement are in conflict with the terms of any agreement individually negotiated and agreed between JetBrains and Customer, the terms of the latter shall prevail.\n\n1. PARTIES\n1.1. "JetBrains" or "We" means JetBrains s.r.o., having its principal place of business at Na hrebenech II 1718/10, Prague, 14000, Czech Republic, registered in the Commercial Register maintained by the Municipal Court of Prague, Section C, File 86211, ID. No.: 265 02 275.\n\n1.2. "Customer" or "You" means the sole proprietor or legal entity specified in the Subscription Confirmation. For legal entities, "Customer" includes any entity which controls, is controlled by, or is under common control with Customer. For the purposes of this definition, "control" means (i) the power, directly or indirectly, to direct or manage such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares or beneficial ownership of such entity.\n\n2. DEFINITIONS\n2.1. "Agreement" means this Toolbox Subscription Agreement.\n\n2.2. "Product" means any generally available JetBrains software product identified by JetBrains as an individual developer tool. For the avoidance of doubt, the Product is not produced to the specifications of Customer nor customized through modification or personalization, and is intended for mass distribution.\n\n2.3. "Client" means a computer device used by a User for running the Product.\n\n2.4. "Product Version" means a release, update, or upgrade of a particular Product that is not identified by JetBrains as being made for the purpose of fixing software bugs.\n\n2.5. "Bug Fix Update" for a particular Product Version means a software update or release that is specifically identified by JetBrains as a bug fix for that Product Version.\n\n2.6. "Fallback Date" means the date that was 12 months prior to the date of expiration of the Toolbox Subscription.\n\n2.7. "Fallback Version" means the most recent Product Version that JetBrains made available for public purchase prior to the Fallback Date, along with any Bug Fix Updates for that Product Version. For the purpose of clarity, Fallback Version does not include any Product updates or upgrades other than Bug Fix Updates that Customer may have used in the period between the Fallback Date and the date of expiration of the Toolbox Subscription.\n\n2.8. "JetBrains Account" or "JBA" means an account at https://account.jetbrains.com created by Customer or a single User, having a unique name and password, and enabling User management and Toolbox Subscription administration and/or access to Products in accordance with a Toolbox Subscription.\n\n2.9. "JetBrains Toolbox" means the set of Products which are subject to this Agreement. For the avoidance of doubt, JetBrains Toolbox does not include JetBrains team productivity software and services such as YouTrack, TeamCity, UpSource or Hub or any other software, services or products which do not fall within the definition of Section 2.2 and which are subject to different terms and conditions.\n\n2.10. "Subscription Confirmation" means an email confirming Customer\'s rights to access and use Products, including Toolbox Subscription plans, and the number of authorized Users.\n\n2.11. "Toolbox Subscription" specifies the subscription term, Products provided to Customer, subscription fees and payment schedules.\n\n2.12. "User" means any employee, independent contractor or other personnel obtaining access to the Product(s) from Customer.\n\n3. GRANT OF RIGHTS\n3.1. The Product is provided on a per-seat basis. If Customer complies with the terms of this Agreement, Customer has the rights stipulated hereunder for each Toolbox Subscription that Customer acquires. Customer\'s rights acquired in relation to the Product are limited to those necessary to enable Customer and its Users to effectively operate the Product(s). All other rights remain reserved to JetBrains.\n\n3.2. Unless the Toolbox Subscription has expired or this Agreement is terminated in accordance with Section 12, and subject to the terms and conditions specified herein, JetBrains grants Customer a non-exclusive and non-transferable right to use each Product covered by the Toolbox Subscription as stipulated below:\n\n(A) Customer may:\n\n(i) Install and use any version of the Product covered by the Toolbox Subscription on any number of Clients and on any operating system supported by the Product; and\n\n(ii) Make one backup copy of the Product solely for archival/security backup purposes.\n\n(B) Customer may not:\n\n(i) Allow the same Toolbox Subscription to be used concurrently by more than one (1) User;\n\n(ii) Rent, lease, reproduce, modify, adapt, create derivative works of, distribute, sell, or transfer the Product;\n\n(iii) Provide access to the Product, Customer\'s JetBrains Account or the right to use the Product to a third party;\n\n(iv) Reverse engineer, decompile, disassemble, modify, or translate, or make any attempt to discover the source code of, the Product; or\n\n(v) Remove or obscure any proprietary or other notices contained in the Product.\n\n3.3. Following the expiration of this Agreement, the rights stipulated in Section 3.2(A) shall continue on a perpetual, royalty-free, non-exclusive, and non-transferable basis for the continued use of a Fallback Version of each Product covered by the Toolbox Subscription. The limitations set forth in Sections 3.1 and 3.2(B) of this Agreement apply to the usage of the Fallback Version, as shall Section 12.5. The rights granted in this Section 3.3 are expressly contingent upon Customer not being in breach of this Agreement, including having paid in full the applicable Toolbox Subscription fees for the preceding 12 months or longer without interruption.\n\n3.4. Customer acknowledges that no ownership right is conveyed to Customer under this Agreement, irrespective of the use of terms such as "purchase" or "sale". JetBrains has and retains all rights, title and interest, including all intellectual property rights, in and to the Products and any and all related or underlying technology, and any modifications or derivative works thereof, including without limitation as they may incorporate Feedback (as defined below).\n\n4. PURCHASING THROUGH RESELLERS\nThis Agreement applies whether Customer purchases a Toolbox Subscription directly from JetBrains or through resellers. If Customer purchases through a reseller, the Toolbox Subscription details shall be as stated in the Subscription Confirmation issued by the reseller to Customer, and the reseller is responsible for the accuracy of any such Subscription Confirmation. Resellers are not authorized to make any promises or commitments on JetBrains\' behalf, and Customer understands and agrees that JetBrains is not bound by any obligations to Customer other than as specified in this Agreement.\n\n5. ACCESS TO PRODUCTS\n5.1. All deliveries under this Agreement will be electronic. Customer and its Users must have an Internet connection in order to access JBA and receive any deliveries. For the avoidance of doubt, Customer is responsible for downloading and installing the Products, which are made available for download on JetBrains\' website at www.jetbrains.com.\n\n5.2. Customer and its Users may use the JBA in accordance with its documentation. Customer and its Users are solely responsible for the accuracy of any information provided via and any action taken through the JBA.\n\n5.3. Customer may enable Users to access Products in one of the following ways:\n\n(A) By sending an invitation from Customer\'s JBA to a User JBA. Customer acknowledges and agrees that the Product will periodically connect from a User Client to JetBrains\' servers via the Internet to confirm that User\'s right to use the Product;\n\n(B) By generating an offline activation code in Customer\'s JBA and providing it to the User for offline Product activation. It is Customer\'s responsibility to generate a new activation code and apply it to the Product registration screen every time changes are made to the right of use assignment or Toolbox Subscription plan, as well as whenever a subscription is renewed;\n\n(C) Via a server application located on Customer\'s premises that enables access to the Product from Clients that are within Customer\'s local area network ("Product Server"). The Product Server option may be provided to Customer at the sole discretion of JetBrains.\n\n6. FEES\nCustomer shall pay its Toolbox Subscription fees in accordance with JetBrains Terms of Purchase or the reseller\'s terms of purchase, whichever are applicable. The Toolbox Subscription fees shall be paid in full, and any levies, duties and/or taxes imposed by Customer\'s jurisdiction (including, but not limited to, value added tax, sales tax and withholding tax), shall be borne solely by Customer. Customer may not deduct any amounts from fees payable to JetBrains or the reseller, unless otherwise specified in the applicable terms of purchase.\n\n7. FEEDBACK\nCustomer has no obligation to provide Us with ideas, suggestions, or proposals ("Feedback"). However, if Customer or Users submit Feedback to us, then Customer grants us a non-exclusive, worldwide, royalty-free license that is sub-licensable and transferable, to make, use, sell, have made, offer to sell, import, reproduce, publicly display, distribute, modify, or publicly perform the Feedback in any manner without any obligation, royalty or restriction based on intellectual property rights or otherwise.\n\n8. THIRD-PARTY SOFTWARE\nThe Products include code and libraries licensed to Us by third parties, including open source software ("Third-Party Software"). The list of Third-Party Software included in each Product is available in the Product documentation. All Third-Party Software is provided to Customer under the respective terms stipulated in the Product documentation.\n\n9. TOOLBOX SUBSCRIPTION TRIAL\n9.1. Subject to the terms of this Agreement, Customer is granted a one-time right to install and use the Product for evaluation purposes without charge for a period of thirty (30) days from the date of the Product installation ("Evaluation Period"). Customer\'s use of the Product during the Evaluation Period shall be limited to the internal evaluation of the Product for the sole purpose of determining whether the Product meets Customer\'s requirements and whether Customer desires to continue using the Product.\n\n9.2. Customer may withdraw from using the Product at Customer\'s sole discretion anytime before expiration of the Evaluation Period. Upon expiration of the Evaluation Period, Customer\'s right to continue to use the Product will terminate, unless Customer purchases a Toolbox Subscription to the Product. The Product contains a feature that will automatically disable the Product upon the expiration of the Evaluation Period.\n\n10. LIMITED WARRANTY\nALL PRODUCTS ARE PROVIDED TO CUSTOMER ON AN "AS IS" AND "AS AVAILABLE" BASIS WITHOUT WARRANTIES. USE OF THE PRODUCTS IS AT YOUR OWN RISK. JETBRAINS MAKES NO WARRANTY AS TO THEIR USE OR PERFORMANCE. TO THE MAXIMUM EXTENT PERMITTED BY APPLICABLE LAW, JETBRAINS, AND ITS SUPPLIERS (WHICH SHALL INCLUDE THE PROVIDERS OF THE THIRD PARTY SOFTWARE) AND RESELLERS, DISCLAIM ALL WARRANTIES AND CONDITIONS, EITHER EXPRESS OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT, WITH REGARD TO THE PRODUCTS, AND THE PROVISION OF OR FAILURE TO PROVIDE SUPPORT SERVICES. THIS LIMITED WARRANTY GIVES CUSTOMER SPECIFIC LEGAL RIGHTS. CUSTOMER MAY HAVE OTHER RIGHTS, WHICH VARY FROM STATE/JURISDICTION TO STATE/JURISDICTION. JETBRAINS (AND ITS AFFILIATES, AGENTS, DIRECTORS AND EMPLOYEES) DOES NOT WARRANT THAT THE PRODUCTS ARE ACCURATE, RELIABLE OR CORRECT; THAT THE PRODUCTS WILL MEET YOUR REQUIREMENTS; THAT THE PRODUCTS WILL BE AVAILABLE AT ANY PARTICULAR TIME OR LOCATION, UNINTERRUPTED OR SECURE; THAT ANY DEFECTS OR ERRORS WILL BE CORRECTED; OR THAT THE PRODUCTS ARE FREE OF VIRUSES OR OTHER HARMFUL COMPONENTS. ANY CONTENT OR DATA DOWNLOADED OR OTHERWISE OBTAINED THROUGH THE USE OF THE PRODUCTS ARE DOWNLOADED AT YOUR OWN RISK AND YOU WILL BE SOLELY RESPONSIBLE FOR ANY DAMAGE TO YOUR PROPERTY OR LOSS OF DATA THAT RESULTS FROM SUCH DOWNLOAD.\n\n11. DISCLAIMER OF DAMAGES\n11.1. TO THE MAXIMUM EXTENT PERMITTED BY APPLICABLE LAW, IN NO EVENT WILL JETBRAINS (OR ITS AFFILIATES, AGENTS, DIRECTORS, OR EMPLOYEES), OR JETBRAINS\' LICENSORS, SUPPLIERS OR RESELLERS BE LIABLE TO CUSTOMER OR ANYONE ELSE FOR: (A) ANY LOSS OF USE, DATA, GOODWILL, OR PROFITS, WHETHER OR NOT FORESEEABLE; (B) ANY LOSS OR DAMAGES IN CONNECTION WITH TERMINATION OR SUSPENSION OF CUSTOMER\'S ACCESS TO OUR PRODUCTS IN ACCORDANCE WITH THIS AGREEMENT, OR (C) ANY SPECIAL, INCIDENTAL, INDIRECT, CONSEQUENTIAL, EXEMPLARY OR PUNITIVE DAMAGES WHATSOEVER (EVEN IF WE HAVE BEEN ADVISED OF THE POSSIBILITY OF THESE DAMAGES), INCLUDING THOSE (X) RESULTING FROM LOSS OF USE, DATA, OR PROFITS, WHETHER OR NOT FORESEEABLE, (Y) BASED ON ANY THEORY OF LIABILITY, INCLUDING BREACH OF CONTRACT OR WARRANTY, STRICT LIABILITY, NEGLIGENCE OR OTHER TORTIOUS ACTION, OR (Z) ARISING FROM ANY OTHER CLAIM ARISING OUT OF OR IN CONNECTION WITH CUSTOMER\'S USE OF OR ACCESS TO THE PRODUCTS OR SUPPORT. THE FOREGOING LIMITATION OF LIABILITY SHALL APPLY TO THE FULLEST EXTENT PERMITTED BY LAW IN THE APPLICABLE JURISDICTION.\n\n11.2. OUR TOTAL LIABILITY IN ANY MATTER ARISING OUT OF OR IN RELATION TO THIS AGREEMENT IS LIMITED TO ONE HUNDRED (100) US DOLLARS OR THE AGGREGATE AMOUNT PAID OR PAYABLE BY THE CUSTOMER FOR PRODUCTS DURING THE THREE-MONTH PERIOD PRECEDING THE EVENT GIVING RISE TO THE LIABILITY, WHICHEVER IS GREATER. THIS LIMITATION WILL APPLY EVEN IF WE HAVE BEEN ADVISED OF THE POSSIBILITY OF LIABILITY EXCEEDING SUCH AMOUNT AND NOTWITHSTANDING ANY FAILURE OF THE ESSENTIAL PURPOSE OF ANY LIMITED REMEDY.\n\n12. TERM AND TERMINATION\n12.1. The term of this Agreement will commence upon acceptance of this Agreement by Customer as set forth in the preamble above, and will continue for each Product through the end of the applicable subscription period specified in the respective Subscription Confirmation. This Agreement will automatically renew with respect to each Product for a successive Toolbox Subscription term, unless terminated as set forth herein.\n\n12.2. Customer may terminate this Agreement at any time by cancelling its Product subscription via Customer\'s JetBrains Account. If such termination occurs during a then-current subscription period, this Agreement will continue to be effective until the end of that subscription period. Such termination does not relieve Customer of the obligation to pay any outstanding subscription fees owed to JetBrains, and no credits or refunds will be issued to Customer for prepaid subscription fees (except as specified in the JetBrains Terms of Purchase, if applicable).\n\n12.3. JetBrains may terminate this agreement if:\n\n(A) Customer has materially breached this Agreement and fails to cure such breach within thirty (30) days of written notice thereof;\n\n(B) Customer fails to make the timely payment of subscription fees in accordance with Section 6 of this Agreement;\n\n(C) JetBrains is required to do so by law (for example, where the provision of the JetBrains Toolbox to Customer is, or becomes, unlawful); or\n\n(D) JetBrains elects to discontinue providing the JetBrains Toolbox, in whole or in part.\n\n12.4. JetBrains will make reasonable efforts to notify Customer via email as follows:\n\n(A) Thirty (30) days prior to termination of the Agreement in the events specified in Sections 12.3(C) and 12.3(D) above, and in such events Customer will be entitled to a refund of the unused portion of prepaid subscription fees, if applicable;\n\n(B) Three (3) days prior to termination of the Agreement in the event specified in Section 12.3(B), and in such event Customer will not be entitled to any refund of the unused portion of prepaid subscription fees.\n\n12.5. Survival. Upon the expiration or termination of this Agreement by Customer under Section 12.2, and if Customer elects to use the Fallback Version of the Product subject to Section 3.3 of this Agreement, Sections 3.3, 7, 8, 10 and 11 of this Agreement will also survive with respect to said Fallback Version.\n\n13. TEMPORARY SUSPENSION FOR NON-PAYMENT\n13.1. JetBrains reserves the right to suspend Customer\'s access to JetBrains\' Products if Customer fails to pay subscription fees on time in accordance with Section 6 of this Agreement.\n\n13.2. If JetBrains suspends Customer\'s access to JetBrains\' Products for non-payment according to Section 13.1., Customer must pay all past due amounts in order to restore its access to JetBrains\' Products.\n\n13.3. Customer hereby agrees that JetBrains is entitled to charge Customer for the time period during which Customer has access to JetBrains Products until Customer or JetBrains terminates or suspends Customer\'s subscription in accordance with this Agreement.\n\n14. EXPORT REGULATIONS\nCustomer shall comply with all applicable laws and regulations with regards to economic sanctions, export controls, import regulations, and trade embargoes (all herein referred to as "Sanctions"), including those of the European Union and United States (specifically the Export Administration Regulations (EAR)). Customer declares that it is not a person targeted by Sanctions nor is it otherwise owned or controlled by or acting on behalf of any person targeted by Sanctions. Further, Customer warrants that it will not download or otherwise export or re-export the JetBrains Toolbox or any related technical data directly or indirectly to any person targeted by Sanctions or download or otherwise use the JetBrains Toolbox for any end-use prohibited or restricted by Sanctions.\n\n15. MARKETING\nCustomer agrees that JetBrains may identify it as a customer of JetBrains and may refer to it by name, trade name and trademark, if applicable. JetBrains may also briefly describe Customer\'s business in JetBrains marketing materials, on the JetBrains website and/or in public or legal documents. Customer hereby grants JetBrains a worldwide, non-exclusive and royalty-free license to use Customer\'s name and any of Customer\'s trade names and trademarks solely pursuant to this marketing section.\n\n16. GENERAL\n16.1. Entire Agreement. This Agreement, including the Third-Party Software license terms, constitutes the entire agreement between the parties concerning its subject matter and supersedes any prior agreements between Customer and JetBrains regarding Customer\'s use of any Products in the JetBrains Toolbox. No purchase order, other ordering document or any handwritten or typewritten text which purports to modify or supplement the printed text of this Agreement or any schedule will add to or vary the terms of this Agreement unless signed by both Customer and JetBrains.\n\n16.2. Reservation of Rights. JetBrains reserves the right at any time to cease the support of the JetBrains Toolbox and to alter prices, features, specifications, capabilities, functions, terms of use, release dates, general availability or other characteristics of the JetBrains Toolbox.\n\n16.3. Changes to this Agreement. We may update or modify this Agreement from time to time, including any referenced policies and other documents. If a revision meaningfully reduces Customer\'s rights, we will use reasonable efforts to notify Customer (by, for example, sending an email to the billing or technical contact provided by Customer to us, posting on our blog, through Customer\'s JetBrains Account, or via the Product itself). If we modify this Agreement, the modified version of the Agreement will be effective from the start of the next Toolbox Subscription term. In this case, if Customer objects to the updated Agreement terms, as Customer\'s exclusive remedy, Customer may cancel the Toolbox Subscription. Customer may be required to click through the updated Agreement to show its acceptance. For the avoidance of doubt, each Subscription Confirmation is subject to the version of the Agreement in effect on the Subscription Confirmation date.\n\n16.4. Opportunity to Review. Customer hereby declares that Customer has had sufficient opportunity to review this Agreement, understand the content of all of its clauses, negotiate its terms, and seek independent professional legal advice in that respect before entering into it. Consequently, any statutory "form contract" ("adhesion contract") regulations shall not be applicable to this Agreement.\n\n16.5. Severability. If a particular term of this Agreement is not enforceable, the unenforceability of that term will not affect any other terms of this Agreement.\n\n16.6. Headings. Headings and titles are for convenience only and do not affect the interpretation of this Agreement.\n\n16.7. No Waiver. Our failure to enforce or exercise any part of this Agreement is not a waiver of that section.\n\n16.8. Notice. JetBrains may deliver any notice to Customer via electronic mail to an email address provided by Customer, its JetBrains Account, registered mail, personal delivery or renowned express courier (such as DHL, FedEx or UPS). Any such notice will be deemed to be effective (i) on the day the notice is sent to Customer via email, (ii) upon being uploaded to Customer\'s JetBrains Account (irrespective of when Customer actually receives it), (iii) upon personal delivery, (iv) one (1) day after deposit with an express courier, (v) or five (5) days after deposit in the mail, whichever occurs first.\n\n16.9. Governing Law. This Agreement will be governed by the laws of the Czech Republic, without reference to conflict of laws principles. Customer agrees that any litigation relating to this Agreement may only be brought in, and will be subject to the jurisdiction of, any competent court of the Czech Republic. The parties agree that the United Nations Convention on Contracts for the International Sale of Goods does not apply to this Agreement.\n\nFor exceptions or modifications to this Agreement, please contact JetBrains at:\nAddress: Na hrebenech II 1718/10, Prague, 14000, Czech Republic\nFax: +420 241 722 540\nE-mail: sales@jetbrains.com\n',user_agreement_stories={title:"Components/User Agreement",component:UserAgreement,parameters:{screenshots:{captureSelector:"*[data-test~=ring-dialog]"},a11y:{element:"#storybook-root,*[data-test~=ring-dialog]"}}},user_agreement_stories_dialog=args=>(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(UserAgreement,{...args})});function user_agreement_stories_noop(){}user_agreement_stories_dialog.args={show:!0,children:(0,jsx_runtime.jsx)("div",{style:{whiteSpace:"pre-wrap"},children:toolbox_eula}),onRemindLater:null},user_agreement_stories_dialog.argTypes={onRemindLater:{}},user_agreement_stories_dialog.parameters={actions:{argTypesRegex:"^on(?!RemindLater).*"}},user_agreement_stories_dialog.storyName="dialog";const service=({onGetUserAgreement=user_agreement_stories_noop,onGetUserConsent=user_agreement_stories_noop,onSetUserConsent=user_agreement_stories_noop,onAccept,onDecline,onDialogShow,onDialogHide})=>{const fakeUserAgreement={enabled:!0,majorVersion:1,content:(0,jsx_runtime.jsx)("div",{style:{whiteSpace:"pre-wrap"},children:toolbox_eula})},fakeUserConsent={accepted:!1},fakeUserConsentResponse={guest:!0,endUserAgreementConsent:fakeUserConsent},agreementService=new UserAgreementService({getUserAgreement:()=>(onGetUserAgreement(fakeUserAgreement),fakeUserAgreement),getUserConsent:()=>(onGetUserConsent(fakeUserConsentResponse),fakeUserConsentResponse),setUserConsent:()=>(onSetUserConsent(fakeUserConsent),fakeUserConsent),onAccept,onDecline,onDialogShow,onDialogHide,interval:1e4});class UserAgreementServiceDemo extends react.Component{componentDidMount(){agreementService.startChecking()}componentWillUnmount(){agreementService.stopChecking(),alert_service.A._getShowingAlerts().forEach((item=>alert_service.A.removeWithoutAnimation(item.key)))}render(){return null}}return(0,jsx_runtime.jsx)(UserAgreementServiceDemo,{})};service.argTypes={onGetUserAgreement:{},onGetUserConsent:{},onSetUserConsent:{},onAccept:{},onDecline:{},onDialogShow:{},onDialogHide:{}},service.storyName="service",service.parameters={screenshots:{skip:!0},a11y:{element:'#storybook-root,*[data-test="alert-container"]'}},user_agreement_stories_dialog.parameters={...user_agreement_stories_dialog.parameters,docs:{...user_agreement_stories_dialog.parameters?.docs,source:{originalSource:"args =>
\n \n
",...user_agreement_stories_dialog.parameters?.docs?.source}}},service.parameters={...service.parameters,docs:{...service.parameters?.docs,source:{originalSource:"({\n onGetUserAgreement = noop,\n onGetUserConsent = noop,\n onSetUserConsent = noop,\n onAccept,\n onDecline,\n onDialogShow,\n onDialogHide\n}) => {\n const fakeUserAgreement: Agreement = {\n enabled: true,\n majorVersion: 1.0,\n content:
{text}
\n };\n const fakeUserConsent: Consent = {\n accepted: false\n };\n const fakeUserConsentResponse: ConsentResponse = {\n guest: true,\n endUserAgreementConsent: fakeUserConsent\n };\n const agreementService = new UserAgreementService({\n getUserAgreement: () => {\n onGetUserAgreement(fakeUserAgreement);\n return fakeUserAgreement;\n },\n getUserConsent: () => {\n onGetUserConsent(fakeUserConsentResponse);\n return fakeUserConsentResponse;\n },\n setUserConsent: () => {\n onSetUserConsent(fakeUserConsent);\n return fakeUserConsent;\n },\n onAccept,\n onDecline,\n onDialogShow,\n onDialogHide,\n interval: 10000\n });\n class UserAgreementServiceDemo extends Component {\n componentDidMount() {\n agreementService.startChecking();\n }\n componentWillUnmount() {\n agreementService.stopChecking();\n alert._getShowingAlerts().forEach(item => alert.removeWithoutAnimation(item.key));\n }\n render() {\n return null;\n }\n }\n return ;\n}",...service.parameters?.docs?.source}}}},"./src/alert-service/alert-service.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_dom_client__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-dom/client.js"),_global_get_uid__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/global/get-uid.ts"),_alert_alert__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/alert/container.tsx"),_alert_alert__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/alert/alert.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=new class AlertService{defaultTimeout=0;showingAlerts=[];containerElement=document.createElement("div");reactRoot=(0,react_dom_client__WEBPACK_IMPORTED_MODULE_0__.createRoot)(this.containerElement);_getShowingAlerts(){return[...this.showingAlerts]}renderAlertContainer(alerts){return 0===alerts.length?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_2__.A,{children:alerts.map((alert=>{const{message,key,...rest}=alert;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay,{...rest,children:message},key)}))})}renderAlerts(){this.reactRoot.render(this.renderAlertContainer(this.showingAlerts))}findSameAlert(message,type){return this.showingAlerts.filter((it=>it.type===type&&it.message===message))[0]}startAlertClosing(alert){alert.isClosing=!0,this.renderAlerts()}remove(key){const alertToClose=this.showingAlerts.filter((alert=>alert.key===key))[0];alertToClose&&this.startAlertClosing(alertToClose)}removeWithoutAnimation(key){this.showingAlerts=this.showingAlerts.filter((alert=>alert.key!==key)),this.renderAlerts()}stopShakingWhenAnimationDone(shakingAlert){setTimeout((()=>{shakingAlert.showWithAnimation=!1,shakingAlert.isShaking=!1,this.renderAlerts()}),_alert_alert__WEBPACK_IMPORTED_MODULE_3__.hH)}addAlert(message,type,timeout=this.defaultTimeout,options={}){const{onCloseRequest,onClose,...restOptions}=options,sameAlert=this.findSameAlert(message,type);if(sameAlert)return sameAlert.isShaking=!0,this.renderAlerts(),this.stopShakingWhenAnimationDone(sameAlert),sameAlert.key;const alert={key:(0,_global_get_uid__WEBPACK_IMPORTED_MODULE_4__.A)("alert-service-"),message,type,timeout,isClosing:!1,onCloseRequest:()=>{onCloseRequest?.(),this.startAlertClosing(alert)},onClose:()=>{onClose?.(),this.removeWithoutAnimation(alert.key)},...restOptions};return this.showingAlerts=[alert,...this.showingAlerts],this.renderAlerts(),alert.key}setDefaultTimeout(timeout){this.defaultTimeout=timeout}error(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.ERROR,timeout)}message(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.MESSAGE,timeout)}warning(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.WARNING,timeout)}successMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.SUCCESS,timeout)}loadingMessage(message,timeout){return this.addAlert(message,_alert_alert__WEBPACK_IMPORTED_MODULE_3__.Ay.Type.LOADING,timeout)}}},"./src/group/group.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Group});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_group_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/group/group.css"),_group_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_group_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Group extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string};render(){const{children,className,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_group_css__WEBPACK_IMPORTED_MODULE_2___default().group,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span",{...restProps,className:classes,children})}}Group.__docgenInfo={description:"@name Group",methods:[],displayName:"Group",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./src/i18n/i18n-context.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{g:()=>I18nContext,i:()=>I18nContextHolder});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_i18n__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/i18n/i18n.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const I18nContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({messages:(0,_i18n__WEBPACK_IMPORTED_MODULE_2__.$)(),translate:_i18n__WEBPACK_IMPORTED_MODULE_2__.Tl}),I18nContextHolder=({children,messages})=>((0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{(0,_i18n__WEBPACK_IMPORTED_MODULE_2__.Lw)(messages)}),[messages]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(I18nContext.Provider,{value:{messages,translate:_i18n__WEBPACK_IMPORTED_MODULE_2__.Tl},children}));I18nContextHolder.__docgenInfo={description:"",methods:[],displayName:"I18nContextHolder",props:{messages:{required:!0,tsType:{name:"Partial",elements:[{name:"defaultMessages"}],raw:"Partial"},description:""},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}}},"./src/i18n/i18n.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$:()=>getTranslations,xO:()=>getTranslationsWithFallback,Lw:()=>setTranslations,Tl:()=>translate});const messages_namespaceObject=JSON.parse('{"login":"Log in","logout":"Log out","loginTo":"Log in to {{serviceName}}","ok":"OK","cancel":"Cancel","tryAgainLabel":"Try again","postpone":"Postpone","youHaveLoggedInAs":"You have logged in as another user: {{userName}}","applyChange":"Apply change","backendIsNotAvailable":"Connection lost","checkAgain":"try again","nothingHappensLink":"Click here if nothing happens","errorMessage":"There may be a problem with your network connection. Make sure that you are online and","applyChangedUser":"Apply changed user","profile":"Profile","switchUser":"Switch user","addFirstDate":"Add first date","addSecondDate":"Add second date","addTime":"Add time","selectName":"Select {{name}}","setDate":"Set a date","setDateTime":"Set date and time","setPeriod":"Set a period","clear":"Clear input","gotIt":"Got it","dismiss":"Dismiss","perPage":"per page","firstPage":"First page","lastPage":"Last page","nextPage":"Next page","previousPage":"Previous","searchTitle":"Search","clearTitle":"Clear search input","userAgreement":"User Agreement","accept":"Accept","decline":"Decline","close":"Close","scrollToAccept":"View the entire agreement to continue","remindLater":"Remind me later","filterItems":"Filter items","selectOption":"Select an option","progress":"Progress","loading":"Loading...","noOptionsFound":"No options found","banned":"banned","online":"online","offline":"offline","copyToClipboard":"Copy email to clipboard","copiedToClipboard":"Email was copied to clipboard","copingToClipboardError":"Failed to copy to clipboard","unverified":"Unverified"}');let messages=messages_namespaceObject;const warned=new Set;function setTranslations(newMessages){messages=newMessages}function getTranslations(){return messages}function getTranslationsWithFallback(){return{...messages_namespaceObject,...messages}}function translate(key){var _messages$key;return key in messages||function warnMissedKeyOnce(key){warned.has(key)||(warned.add(key),console.warn(`Missing localisation for key "${key}"`))}(key),null!==(_messages$key=messages[key])&&void 0!==_messages$key?_messages$key:messages_namespaceObject[key]}},"./src/island/header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_linear_function__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/global/linear-function.ts"),_island_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/island/island.css"),_island_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_island_css__WEBPACK_IMPORTED_MODULE_2__),_adaptive_island_hoc__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/island/adaptive-island-hoc.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Start={FONT_SIZE:24,LINE_HEIGHT:28,PADDING_TOP:24,PADDING_BOTTOM:0,X:0,Y:0,SPACING:0},End={FONT_SIZE:13,LINE_HEIGHT:20,PADDING_TOP:16,PADDING_BOTTOM:8,X:.4,Y:.1,SPACING:1.09};class Header extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,border:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,wrapWithTitle:prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool,phase:prop_types__WEBPACK_IMPORTED_MODULE_4___default().number};static defaultProps={wrapWithTitle:!0};style(name){var _this$props$phase;return(0,_global_linear_function__WEBPACK_IMPORTED_MODULE_5__.h)(Start[name],End[name],null!==(_this$props$phase=this.props.phase)&&void 0!==_this$props$phase?_this$props$phase:0)}render(){const{children,className,wrapWithTitle,border,phase,...restProps}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_island_css__WEBPACK_IMPORTED_MODULE_2___default().header,className,{[_island_css__WEBPACK_IMPORTED_MODULE_2___default().withBottomBorder]:border||null!=phase&&phase>=.5}),headerStyle=null!=phase?{lineHeight:`${this.style("LINE_HEIGHT")}px`,paddingTop:this.style("PADDING_TOP"),paddingBottom:this.style("PADDING_BOTTOM")}:void 0,scaleFont=null!=phase&&this.style("FONT_SIZE")/Start.FONT_SIZE,titleStyle=null!=phase&&phase<1?{fontSize:Start.FONT_SIZE,transform:`translate(${this.style("X")}px, ${this.style("Y")}px) scale(${scaleFont})`,letterSpacing:this.style("SPACING")}:void 0;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{...restProps,"data-test":"ring-island-header",className:classes,style:headerStyle,children:[wrapWithTitle&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h2",{className:_island_css__WEBPACK_IMPORTED_MODULE_2___default().title,style:titleStyle,children}),!wrapWithTitle&&children]})}}const HeaderWrapper=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_adaptive_island_hoc__WEBPACK_IMPORTED_MODULE_6__.L6.Consumer,{children:phase=>{const addProps=null!=phase?{phase}:{};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Header,{...props,...addProps})}}),__WEBPACK_DEFAULT_EXPORT__=HeaderWrapper;HeaderWrapper.__docgenInfo={description:"",methods:[],displayName:"HeaderWrapper",props:{wrapWithTitle:{required:!1,tsType:{name:"union",raw:"boolean | undefined",elements:[{name:"boolean"},{name:"undefined"}]},description:""},border:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:""},phase:{required:!1,tsType:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]},description:""}},composes:["HTMLAttributes"]}},"./src/link/link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,F:()=>linkHOC});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_global_data_tests__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/global/data-tests.ts"),_clickableLink__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/link/clickableLink.tsx"),_link_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/link/link.css"),_link_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_link_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function linkHOC(ComposedComponent){const isCustom="string"!=typeof ComposedComponent&&ComposedComponent!==_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A;return class Link extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,active:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,inherit:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,pseudo:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,hover:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,"data-test":prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,onPlainLeftClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func,onClick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().func};render(){const{active,inherit,pseudo,hover,className,"data-test":dataTest,href,children,onPlainLeftClick,onClick,...restProps}=this.props,useButton=pseudo||!isCustom&&null==href,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_link_css__WEBPACK_IMPORTED_MODULE_2___default().link,className,{[_link_css__WEBPACK_IMPORTED_MODULE_2___default().active]:active,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().inherit]:inherit,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().hover]:hover,[_link_css__WEBPACK_IMPORTED_MODULE_2___default().pseudo]:useButton});let props=restProps;return isCustom&&!props.activeClassName&&(props={...props,activeClassName:_link_css__WEBPACK_IMPORTED_MODULE_2___default().active}),useButton?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{type:"button",...props,className:classes,onClick:onClick||onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComposedComponent,{...props,href,className:classes,onClick,onPlainLeftClick,"data-test":(0,_global_data_tests__WEBPACK_IMPORTED_MODULE_6__.A)("ring-link",dataTest),children})}}}const __WEBPACK_DEFAULT_EXPORT__=linkHOC(_clickableLink__WEBPACK_IMPORTED_MODULE_4__.A)},"./src/panel/panel.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Panel});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_panel_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/panel/panel.css"),_panel_css__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_panel_css__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");class Panel extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{static propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node};render(){const{className,children,...props}=this.props,classes=classnames__WEBPACK_IMPORTED_MODULE_1___default()(_panel_css__WEBPACK_IMPORTED_MODULE_2___default().panel,className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{...props,className:classes,children})}}Panel.__docgenInfo={description:"@name Panel",methods:[],displayName:"Panel",props:{className:{description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!1}}}},"./src/storage/storage.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>storage});var alert_service=__webpack_require__("./src/alert-service/alert-service.tsx");class LocalStorage{static async safePromise(resolver){try{return await new Promise(resolver)}catch(e){throw e instanceof Error&&"NS_ERROR_FILE_CORRUPTED"===e.name&&alert_service.A.error('Sorry, it looks like your browser storage is corrupted. Please clear your storage by going to Tools -> Clear Recent History -> Cookies and setting time range to "Everything". This will remove the corrupted browser storage across all sites.'),e}}storageType;constructor(config={}){this.storageType="session"===config.type?"sessionStorage":"localStorage"}get(name){return LocalStorage.safePromise((resolve=>{const value=window[this.storageType].getItem(name);if(null!=value)try{resolve(JSON.parse(value))}catch(e){resolve(value)}else resolve(value)}))}set(name,value){return LocalStorage.safePromise((resolve=>{window[this.storageType].setItem(name,JSON.stringify(value)),resolve(value)}))}remove(name){const storageType=this.storageType;return LocalStorage.safePromise((resolve=>{window[storageType].hasOwnProperty(name)&&window[storageType].removeItem(name),resolve()}))}each(callback){const storageType=this.storageType;return LocalStorage.safePromise((resolve=>{const promises=[];for(const item in window[storageType])if(window[storageType].hasOwnProperty(item)){const value=window[storageType].getItem(item);let resolvedValue=null;if(null!=value)try{resolvedValue=JSON.parse(value)}catch(e){resolvedValue=value}promises.push(Promise.resolve(callback(item,resolvedValue)))}resolve(Promise.all(promises))}))}on(name,callback){function handleStorage(e){if(e.key===name)if(null!=e.newValue)try{callback(JSON.parse(e.newValue))}catch(err){callback(e.newValue)}else callback(e.newValue)}return window.addEventListener("storage",handleStorage,!1),()=>window.removeEventListener("storage",handleStorage,!1)}}var deep_equal=__webpack_require__("./node_modules/deep-equal/index.js"),deep_equal_default=__webpack_require__.n(deep_equal);class FallbackStorage{static DEFAULT_COOKIE_NAME="localStorage";static DEFAULT_SESSION_COOKIE_NAME="sessionStorage";static DEFAULT_CHECK_DELAY=3e3;static COOKIE_EXPIRES=365;static QUOTA=4093;static _createCookie(name,value,days){let date,expires;days?(date=new Date,date.setTime(date.getTime()+864e5*days),expires=`; expires=${date.toUTCString()}`):expires=";",document.cookie=`${name}=${value}${expires}; path=/`}static _readCookie(name){const nameEQ=`${name}=`,cookies=document.cookie.split(";");let cookie;for(let i=0;i{const rawData=FallbackStorage._readCookie(this.cookieName);null!=rawData?resolve(JSON.parse(decodeURIComponent(rawData))):reject()})).catch((()=>({})))}_write(data){return new Promise((resolve=>{const stringData=encodeURIComponent(JSON.stringify(data));return FallbackStorage._createCookie(this.cookieName,"{}"===stringData?"":stringData,this.expires),resolve(data)}))}get(key){return this._read().then((data=>data[key]||null))}async set(key,value){const data=await this._read();return key&&(null!=value?data[key]=value:Reflect.deleteProperty(data,key)),await this._write(data),value}async remove(key){await this.set(key,null)}each(callback){return"function"!=typeof callback?Promise.reject(new Error("Callback is not a function")):this._read().then((data=>{const promises=[];for(const key in data)data.hasOwnProperty(key)&&promises.push(callback(key,data[key]));return Promise.all(promises)}))}on(key,callback){let stop=!1;const checkForChange=oldValue=>{this.get(key).then((newValue=>{stop||(deep_equal_default()(oldValue,newValue)||callback(newValue),window.setTimeout((()=>checkForChange(oldValue)),this.checkDelay))}))};return this.get(key).then(checkForChange),()=>{stop=!0}}}let Storage=LocalStorage;try{const temp="testStorage";localStorage.setItem(temp,temp),localStorage.removeItem(temp)}catch(e){Storage=FallbackStorage}const storage=Storage},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".group_ba3b > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n","",{version:3,sources:["webpack://./src/group/group.css"],names:[],mappings:"AAGE;IACE,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.group {\n & > *:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={group:"group_ba3b"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_2__.default),___CSS_LOADER_EXPORT___.push([module.id,".link_c73c,\n.withLinks_a3f8 a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }}\n\n@media (resolution >= 2dppx) {\n\n.link_c73c,\n.withLinks_a3f8 a {\n text-decoration-thickness: 0.5px;\n}\n }\n\n.hover_e4ca:is(.link_c73c,.withLinks_a3f8 a) {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n/* stylelint-disable-next-line selector-max-specificity */\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_cb40:is(.link_c73c,.withLinks_a3f8 a):hover {\n text-decoration: none;\n }}\n\n:is(.link_c73c,.withLinks_a3f8 a):focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n\n.link_c73c.active_eef2 {\n color: inherit;\n}\n\n@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c3d7:not(:hover) {\n color: inherit;\n}}\n\n.pseudo_cb40 {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n}\n\n.pseudo_cb40::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n","",{version:3,sources:["webpack://./src/link/link.css",""],names:[],mappings:"AAEA;;EAEE,eAAe;EACf,uCAAuC;;EAEvC,6BAA6B;;EAE7B,aAAa;;EAEb,0BAA0B;EAC1B,8BAA8B;EAC9B,0BAA0B;AAuB5B;;ACpCA,wGAAA;IAAA,gCAAA;;IAAA,iBAAA;;IAAA,oCAAA;GAAA,CAAA;;ADeE;;AAbF;;IAcI,gCAAgC;AAoBpC;EAnBE;;AAEA;IAEE,+BAA+B;;IAE/B,gBAAgB;;IAEhB,mCAAmC;EACrC;;AAEA,yDAAyD;;AC5B3D,wGAAA;IAAA,sBAAA;GAAA,CAAA;;ADiCE;IACE,oDAAoD;EACtD;;AAGF;EACE,cAAc;AAChB;;ACxCA,wGAAA;EAAA,eAAA;CAAA,CAAA;;AD8CA;EACE,SAAS;EACT,UAAU;;EAEV,gBAAgB;;EAEhB,SAAS;;EAET,uBAAuB;;EAEvB,aAAa;AAOf;;AALE;IACE,UAAU;;IAEV,SAAS;EACX",sourcesContent:['@import "../global/variables.css";\n\n.link,\n.withLinks a {\n cursor: pointer;\n transition: color var(--ring-fast-ease);\n\n color: var(--ring-link-color);\n\n outline: none;\n\n text-decoration-line: none;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n\n @media (resolution >= 2dppx) {\n text-decoration-thickness: 0.5px;\n }\n\n &:hover,\n &.hover {\n text-decoration-line: underline;\n\n transition: none;\n\n color: var(--ring-link-hover-color);\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n &.pseudo:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--ring-border-hover-color);\n }\n}\n\n.link.active {\n color: inherit;\n}\n\n.inherit:not(:hover) {\n color: inherit;\n}\n\n.pseudo {\n margin: 0;\n padding: 0;\n\n text-align: left;\n\n border: 0;\n\n background: transparent;\n\n font: inherit;\n\n &::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n }\n}\n',null],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={link:"link_c73c",withLinks:"withLinks_a3f8",hover:"hover_e4ca",pseudo:"pseudo_cb40",active:"active_eef2",inherit:"inherit_c3d7"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/panel/panel.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dialog_dialog_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/dialog/dialog.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dialog_dialog_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,".panel_ce91 { /* TODO: Invert dependency using :externals CSS Modules selector */\n\n position: relative;\n\n margin-top: calc(var(--ring-unit)*2);\n padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4) calc(var(--ring-unit)*4);\n\n border-top: 1px solid var(--ring-popup-border-color);\n}\n\n.panel_ce91:empty {\n display: none;\n }\n\n.panel_ce91 > button:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n","",{version:3,sources:["webpack://./src/panel/panel.css"],names:[],mappings:"AAEA,cAC+C,kEAAkE;;EAE/G,kBAAkB;;EAElB,oCAAsC;EACtC,mFAAyF;;EAEzF,oDAAoD;AAStD;;AAPE;IACE,aAAa;EACf;;AAEA;IACE,8BAA8B;EAChC",sourcesContent:['@import "../global/variables.css";\n\n.panel {\n composes: panel from "../dialog/dialog.css"; /* TODO: Invert dependency using :externals CSS Modules selector */\n\n position: relative;\n\n margin-top: calc(var(--ring-unit) * 2);\n padding: calc(var(--ring-unit) * 2) calc(var(--ring-unit) * 4) calc(var(--ring-unit) * 4);\n\n border-top: 1px solid var(--ring-popup-border-color);\n\n &:empty {\n display: none;\n }\n\n & > button:not(:last-child) {\n margin-right: var(--ring-unit);\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={panel:`panel_ce91 ${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dialog_dialog_css__WEBPACK_IMPORTED_MODULE_2__.default.locals.panel}`};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/user-agreement/user-agreement.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/global.css"),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global/variables.css"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_variables_css__WEBPACK_IMPORTED_MODULE_3__.default),___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default,"",!0),___CSS_LOADER_EXPORT___.push([module.id,".agreementDialog_e03e {\n padding-bottom: 80px;\n}\n\n.dialogContent_d689 {\n width: 600px;\n}\n\n@media (max-width: 639px) {\n .dialogContent_d689 {\n width: 90vw;\n }\n }\n\n.suggestion_b9f2 {\n padding-bottom: var(--ring-unit);\n\n white-space: nowrap;\n\n font-size: 12px;\n}\n\n.remindLaterButton_c6d3 {\n float: right;\n}\n","",{version:3,sources:["webpack://./src/user-agreement/user-agreement.css"],names:[],mappings:"AAIA;EACE,oBAAoB;AACtB;;AAEA;EACE,YAAY;AAOd;;AALE;IACE;MACE,WAAW;IACb;EACF;;AAGF;EACE,gCAAgC;;EAEhC,mBAAmB;;EAEnB,eAAe;AACjB;;AAEA;EACE,YAAY;AACd",sourcesContent:['@import "../global/variables.css";\n\n@value extra-small-screen-media from "../global/global.css";\n\n.agreementDialog {\n padding-bottom: 80px;\n}\n\n.dialogContent {\n width: 600px;\n\n @media extra-small-screen-media {\n & {\n width: 90vw;\n }\n }\n}\n\n.suggestion {\n padding-bottom: var(--ring-unit);\n\n white-space: nowrap;\n\n font-size: 12px;\n}\n\n.remindLaterButton {\n float: right;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"extra-small-screen-media":`${_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_global_global_css__WEBPACK_IMPORTED_MODULE_2__.default.locals["extra-small-screen-media"]}`,agreementDialog:"agreementDialog_e03e",dialogContent:"dialogContent_d689",suggestion:"suggestion_b9f2",remindLaterButton:"remindLaterButton_c6d3"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/group/group.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/group/group.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/link/link.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/link/link.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/panel/panel.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/panel/panel.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"./src/user-agreement/user-agreement.css":(module,__unused_webpack_exports,__webpack_require__)=>{var API=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),domAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),insertFn=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),setAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),styleTagTransformFn=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/user-agreement/user-agreement.css");content=content.__esModule?content.default:content;var options={};options.styleTagTransform=styleTagTransformFn,options.setAttributes=setAttributes,options.insert=insertFn.bind(null,"head"),options.domAPI=domAPI,options.insertStyleElement=insertStyleElement;API(content,options);module.exports=content&&content.locals||{}},"?4f7e":()=>{}}]); \ No newline at end of file diff --git a/master/welcome-stories.964532c6.iframe.bundle.js b/master/welcome-stories.964532c6.iframe.bundle.js new file mode 100644 index 00000000000..f1094f46f01 --- /dev/null +++ b/master/welcome-stories.964532c6.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(globalThis.webpackChunk_jetbrains_ring_ui=globalThis.webpackChunk_jetbrains_ring_ui||[]).push([[4181],{"./src/welcome.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{changelog:()=>changelog,contributing:()=>contributing,default:()=>welcome_stories,gettingStarted:()=>gettingStarted,license:()=>license});var markdown_it=__webpack_require__("./node_modules/markdown-it/index.mjs"),lib=__webpack_require__("./node_modules/highlight.js/lib/index.js"),lib_default=__webpack_require__.n(lib);var highlight=__webpack_require__("./src/code/highlight.css"),highlight_default=__webpack_require__.n(highlight),markdown=__webpack_require__("./src/markdown/markdown.tsx");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const markdownIt=new markdown_it.A("commonmark",{html:!1,highlight:(str,lang)=>lang&&lib_default().getLanguage(lang)?lib_default().highlight(str,{language:lang}).value:""}).enable("table"),welcome_stories={title:"Ring UI/Welcome",parameters:{screenshots:{skip:!0}}},gettingStarted=()=>{const renderedMarkdown=markdownIt.render("# Ring UI — JetBrains Web UI components\n[![Storybook][storybook-img]][docsite] [![Build Status][ci-img]][ci-bt] [![Storybook][browserstack-img]][browserstack-build-page] [![NPM version][npm-version-img]][npm-package] [![NPM downloads][npm-count-img]][npm-package]\n\n[![official JetBrains project](https://jb.gg/badges/official-flat-square.svg)](https://github.com/JetBrains#jetbrains-on-github)\n\nThis collection of UI components aims to provide all the necessary building blocks for web-based products built inside JetBrains, as well as third-party plugins developed for JetBrains' products.\n\n## Try now\n* Try the [codesandbox](https://codesandbox.io/p/sandbox/ring-ui-sandbox-6-0-demo-qk5vgv), based on `create-react-app` tooling, to see and try the UI components\n* Check out [list of examples](https://jetbrains.github.io/ring-ui/master/index.html) for each component\n\n## Installation\n\n* For Quick Start, use pre-built version: \n `npm install @jetbrains/ring-ui-built`\n* For complex projects, use \"sources\" version\n `npm install @jetbrains/ring-ui`\n You will then need to include building Ring UI into your WebPack build (see \"Building Ring UI from source via Webpack\" below)\n\n### Quick start\n\nThe easiest way is to import necessary components as ES modules:\n```js\n// You need to import RingUI styles once\nimport '@jetbrains/ring-ui-built/components/style.css';\n\nimport alertService from '@jetbrains/ring-ui-built/components/alert-service/alert-service';\nimport Button from '@jetbrains/ring-ui-built/components/button/button';\n\n...\n\nexport const Demo = () => {\n return (\n \n );\n};\n\n```\n\nThe bundle size will depend on the amount of components you imported.\n\n### Building Ring UI from source via Webpack\n\nIn case you have complex build, and you want to compile RingUI sources together with your sources\nin a same build process, you can use the following configuration:\n\n1. Install Ring UI with `npm install @jetbrains/ring-ui --save-exact` \n\n2. If you are building your app with webpack, make sure to `import` ring-ui components where needed. Otherwise, create an entry point (for example, `/app/app__components.tpl.js`) and\n`import` the components there. \n ``` javascript\n import React from 'react';\n import ReactDOM from 'react-dom';\n import LoaderInline from '@jetbrains/ring-ui/components/loader-inline/loader-inline';\n \n ReactDOM.render(, document.getElementById('container'));\n ```\n\n3. Create `webpack.config.js` with the following contents (example):\n ``` javascript\n const ringConfig = require('@jetbrains/ring-ui/webpack.config').config;\n \n const webpackConfig = {\n entry: 'src/entry.js', // your entry point for webpack\n output: {\n path: 'path/to/dist',\n filename: '[name].js'\n },\n module: {\n rules: [\n ...ringConfig.module.rules,\n \n ]\n }\n };\n \n module.exports = webpackConfig;\n ```\n\n## Contributing\n\nSee [CONTRIBUTING.md](./CONTRIBUTING.md)\n\n## Links\n\n- [Living style guide][docsite]\n- [GitHub repository](https://github.com/JetBrains/ring-ui)\n- [Issues in YouTrack](https://youtrack.jetbrains.com/issues/RG)\n- [Builds in TeamCity][ci-project]\n- [npm package][npm-package]\n\n[docsite]: https://jetbrains.github.io/ring-ui\n[ci-project]: https://teamcity.jetbrains.com/project.html?projectId=JetBrainsUi_RingUi&tab=projectOverview\n[ci-bt]: https://teamcity.jetbrains.com/viewType.html?buildTypeId=JetBrainsUi_RingUi_GeminiTests&tab=buildTypeStatusDiv\n[ci-img]: https://teamcity.jetbrains.com/app/rest/builds/buildType:JetBrainsUi_RingUi_GeminiTests/statusIcon.svg\n[npm-package]: https://www.npmjs.com/package/@jetbrains/ring-ui\n[npm-version-img]: https://img.shields.io/npm/v/@jetbrains/ring-ui.svg\n[npm-count-img]: https://img.shields.io/npm/dt/@jetbrains/ring-ui.svg\n[storybook-img]: https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg\n[browserstack-img]: https://automate.browserstack.com/badge.svg?badge_key=elc3S1IvemtCdHBjcHdmQzdRcm9xYWxTakFvSWFqT2lrOGtrTjZRbFVRaz0tLXE0VnpyUjRqSk1Xc2xIQ1NnL1pkbnc9PQ==--f96a555ca0fe3ce50d0770cb975be0f3b6a6cf79\n[browserstack-build-page]: https://automate.browserstack.com/public-build/elc3S1IvemtCdHBjcHdmQzdRcm9xYWxTakFvSWFqT2lrOGtrTjZRbFVRaz0tLXE0VnpyUjRqSk1Xc2xIQ1NnL1pkbnc9PQ==--f96a555ca0fe3ce50d0770cb975be0f3b6a6cf79\n");return(0,jsx_runtime.jsx)(markdown.A,{children:(0,jsx_runtime.jsx)("div",{className:highlight_default().highlightContainer,dangerouslySetInnerHTML:{__html:renderedMarkdown}})})},contributing=()=>{const renderedMarkdown=markdownIt.render('### Environment setup\n\n1. (macOS only) Install Xcode Command Line Tools: `xcode-select --install`\n2. Install GIT-LFS https://git-lfs.com/\n3. Install Node.js@16 (with NPM@8). We suggest using [nvm](https://github.com/nvm-sh/nvm) or [n](https://github.com/tj/n) for Node version management\n4. Run `npm install`\n\n### Available commands\n\nTo start the server: `npm start` (runs the webpack dev server on http://localhost:9999)\n\nTo run tests: `npm test`\n\nTo lint code: `npm run lint`\n\nTo build production files: `npm run build`\n\n### Settings\n\nBy default, documentation is built using the `development` environment. Use the `--env.production` flag to switch it to `production`. Environment has an effect on source map generation. It also affects the following parameters:\n\n * **port**\n * **host**\n * **hub** (Hub server URI)\n * **clientId** (Ring UI service client ID in Hub)\n\n### Beta versions and hotfixes\n\nWhen we start developing a new major version, we make a branch with name `develop-x.0` and make changes. \nBeta builds could be published by [this configuration](https://teamcity.jetbrains.com/buildConfiguration/JetBrainsUi_RingUi_PublishNext?mode=builds) (you need to pick branch youself!)\nWhen version is ready, we\n1. Make a branch from `master` with name `release-x.x` (current version) and put it for like LTE\n2. Merge `develop-x.0` into `master` and publish new version\n\nWhen hotfixes needs to be delivered in old branches, one need to commit fix into that `release-x.x` branch, \nmerge `release-x.x -> master` and publish it \nvia [this configuration](https://teamcity.jetbrains.com/buildConfiguration/JetBrainsUi_RingUi_PublishHotfixRelease?mode=builds).\n\n\n### Visual regression testing\n\nRun the development server with `npm start` before executing the commands listed below*\n\nRing UI uses [Testplane](https://github.com/gemini-testing/testplane) for visual regression testing. Testplane works by taking screenshots and comparing them to existing reference images. \n\nWe use [BrowserStack](https://www.browserstack.com/) as a cloud Selenium grid. In order to use it on your local machine, you need to have a BrowserStack account. \nCredentials can be gathered on [this page](https://www.browserstack.com/accounts/settings).\n\n**If you don\'t have credentials, ask project contributors how can you get them.**\n\nSet your username and access token as environment variables:\n```\nexport BROWSERSTACK_NAME=yourlogin\nexport BROWSERSTACK_KEY=yourkey\n```\n \n Or prepend these variables before your commands:\n `BROWSERSTACK_NAME=**** BROWSERSTACK_KEY=**** npm run screenshots-test`\n\nAfter you make some visual changes, run `npm run screenshots-test` to make sure there are no regressions.\n\nTo update the reference images for a certain component (for example, `alert`):\n`npm run screenshots-gather -- -- --grep Components/Alert`.\n\n### Accessibility audit\n\nIt is very important for web components to be accessible for everyone. We have some accessibility tests set up.\n\nTo check current status on CI you may check [teamcity configuration](https://teamcity.jetbrains.com/buildConfiguration/JetBrainsUi_RingUi_A11yAudit).\n\nTo run tests locally, run `npm run a11y-audit`. Also, there is "Accessibility" tab on storybook pages, \nso every component could be inspected via running storybook (`npm start`) and then checking this tab.\n');return(0,jsx_runtime.jsx)(markdown.A,{children:(0,jsx_runtime.jsx)("div",{className:highlight_default().highlightContainer,dangerouslySetInnerHTML:{__html:renderedMarkdown}})})},changelog=()=>{const renderedMarkdown=markdownIt.render("## [7.0.0]\n\n### BREAKING CHANGES\n- Removed compensation margins in Icon to better match Figma\n- `caps` prop no longer supported in Heading\n- `composeRefs` utility is removed. Please use `createComposeRefs()` to get a memoized composer function\n- deprecated `setClient` utility is removed\n- Header: `TrayIcon` is renamed to `HeaderIcon`\n- `palette.css` is removed\n- Table: `wideFirstColumn` is now `false` by default\n- Tag: `angled` prop is removed\n\n## [6.0.0](https://youtrack.jetbrains.com/issue/RG-2303/Release-Ring-UI-6.0)\n\n### BREAKING CHANGES\n- All AngularJS components has been removed\n- Pre-built components (located in \"dist\") folder has been extracted into separate package, [@jetbrains/ring-ui-built](https://www.npmjs.com/package/@jetbrains/ring-ui-built). For details, see [RG-2304](https://youtrack.jetbrains.com/issue/RG-2304)\n- Minimum supported React version is 18.0.0. `setClient` utility is deprecated and will be removed in 7.0\n- `--ring-border-unselected-disabled-color` CSS custom property is removed. Use `--ring-border-disabled-color` instead.\n- `List.ListProps.Dimension` is now a plain object instead of an enum\n- \"Auth landing page\" component has been removed\n- `Markdown` component now only provides styling, not the rendering logic. See [RG-2310](https://youtrack.jetbrains.com/issue/RG-2310). Here [are some examples of user-side markdown rendering](https://github.com/JetBrains/ring-ui/blob/master/src/markdown/markdown.stories.tsx).\n - `UserAgreement` component has also dropped support for Markdown rendering. If you use it with Markdown content, you would have to render markdown yourself.\n- `` component now has no inner ``, see [RG-2311](https://youtrack.jetbrains.com/issue/RG-2311)\n- HTTP component's typing has been updated to be more strict (no more \"any\"). See [commit](https://github.com/JetBrains/ring-ui/pull/6585/commits/cc42d73d3c65db49ab5703cf335c3a6d124b60cd)\n- Deprecated parts of Analytics component has been deleted. See [commit](https://github.com/JetBrains/ring-ui/pull/6585/commits/61ce0684cd0b8c1e16529b0f6580ba066fc6b13a)\n\n### Other changes\n- Dark theme colors has been updated. See [RG-2306](https://youtrack.jetbrains.com/issue/RG-2306)\n- Toggles has been updated [RG-2312](https://youtrack.jetbrains.com/issue/RG-2312/Update-Dark-Mode-Toggles-Color)\n\n## [5.0.0]\n\n### BREAKING CHANGES\n- Design of some components is changed, see [RG-2156](https://youtrack.jetbrains.com/issue/RG-2156). By default, controls (buttons, inputs etc.) have 28px height. To bring back the old compact 24px height, wrap your app into `ControlsHeightContext.Provider`:\n ```js\n import {ControlsHeight, ControlsHeightContext} from '@jetbrains/ring-ui/components/global/controls-height';\n\n \n \n \n ```\n- Input: removed `compact` and `renderUnderline` props\n- Select: removed `Type.MATERIAL`\n- Toggle: added `Size.Size14` which is the new default\n- Button Group: caption should be pllaced outside of the group\n ```\n // Before\n \n Side:\n \n \n \n \n // After\n <>\n Side:\n \n \n \n \n \n ```\n- Components no longer accept `theme` prop, themes are managed using CSS Custom Properties instead. To apply a theme to your app or some part of it, wrap it into `ThemeProvider`:\n ```js\n import Theme, {ThemeProvider} from '@jetbrains/ring-ui/components/global/theme';\n\n {children}\n ```\n \n If you still need to apply theme to the global scope, here is a solution:\n ```js\n import Theme, {applyTheme} from '@jetbrains/ring-ui/components/global/theme';\n \n applyTheme(Theme.DARK, document.body);\n ```\n You can also pass `Theme.AUTO` to use the user-defined system theme.\n The only exceptions are the components that provide dark context by default: Alert, Header, Message. Those still accept a `theme` prop.\n- `--ring-dark-*` CSS custom properties are removed, `--ring-dark-text-color` is renamed to `--ring-white-text-color`\n- `--ring-message-background-color` is removed in favor of `--ring-popup-background-color`\n- The codebase has migrated to TypeScript\n- `react-markdown` has been updated to v7, which affects the props of `Markdown` component. The most notable change is replacing `source` with `children`:\n ```js\n // before\n \n \n // after\n some markdown\n ```\n See `react-markdown`'s [changelog](https://github.com/remarkjs/react-markdown/blob/main/changelog.md#600---2021-04-15) for other changes\n- Removed `core-js@2` support\n- Removed `webpack@4` support\n\n## [4.2.0]\n\n### React 18 support\n\nTo enable the new root API, add the following code before any rendering:\n```js\nimport * as client from 'react-dom/client'\nimport {setClient} from '@jetbrains/ring-ui/components/global/react-render-adapter'\n\nsetClient(client)\n```\n\n## [4.1.0]\n\n### Pre-built version\n\nRing UI now comes with pre-built version in `@jetbrains/ring-ui/dist` directory. \nThis addresses the following issues:\n\n* does not require using specific bundler (WebPack) anymore\n* does not require dealing with Ring UI building configuration\n* decreases your project build time\n\nSee \"README.md\" for quick start with pre-built version\n\n## [4.0.0]\n\n### BREAKING CHANGES\n- `WebPack 4` is no longer supported. Please upgrade your project to use `WebPack@>=5`.\n- `Code` no longer preloads any language highlighting. It's loaded lazily using dynamic imports instead. You can still preload the languages you need with `highlight.registerLanguage`, see https://jetbrains.github.io/ring-ui/master/index.html?path=/docs/components-code--basic. If you used the following line in your webpack config to reduce the bundle size, please remove it:\n ```js\n new webpack.NormalModuleReplacementPlugin(/@jetbrains\\\\/ring-ui\\\\/components\\\\/code\\\\/highlight.js$/, './highlight-lazy.js')\n ```\n- `date-picker` has migrated from `moment` to `date-fns`. All the props deprecated in 3.1.0 are now removed. `onDateChange` is renamed back to `onChange` and will be removed in 5.0.\n- `svg-inline-loader` is not used by Ring UI anymore. Consider installing and using own instance if needed:\n 1. `npm install svg-inline-loader -D`\n 2. Configure loader like this: \n ```js\n {\n test: /\\.svg$/,\n loader: require.resolve('svg-inline-loader'),\n options: {removeSVGTagAttrs: false},\n include: [require('@jetbrains/icons')]\n }\n ```\n Also, Ring UI now imports [\"js\" versions of](https://github.com/JetBrains/icons/blob/master/CHANGELOG.md#3130-2021-01-27) `@jetbrains/icons`, so you may also want to.\n- `rerenderHOC` has no `captureNode` option anymore and is not in charge of capturing reference for wrapped component node. \n Component must capture and store own node in `this.node` property. \n See [commit](https://github.com/JetBrains/ring-ui/commit/885c49d90bc00241921da121602817eca43022d2) for more details.\n- `@jetbrains/generator-ring-ui` requires `yo` v4 (currently in beta)\n\n#### Moving away from SASS\n- `SASS` files are rewritten to `CSS`. If your project imports Ring UI's SCSS files, check same folder for new CSS options.\n- `global.scss` is not more available. If you use variables or mixins from this file, please consider having own copy.\n Old version can be found [here](https://github.com/JetBrains/ring-ui/blob/4ec18fa1bb/components/global/global.scss).\n\n## [3.1.0]\nSome of the props of `date-picker` are changed or deprecared to allow removing the dependency on `moment` package in v4:\n- passing `moment` instance as `date`, `from`, `to`, `minDate`, and `maxDate` props is deprecated. They still accept js `Date` objects, strings, and numeric timestamps\n- in `withTime` mode, the time should be passed as a part of `date` prop:\n ```js\n // before\n \n \n // after\n \n ```\n- `displayFormat`, `displayMonthFormat`, and `displayDateFormat` now accept a function of type `Date => string` instead of string\n- `inputFormat` is replaced with `parseDateInput` which accepts a function of type `string => Date`\n- `onChange` is replaced with `onDateChange` which has a different signature: all `moment` objects are replaced with js `Date` objects. In `withTime` mode, `onDateChange` is called with a single js `Date` object containing both date and time info instead of an object with separate `date` and `time` fields\n\n## [3.0.0]\n\nMinimum required React version is now 16.8.0 (was 16.4.0 before). This allows Ring UI to use hooks and utilities such as `React.memo`.\nThis release also stopped indirectly using deprecated `React.createFactory` API, which warns since React@16.13.\nIf your project uses React@16.8.0+, there **are no action required** to be compatible with this release.\n\n## [2.1.20]\n\nThe JS part of Ring UI package is now marked as \"sideEffect free\". This means that webpack will [tree-shake](https://webpack.js.org/guides/tree-shaking/) unused imports of Ring UI files.\nTheoretically this may be breaking change, but we don't know any real case yet. We consider advantages of this change are more important \nthan potential disadvantages.\n\n## [2.0.2] \n\n- Due to deprecation, `postcss-cssnext` has been replaced with `postcss-preset-env`.\n\n- `extract-css-vars.js` script has been deprecated in favor of ['importFrom'](https://github.com/csstools/postcss-preset-env#importfrom) option of postcss-preset-env. Please consider using the same approach in your project. \n\n## [2.0.0] \n\n- Versions of dependencies are now prepended with a caret (`^`) rather than fixed\n- \\[Breaking\\] `@jetbrains/icons` was updated to `3.0.0` which includes a major rework of icons' shapes and dimensions.\n \n `size`, `width` and `height` props are deprecated in the `Icon` component. The intrinsic size of the icon (`width` and `height` SVG attributes) is used instead.\n \n We strongly recommend to use icons handcrafted for particular sizes. If an icon doesn't exist in the desired size, please ask your designer to draw one. \"Responsive\" checkmark should be unchecked when exporting an icon.\n \n If you're using your own instance of `svg-inline-loader` make sure to pass `options: {removeSVGTagAttrs: false}` to avoid removing `width` and `height` attributes.\n\n- \\[Breaking\\] Icons are now aligned to the text baseline out of the box (only when using the following icon sizes: 10px, 14px, 16px, 20px). Previously, `vertical-align: middle;` was used by default which was not great as it required fine-tuning almost every time to achieve perfect alignment. If you have such compensations in your code, please inspect and remove them.\n\n- \\[Breaking\\] SVG icons are not inlined anymore – Icon and IconNg components don't support sprite IDs. If you are patching svgSpriteLoader, replace `\"svgSpriteLoader.include.push(...)\"` with `\"svgInlineLoader.include.push(...)\"`. See [this issue](https://youtrack.jetbrains.com/issue/RG-1646) for details.\n\n- \\[Breaking\\] Some deprecated SASS files were [removed](https://github.com/JetBrains/ring-ui/commit/b174d82d5c683ebd8716524c8affc880adc7460e): `button.scss`, `icon.scss`, `loader-inline__legacy.scss`.\n\n- \\[Breaking\\] Some deprecated SASS constants (like `$ring-text-color`) were [removed](https://github.com/JetBrains/ring-ui/commit/4ec18fa1bbd5e069e1e357246893a8511501237a).\n\n## [1.0.0]\n\n- \\[Breaking\\] New visual language. Most UI components have received significant updates which may require you to update the rest of your application's UI.\n\n- Many components now have a `theme` property that toggles the component's appearance to better fit dark and light backgrounds.\n\n- \\[Breaking\\] The styles of many components were rewritten from SASS to CSS modules. If you were importing the SASS files directly, you will have to remove those imports and use the corresponding components instead. The complete list of removed SASS files:\n\n ```\n badge.scss, button-group.scss, button-toolbar.scss, checkbox.scss, link.scss, list.scss, \n loader.scss, old-browsers-message.scss, popup.scss, query-assist.scss, radio.scss, \n select-popup.scss, select.scss, tabs.css, tag.scss, tags-input.scss, tooltip.scss\n ```\n\n- \\[Breaking\\] SASS and `postcss-modules-values-replace` variables were deprecated, CSS custom properties must be used instead. In order to use CSS custom properties in your app, you will need to configure PostCSS as follows:\n ```\n plugins: [\n ...\n require('postcss-custom-properties')({\n preserve: true,\n variables: require('@jetbrains/ring-ui/extract-css-vars')\n })\n ]\n ```\n\n- Babel 7 was introduced.\n\n- The default font-family declaration was changed. Notably, it may now fall back to Segoe UI instead of Helvetica Neue on Windows.\n\n## [0.4.6] — 28-12-2017\n\n- `ErrorBubble` component was reimplemented using `Popup`. While the API did not change, the implementation has changed drastically. If you were relying on the internals (to customize CSS, for example) please review your implementation.\n\n## [0.4.0] — 18-12-2017\n\n- `react-markdown` package was updated to version 3.0 which contains breaking changes. Since the `Markdown` component passes props to `react-markdown`, this constitutes a breaking change for Ring UI itself. See the [details](https://github.com/rexxars/react-markdown/blob/master/CHANGELOG.md#300---2017-11-20).\n\n- [dependencies.io](https://www.dependencies.io/) was set up to help us keep dependencies up-to-date. Most dependencies were updated to latest versions.\n\n## [0.3.8] — 29-11-2017\n\n### Auth improvements\n- Embedded login flow is now supported: instead of redirecting to and from Hub to perform authentication, a login form can now be opened in a separate window. Upon successful authentication the service may choose to either reload the page or to partially update the UI without reloading, which results in a more pleasant login experience for the users. To enable the new mode, pass `embeddedLogin: true` to Auth configuration. There's also a new `enableBackendStatusCheck` option that checks if Hub is up and running before opening the login window or making the redirect. This option is enabled by default.\n\n## [0.3.0] — 20-11-2017\n### Breaking\n- Release 0.3.0 is designed to work with React 16. Moreover, `react` and `react-dom` are no longer `dependencies` but `peerDependencies` — make sure to include them in your project's `dependencies`, if you don't have them already. If your project's `webpack.config.js` includes a `resolve` section for making sure only one copy of React is loaded, it can now be removed.\n\n- `RingComponent`, a base class for all Ring UI components is now gone. The components are now inherited directly from `PureComponent`. If you have your own components using `RingComponent` as the base class, please refactor them:\n\n // Before\n import React from 'react';\n import RingComponent from '../ring-component/ring-component';\n \n export default class MyComponent extends RingComponent {\n ...\n // RingComponent had its own lifecycle methods, matching the original ones \n didUpdate(prevProps, prevState) {\n \n }\n }\n \n // After\n import React, {PureComponent} from 'react';\n \n export default class MyComponent extends PureComponent {\n ...\n componentDidUpdate(prevProps, prevState) {\n \n }\n }\n \n- If you were relying on the `rerender` method of `RingComponent` (for example, to trigger re-rendering of `date-picker` or `query-assist`), special wrapped versions of those components should be used instead. Those wrapped versions include the `rerender` method for backward compatibility:\n\n // Before\n import DatePicker from \"@jetbrains/ring-ui/components/date-picker/date-picker\";\n \n // After\n import {RerenderableDatePicker as DatePicker} from \"@jetbrains/ring-ui/components/date-picker/date-picker\";\n \n### Added\n\n- [Hover mode](http://www.jetbrains.org/ring-ui/dropdown.html#Dropdown%20with%20hover%20mode) was added to `Dropdown`. [Review][RING-UI-CR-2998]\n- `user-card` [component](http://www.jetbrains.org/ring-ui/user-card.html) was added. [Review][RING-UI-CR-3016]\n- Support for fuzzy search was added to `Select`, pass `props.filter = { fuzzy: true }` to activate. [Review][RING-UI-CR-3037]\n- `data-list` component [received a major rewrite](http://www.jetbrains.org/ring-ui/data-list.html). [Review][RING-UI-CR-3042]\n\n### Removed\n\n- `React Ng`, a legacy Angular directive for proxying React components was removed.\n- An ability to import SVG icons as components (`import PencilIcon from '@jetbrains/icons/pencil.svg'`) deprecated earlier was removed.\n\n### Internals\n- Updated lots of dependencies\n- `mout` is no longer a dependency\n\n[0.4.6]: https://upsource.jetbrains.com/ring-ui/compare/%40jetbrains/ring-ui%400.4.5...%40jetbrains/ring-ui%400.4.6\n[0.4.0]: https://upsource.jetbrains.com/ring-ui/compare/%40jetbrains/ring-ui%400.3.8...9a4e78c2d33ec82fec05f8b5afc14d081d553798\n[0.3.8]: https://upsource.jetbrains.com/ring-ui/compare/%40jetbrains/ring-ui%400.3.1...%40jetbrains/ring-ui%400.3.8\n[0.3.0]: https://upsource.jetbrains.com/ring-ui/compare/%40jetbrains/ring-ui%400.2.50...%40jetbrains/ring-ui%400.3.1\n[RING-UI-CR-2998]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2998\n[RING-UI-CR-3016]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-3016\n[RING-UI-CR-3037]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-3037\n[RING-UI-CR-3042]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-3042\n \n## [0.2.10] — 22-08-2017\n### Added\n- `Icon` component now exports icons (`@jetbrains/icons` package) and logos (`@jetbrains/logos`) as React components. A previously introduced feature of importing them directly from packages is deprecated:\n\n // deprecated, will be removed in 0.3\n import PencilIcon from '@jetbrains/icons/pencil.svg'\n import SearchIcon from '@jetbrains/icons/search.svg'\n import HubLogo from '@jetbrains/logos/hub/hub.svg'\n \n \n \n \n \n // Worked before, works now, and will work later\n import pencilIcon from '@jetbrains/icons/pencil.svg'\n import searchIcon from '@jetbrains/icons/search.svg'\n import hubLogo from '@jetbrains/logos/hub/hub.svg'\n import Icon from '@jetbrains/components/icon/icon'\n \n \n \n \n \n // Works since 0.2.7. This allows to stop patching ring-ui's `svg-sprite-loader` rule in your webpack config.\n import {PencilIcon, SearchIcon} from '@jetbrains/components/icon'\n import {HubLogo} from '@jetbrains/components/icon/logos' // This can dramatically increase your bundle size, so you may want to keep using the above traditional method for logos\n \n \n \n \n \n // Also works\n import Icon, {PencilIcon, SearchIcon} from '@jetbrains/components/icon'\n import {HubLogo} from '@jetbrains/components/icon/logos'\n \n \n \n \n [Review][RING-UI-CR-2945]\n- `Tag`: `disabled` prop was added. [Review][RING-UI-CR-2951]\n- `Popup`: a custom container can be passed as a prop. [Review][RING-UI-CR-2941]\n- `Dialog`: focus is trapped inside dialog. Tabbing outside of the dialog is blocked.\nYou can opt out of this behavior by passing `trapFocus={false}`. [Review][RING-UI-CR-2935]\n\n### Changed\n- `Select`: after selecting a tag, the input is cleared. [Review][RING-UI-CR-2944]\n\n### Fixed\n- \"Clear\" icon on `Select`'s button was not clickable in Firefox. [Review][RING-UI-CR-2952]\n- `svg-sprite-loader` was updated to fix rendering of logos in Firefox. [Review][RING-UI-CR-2942]\n\n[0.2.10]: https://upsource.jetbrains.com/ring-ui/compare/%40jetbrains/ring-ui%400.2.1...%40jetbrains/ring-ui%400.2.10\n[RING-UI-CR-2952]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2952\n[RING-UI-CR-2951]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2951\n[RING-UI-CR-2945]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2945\n[RING-UI-CR-2944]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2944\n[RING-UI-CR-2941]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2941\n[RING-UI-CR-2942]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2942\n[RING-UI-CR-2935]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2935\n\n## [0.2.1] — 11-08-2017\n### Fixed\n- Include icon-runtime-generator.js into package\n\n[0.2.1]: https://upsource.jetbrains.com/ring-ui/compare/%40jetbrains/ring-ui%400.2.0...%40jetbrains/ring-ui%400.2.1\n\n## [0.2.0] — 11-08-2017\n### Added\n- SVG icons can be imported directly as React components. They pass props to the `Icon` component.\n \n // Before (and still fully supported)\n import pencilIcon from '@jetbrains/icons/pencil.svg'\n import Icon from '@jetbrains/components/icon/icon'\n \n \n \n // After\n import PencilIcon from '@jetbrains/icons/pencil.svg'\n \n \n [Review][RING-UI-CR-2921]\n- `baseline` option for `Grid` component. [Review][RING-UI-CR-2913]\n\n### Changed\n- `Code` component now comes with a list of highlighed languages. Other languages supported by `highlight.js` can be enabled manually:\n\n import {highlight} from '@jetbrains/ring-ui/components/code/code'\n import lang1c from 'highlight.js/lib/languages/1c';\n highlight.registerLanguage('1c', lang1c);\n [Review][RING-UI-CR-2914]\n- `DataList` component: \"show more / less\" functionality was fully rewritten. [Review][RING-UI-CR-2908]\n\n### Fixed\n- `DataList`: fixed the issue with selection and focus being cleared when toggling a tree element. [Review][RING-UI-CR-2903]\n- Various optimizations were applied to reduce app bundle size. [Review][RING-UI-CR-2923]\n\n[0.2.0]: https://upsource.jetbrains.com/ring-ui/compare/%40jetbrains/ring-ui%400.1.2...%40jetbrains/ring-ui%400.2.0\n[RING-UI-CR-2903]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2903\n[RING-UI-CR-2908]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2908\n[RING-UI-CR-2913]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2913\n[RING-UI-CR-2914]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2914\n[RING-UI-CR-2921]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2921\n[RING-UI-CR-2923]: https://upsource.jetbrains.com/ring-ui/review/RING-UI-CR-2923\n\n## 0.1.0 — 01-08-2017: Ring UI goes Open Source!\n\n### What changes for the end users\n- `@jetbrains/ring-ui` package should be used instead of `ring-ui`.\n- Version was reset to `0.1.1`. To install the latest version, run `npm install --save-exact @jetbrains/ring-ui`. \n- You may remove the internal registry line from `.npmrc`.\n- Named imports can be used for importing components:\n ```js\n import {Button, Input} from '@jetbrains/ring-ui';\n\n // You can still import components one by one to reduce bundle size\n import Button from '@jetbrains/ring-ui/components/button/button';\n import Input from '@jetbrains/ring-ui/components/input/input';\n ```\n- Change the webpack configuration import (if using one) from `require('ring-ui')` to `require('@jetbrains/ring-ui')`.\n\n### What changes for the contributors\n- The commit history has been rewritten. Please clone the repository anew from `ssh://github.com/JetBrains/ring-ui.git`.\n- Prepend your commit messages with `[Publish]` to trigger publishing of npm packages.\n\n## Earlier changes\n\n### 27-07-2017: @jetbrains/icons\n\nPrivate `jetbrains-icons` package was replaced with a public one that is hosted on GitHub and available as `@jetbrains/icons` in npm. Please update your projects accordingly.\n\n### 23-07-2017: borders are used for link underline instead of text-decoration \n\nThis allows to put the underline right below the descenders, so that it doesn't cross them, and make it 1 physical pixel wide on retina displays.\n\nIf you use some non-textual content along with text inside `Link` component, you may need to pass a function as a child to `Link`, which would take one argument, `WrapText`, and use it to wrap the text parts (see [example with logo](http://ring-ui.github.io/branch/ring-ui-language/link.html#Link)).\n\nNote that `WrapText` relies on the fact that it's an inline element, so if, for example, you use flexbox layout inside `Link`, you may need an additional div around `WrapText`.\n\n### 23-07-2017: react-virtualized\n\nThe render optimisation logic in List component is delegated to [react-virtualized]() library. Now it works even if the List doesn't have a `maxHeight` prop. You may still opt out of the optimization by passing `renderOptimization={false}`.\n\n### 06-07-2017: `expect(smth).to` usage is discouraged in favour of `smth.should`\n\nIt's not possible to define `should` property on `null` and `undefined` values, so here's a possible workaround:\n```js\n// Before\nexpect(foo).to.not.exist;\nexpect(foo).to.be.null;\nexpect(foo).to.not.undefined;\n\n\n// After\nshould.not.exist(foo);\n\n// Or, if you want to be more specific\n(foo === null).should.be.true;\n(foo === undefined).should.be.true;\n```\n\n### 04-07-2017: Ring UI is a monorepo\n\nRun `npm run bootstrap` to install all the packages' dependencies and link them between each other where needed.\n\n### 03-07-2017: `header-legacy` component has been removed\n\nUse `header` component instead \n\n### 24-06-2017: major tests refactoring\n\n#### Enzyme\nAirbnb's [enzyme](http://airbnb.io/enzyme) was introduced as a tool for testing React output. Please refer to its [API docs](http://airbnb.io/enzyme/docs/api/) and to the list of `chai-enzyme` [assertions](https://github.com/producthunt/chai-enzyme#table-of-contents).\n\n##### Which helper should I use?\nWhen using enzyme, a tough question is which of the `shallow/mount/render` helpers to use. Here's a simple checklist for that.\n\n* Use `shallow` by default. Basically, it just tests the output of your `render` function and often this can be enough\n* Use `mount` when\n 1. some DOM APIs are involved\n 2. testcase relies on `componentDidMount` or refs being called\n 3. testcase uses type and/or props of the component being tested ([example](https://upsource.jetbrains.com/ring-ui/file/87e1889c8d1e1300cf2695c3958e4c5bdb27d1a9/components/progress-bar/progress-bar.test.js?nav=531:579:focused&line=0))\n* Use `render` when\n 1. the full html output tree is needed\n 2. testing the text content of a node\n 3. using some complex CSS selector, beyond the [subset](http://airbnb.io/enzyme/docs/api/selector.html) supported by other wrappers\n \nOne possible workflow is to start with `shallow`, and if something doesn't work as expected, replace with `mount` or `render` based on the checklist.\n\n#### Local variables instead of context\nUsing context(`this`) in testcases is discouraged in favour of local variables. This allows using arrow functions for all the testcases, which in turn helps to maintain uniformity.\n\n* before:\n ```js\n /* eslint-disable func-names */\n \n describe('Something', () => {\n beforeEach(function() {\n this.foo = makeFoo();\n });\n \n it('testcase using foo', function() {\n this.foo.should.equal(this.foo);\n });\n \n it('testcase not using foo', () => {\n true.should.equal(true);\n });\n })\n ```\n* after:\n ```js\n describe('Something', () => {\n let foo;\n beforeEach(() => {\n foo = makeFoo();\n });\n \n it('testcase using foo', () => {\n foo.should.equal(foo);\n });\n \n it('testcase not using foo', () => {\n true.should.equal(true);\n });\n })\n ```\n \nSinon sandbox previously available as `this.sinon` became a global variable `sandbox`.\n\n\n### 25-05-2017: auth parameters have been uniformly named in camelCase. Support for snake_case parameters has been dropped.\n\nAttempting to pass `client_id`, `redirect_uri`, `request_credentials` will throw an exception. Use `clientId`, `redirectUri`, `requestCredentials` instead.\n\n### 27-04-2017: Unused HeaderAuth component has been removed\nUse brand new Header component instead\n\n### 26-04-2017: `stage-0/1` transforms are dropped\nThe most widely used of them was [`transform-function-bind`](http://babeljs.io/docs/plugins/transform-function-bind/).\n\n* Before: `::this.handleClick`\n* After: `this.handleClick.bind(this)`\n\nOften it's better to declare an arrow property function instead of binding a method on each render.\n\n* Before:\n ```js\n class MyComponent extends Component() {\n handleClick(e) {\n ...\n }\n \n render() {\n return
;\n }\n } \n ```\n* After:\n ```js\n class MyComponent extends Component() {\n handleClick = e => {\n ...\n }\n \n render() {\n return
;\n }\n } \n ```\n\n### 20-04-2017: Usage with webpack 1.* is deprecated\nThis was necessary in order to enable tree-shaking.\n\n### 18-04-2017: Default export hack is dropped\nThis affects only CommonJS usages.\n\n* Before: `const Button = require('ring-ui/components/button/button');`\n* After: `const Button = require('ring-ui/components/button/button').default;`\n* Even better: `import Button from 'ring-ui/components/button/button';`\n\n### 13-04-2017: Auth component no longer provides getSecure and getApi methods\n\nUse the brand new `HTTP` component instead. \n\nBefore: \n```js\nimport Auth from 'ring-ui/components/auth/auth';\n\nconst auth = new Auth(authConfig);\n\nconst services = auth.requestToken().\n then(token => auth.getApi('services/header', token));\n```\n\nAfter: \n```js\nimport Auth from 'ring-ui/components/auth/auth';\nimport HTTP from 'ring-ui/components/http/http';\n\nconst auth = new Auth(authConfig);\nconst http = new HTTP(auth, auth.getAPIPath());\n\nconst services = http.get('services/header');\n```\n\n### 13-02-2017: Checkbox + ReactNg connection does not support ngModel anymore. Use checkbox-ng instead.\n\n### 13-02-2017: Badge component has no margins anymore and is aligned by baseline\n\n### 20-01-2016: Webpack configuration structure change\n\nIn order to migrate to webpack 2, we have to keep webpack.config clean of properties that don't match [the schema](https://github.com/webpack/webpack/blob/028c51301733836abbedc88be7483af2623f5943/schemas/webpackOptionsSchema.json).\nSince this change config moved to internal property `config`, and loaders moved to `loaders` properties:\n\nBefore: \n```js\nrequire('webpack-config-merger')(require('ring-ui'), {\n ...\n});\n```\n\nAfter: \n```js\nrequire('webpack-config-merger')(require('ring-ui').config, {\n ...\n});\n```\n\n### 18-01-2016: Existing Header moved to legacy folder\n\nBefore:\n\n```js\nimport Header from 'ring-ui/components/header/header';\nimport HeaderHelper from 'ring-ui/components/header/header__helper';\n```\n\nAfter:\n\n```js\nimport Header from 'ring-ui/components/header-legacy/header-legacy';\nimport HeaderHelper from 'ring-ui/components/header-legacy/header-legacy__helper';\n```\n\n### 04-01-2016 (2.5.5847): Popup reimplemented\n* `Popup` should now be rendered directly, as any other react child\n* `anchorElement` becomes optional, the parent DOM element is used as default anchor\n* `container` prop isn't used anymore. Instead, for correct positioning inside scrollable containers, scroll events on anchor ancestors are listened to.\n* Imperative API is replaced with declarative\n\nBefore:\n```js\nclass TogglePopup extends Component {\n renderPopup() {\n this.popup = Popup.renderPopup(\n