playbook_ui 14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3950 → 14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3953

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d722a0acf93dc0f92c6f6e00dc44fec3393f8e63699e6f35e50f646938115831
4
- data.tar.gz: 0f5388ac958243c7efa786a0b6ae126785bc145ae63ec62be76caafb84d777f8
3
+ metadata.gz: d429e32fe925f8f67a6500875f308245796b0fe3e695fd2d4a471ae239e2f5dc
4
+ data.tar.gz: c3314de6e8234ecf670b17aa18255f1de90f870f8eafb2961b7c26985e128ce3
5
5
  SHA512:
6
- metadata.gz: 0dc3916b423231f83311cd8475c7ac7b4a5d68da6cb2fa4c6f7a73921abe125e5e4b6cb5f2dd4111a6df35025900d4b2c19995f08adfd8a36673a9e714c15bf0
7
- data.tar.gz: 858d2c04df67722139de459a406a31730794b3de4af970aaa9b185746ff1637020bf2efb3207ed24aa2e69d223f0868456d6a38b400e9b018d6b5efb58c5879c
6
+ metadata.gz: 7dc70e9a1328d1b57c6e72902d3da5e970a08af9a127b538815c3fb4622249dc2f6da4016b8bbe4ab16268f2d997958238e38cdf63d3fa8e9a34272848d60c75
7
+ data.tar.gz: eb95b2ecac7a2cb3efd4daa5866e942e96d9ebff4fcde27fcbc989fc17c5ed8321e2647164f1fde99b67b6967594cde49f53c6313e08a525909030e43d703ce8
@@ -17,7 +17,6 @@ const highchartsDarkTheme = {
17
17
  chart: {
18
18
  borderWidth: 0,
19
19
  borderRadius: 0,
20
- plotBackgroundColor: undefined,
21
20
  plotShadow: false,
22
21
  plotBorderWidth: 0,
23
22
  },
@@ -59,8 +58,6 @@ const highchartsDarkTheme = {
59
58
  },
60
59
  },
61
60
  yAxis: {
62
- alternateGridColor: undefined,
63
- minorTickInterval: null,
64
61
  gridLineColor: colors.border_dark,
65
62
  minorGridLineColor: colors.border_dark,
66
63
  lineWidth: 0,
@@ -131,7 +128,6 @@ const highchartsDarkTheme = {
131
128
  series: {
132
129
  borderColor: colors.bg_dark_card,
133
130
  borderWidth: 2,
134
- threshold: null,
135
131
  },
136
132
  // PIE STYLES
137
133
  pie: {
@@ -205,4 +201,4 @@ const highchartsDarkTheme = {
205
201
  },
206
202
  }
207
203
 
208
- export { highchartsDarkTheme }
204
+ export default highchartsDarkTheme
@@ -17,7 +17,6 @@ const highchartsTheme = {
17
17
  chart: {
18
18
  borderWidth: 0,
19
19
  borderRadius: 0,
20
- plotBackgroundColor: undefined,
21
20
  plotShadow: false,
22
21
  plotBorderWidth: 0,
23
22
  },
@@ -59,8 +58,6 @@ const highchartsTheme = {
59
58
  },
60
59
  },
61
60
  yAxis: {
62
- alternateGridColor: undefined,
63
- minorTickInterval: null,
64
61
  gridLineColor: colors.border_light,
65
62
  minorGridLineColor: colors.border_light,
66
63
  lineWidth: 0,
@@ -128,9 +125,6 @@ const highchartsTheme = {
128
125
  },
129
126
 
130
127
  plotOptions: {
131
- series: {
132
- threshold: null,
133
- },
134
128
  // PIE STYLES
135
129
  pie: {
136
130
  colors: [
@@ -204,4 +198,4 @@ const highchartsTheme = {
204
198
  },
205
199
  }
206
200
 
207
- export { highchartsTheme }
201
+ export default highchartsTheme
@@ -1,201 +1,23 @@
1
1
  import colors from '../tokens/exports/_colors.module.scss'
2
- import typography from '../tokens/exports/_typography.module.scss'
3
2
 
4
3
  const mapTheme = {
5
- lang: {
6
- thousandsSep: ',',
7
- },
8
- colors: [
9
- colors.data_1,
10
- colors.data_2,
11
- colors.data_3,
12
- colors.data_4,
13
- colors.data_5,
14
- colors.data_6,
15
- colors.data_7,
16
- ],
17
- chart: {
18
- borderWidth: 0,
19
- borderRadius: 0,
20
- plotShadow: false,
21
- plotBorderWidth: 0,
22
- },
23
- title: {
24
- style: {
25
- color: colors.text_lt_default,
26
- fontFamily: typography.font_family_base,
27
- fontWeight: typography.bold,
28
- fontSize: typography.heading_3,
29
- },
30
- },
31
- subtitle: {
32
- style: {
33
- fontFamily: typography.font_family_base,
34
- color: colors.text_lt_light,
35
- fontWeight: typography.regular,
36
- fontSize: typography.text_base,
37
- },
38
- },
39
- xAxis: {
40
- gridLineWidth: 0,
41
- lineColor: colors.border_light,
42
- tickColor: colors.border_light,
43
- labels: {
44
- style: {
45
- fontFamily: typography.font_family_base,
46
- color: colors.text_lt_lighter,
47
- fontWeight: typography.bold,
48
- fontSize: typography.text_smaller,
49
- },
50
- },
51
- title: {
52
- style: {
53
- color: colors.text_lt_default,
54
- fontFamily: typography.font_family_base,
55
- fontWeight: typography.regular,
56
- fontSize: typography.heading_4,
57
- },
58
- },
59
- },
60
- yAxis: {
61
- gridLineColor: colors.border_light,
62
- minorGridLineColor: colors.border_light,
63
- lineWidth: 0,
64
- tickWidth: 0,
65
- labels: {
66
- style: {
67
- fontFamily: typography.font_family_base,
68
- color: colors.text_lt_lighter,
69
- fontWeight: typography.bold,
70
- fontSize: typography.text_smaller,
71
- },
72
- },
73
- title: {
74
- style: {
75
- fontFamily: typography.font_family_base,
76
- color: colors.text_lt_lighter,
77
- fontWeight: typography.bold,
78
- fontSize: typography.text_smaller,
79
- },
80
- },
81
- },
82
- legend: {
83
- layout: 'horizontal',
84
- align: 'center',
85
- verticalAlign: 'bottom',
86
- itemStyle: {
87
- fontFamily: typography.font_family_base,
88
- color: colors.text_lt_light,
89
- fontWeight: typography.regular,
90
- fontSize: typography.text_smaller,
91
- },
92
- itemHoverStyle: {
93
- color: colors.text_lt_default,
94
- },
95
- itemHiddenStyle: {
96
- color: colors.text_lt_lighter,
97
- },
98
- },
99
- tooltip: {
100
- backgroundColor: {
101
- linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
102
- stops: [
103
- [0, colors.bg_dark],
104
- [1, colors.bg_dark],
105
- ],
106
- },
107
- shadow: false,
108
- borderWidth: 0,
109
- borderRadius: 10,
110
- style: {
111
- fontFamily: typography.font_family_base,
112
- color: colors.text_dk_default,
113
- fontWeight: typography.regular,
114
- fontSize: typography.text_smaller,
115
- },
116
- },
117
- // specific to gauge
118
- // unfilled gauge color
119
- pane: {
120
- background: {
121
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
122
- // @ts-ignore
123
- borderColor: colors.border_light,
124
- },
125
- },
126
-
127
- plotOptions: {
128
- // PIE STYLES
129
- pie: {
130
- colors: [
131
- colors.data_1,
132
- colors.data_2,
133
- colors.data_3,
134
- colors.data_4,
135
- colors.data_5,
136
- colors.data_6,
137
- colors.data_7,
138
- ],
139
- dataLabels: {
140
- style: {
141
- fontFamily: typography.font_family_base,
142
- fontSize: typography.text_smaller,
143
- color: colors.text_lt_light,
144
- fontWeight: typography.regular,
145
- textOutline: '2px $white',
146
- },
147
- },
148
- },
149
-
150
- // LINE CHART STYLES
151
- line: {
152
- dataLabels: {
153
- color: '#CCC',
154
- },
155
- marker: {
156
- lineColor: '#333',
157
- },
158
- },
159
-
160
- //TREEMAP CHART STYLES
161
- treemap: {
162
- layoutAlgorithm: "squarified",
163
- allowTraversingTree: false,
164
- animationLimit: 1000,
165
- colors: [
166
- colors.data_1,
167
- colors.data_2,
168
- colors.data_3,
169
- colors.data_4,
170
- colors.data_5,
171
- colors.data_6,
172
- colors.data_7,
173
- colors.data_8,
174
- ],
175
- dataLabels: {
176
- enabled: true,
177
- style: {
178
- fontFamily: typography.font_family_base,
179
- fontWeight: typography.bold,
180
- fontSize: typography.heading_4,
181
- },
182
- },
183
- levels: [
184
- {
185
- level: 1,
186
- dataLabels: {
187
- enabled: false,
188
- },
189
- },
190
- ],
191
- traverseUpButton: {
192
- position: { y: -50 },
193
- },
194
- },
195
- },
196
- credits: {
197
- enabled: false
198
- },
4
+ marker : colors.primary_action,
5
+ maptiles: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',
6
+ flyToConfig: {
7
+ zoom: 13,
8
+ bearing: 0,
9
+ curve: 1.42, // change the speed at which it zooms
10
+ easing: function (t: any) {
11
+ return t;
12
+ },
13
+ essential: true
14
+ },
15
+ zoomConfig: { duration:1000 },
16
+ mapConfig: {
17
+ style: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',
18
+ zoom: 13,
19
+ attributionControl: false,
20
+ }
199
21
  }
200
22
 
201
23
  export default mapTheme
@@ -1,4 +1,4 @@
1
- import{jsx as jsx$1,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{createContext,useReducer,useEffect,useMemo,useContext,createElement,useState,useRef,forwardRef,useCallback,useImperativeHandle,useLayoutEffect,Component,Fragment as Fragment$1}from"react";import{q as getDefaultExportFromCjs,s as filter,t as omit,i as getAllIcons,v as get,w as useCollapsible,x as getAugmentedNamespace,y as createPopper,z as uniqueId,A as cloneDeep,B as isString}from"./lib-BCt68dVK.js";import*as ReactDOM from"react-dom";import ReactDOM__default,{createPortal}from"react-dom";import{TrixEditor}from"react-trix";import Trix from"trix";import require$$0 from"react-is";const initialState={items:[],dragData:{id:"",initialGroup:""},isDragging:"",activeContainer:""};const reducer=(state,action)=>{switch(action.type){case"SET_ITEMS":return Object.assign(Object.assign({},state),{items:action.payload});case"SET_DRAG_DATA":return Object.assign(Object.assign({},state),{dragData:action.payload});case"SET_IS_DRAGGING":return Object.assign(Object.assign({},state),{isDragging:action.payload});case"SET_ACTIVE_CONTAINER":return Object.assign(Object.assign({},state),{activeContainer:action.payload});case"CHANGE_CATEGORY":return Object.assign(Object.assign({},state),{items:state.items.map((item=>item.id===action.payload.itemId?Object.assign(Object.assign({},item),{container:action.payload.container}):item))});case"REORDER_ITEMS":{const{dragId:dragId,targetId:targetId}=action.payload;const newItems=[...state.items];const draggedItem=newItems.find((item=>item.id===dragId));const draggedIndex=newItems.indexOf(draggedItem);const targetIndex=newItems.findIndex((item=>item.id===targetId));newItems.splice(draggedIndex,1);newItems.splice(targetIndex,0,draggedItem);return Object.assign(Object.assign({},state),{items:newItems})}default:return state}};const DragContext=createContext({});const DraggableContext=()=>useContext(DragContext);const DraggableProvider=({children:children,initialItems:initialItems,onReorder:onReorder,onDragStart:onDragStart,onDragEnter:onDragEnter,onDragEnd:onDragEnd,onDrop:onDrop,onDragOver:onDragOver})=>{const[state,dispatch]=useReducer(reducer,initialState);useEffect((()=>{dispatch({type:"SET_ITEMS",payload:initialItems})}),[initialItems]);useEffect((()=>{onReorder(state.items)}),[state.items]);const handleDragStart=(id,container)=>{dispatch({type:"SET_DRAG_DATA",payload:{id:id,initialGroup:container}});dispatch({type:"SET_IS_DRAGGING",payload:id});if(onDragStart)onDragStart(id,container)};const handleDragEnter=(id,container)=>{if(state.dragData.id!==id){dispatch({type:"REORDER_ITEMS",payload:{dragId:state.dragData.id,targetId:id}});dispatch({type:"SET_DRAG_DATA",payload:{id:state.dragData.id,initialGroup:container}})}if(onDragEnter)onDragEnter(id,container)};const handleDragEnd=()=>{dispatch({type:"SET_IS_DRAGGING",payload:""});dispatch({type:"SET_ACTIVE_CONTAINER",payload:""});if(onDragEnd)onDragEnd()};const changeCategory=(itemId,container)=>{dispatch({type:"CHANGE_CATEGORY",payload:{itemId:itemId,container:container}})};const handleDrop=container=>{dispatch({type:"SET_IS_DRAGGING",payload:""});dispatch({type:"SET_ACTIVE_CONTAINER",payload:""});changeCategory(state.dragData.id,container);if(onDrop)onDrop(container)};const handleDragOver=(e2,container)=>{e2.preventDefault();dispatch({type:"SET_ACTIVE_CONTAINER",payload:container});if(onDragOver)onDragOver(e2,container)};const contextValue=useMemo((()=>({items:state.items,dragData:state.dragData,isDragging:state.isDragging,activeContainer:state.activeContainer,handleDragStart:handleDragStart,handleDragEnter:handleDragEnter,handleDragEnd:handleDragEnd,handleDrop:handleDrop,handleDragOver:handleDragOver})),[state]);return jsx$1(DragContext.Provider,Object.assign({value:contextValue},{children:children}),void 0)};var classnames$1={exports:{}};
1
+ import{jsx as jsx$1,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{createContext,useReducer,useEffect,useMemo,useContext,createElement,useState,useRef,forwardRef,useCallback,useImperativeHandle,useLayoutEffect,Component,Fragment as Fragment$1}from"react";import{q as getDefaultExportFromCjs,s as filter,t as omit,i as getAllIcons,v as get,w as useCollapsible,x as getAugmentedNamespace,y as createPopper,z as uniqueId,A as cloneDeep,B as isString}from"./lib-DMOmCoAX.js";import*as ReactDOM from"react-dom";import ReactDOM__default,{createPortal}from"react-dom";import{TrixEditor}from"react-trix";import Trix from"trix";import require$$0 from"react-is";const initialState={items:[],dragData:{id:"",initialGroup:""},isDragging:"",activeContainer:""};const reducer=(state,action)=>{switch(action.type){case"SET_ITEMS":return Object.assign(Object.assign({},state),{items:action.payload});case"SET_DRAG_DATA":return Object.assign(Object.assign({},state),{dragData:action.payload});case"SET_IS_DRAGGING":return Object.assign(Object.assign({},state),{isDragging:action.payload});case"SET_ACTIVE_CONTAINER":return Object.assign(Object.assign({},state),{activeContainer:action.payload});case"CHANGE_CATEGORY":return Object.assign(Object.assign({},state),{items:state.items.map((item=>item.id===action.payload.itemId?Object.assign(Object.assign({},item),{container:action.payload.container}):item))});case"REORDER_ITEMS":{const{dragId:dragId,targetId:targetId}=action.payload;const newItems=[...state.items];const draggedItem=newItems.find((item=>item.id===dragId));const draggedIndex=newItems.indexOf(draggedItem);const targetIndex=newItems.findIndex((item=>item.id===targetId));newItems.splice(draggedIndex,1);newItems.splice(targetIndex,0,draggedItem);return Object.assign(Object.assign({},state),{items:newItems})}default:return state}};const DragContext=createContext({});const DraggableContext=()=>useContext(DragContext);const DraggableProvider=({children:children,initialItems:initialItems,onReorder:onReorder,onDragStart:onDragStart,onDragEnter:onDragEnter,onDragEnd:onDragEnd,onDrop:onDrop,onDragOver:onDragOver})=>{const[state,dispatch]=useReducer(reducer,initialState);useEffect((()=>{dispatch({type:"SET_ITEMS",payload:initialItems})}),[initialItems]);useEffect((()=>{onReorder(state.items)}),[state.items]);const handleDragStart=(id,container)=>{dispatch({type:"SET_DRAG_DATA",payload:{id:id,initialGroup:container}});dispatch({type:"SET_IS_DRAGGING",payload:id});if(onDragStart)onDragStart(id,container)};const handleDragEnter=(id,container)=>{if(state.dragData.id!==id){dispatch({type:"REORDER_ITEMS",payload:{dragId:state.dragData.id,targetId:id}});dispatch({type:"SET_DRAG_DATA",payload:{id:state.dragData.id,initialGroup:container}})}if(onDragEnter)onDragEnter(id,container)};const handleDragEnd=()=>{dispatch({type:"SET_IS_DRAGGING",payload:""});dispatch({type:"SET_ACTIVE_CONTAINER",payload:""});if(onDragEnd)onDragEnd()};const changeCategory=(itemId,container)=>{dispatch({type:"CHANGE_CATEGORY",payload:{itemId:itemId,container:container}})};const handleDrop=container=>{dispatch({type:"SET_IS_DRAGGING",payload:""});dispatch({type:"SET_ACTIVE_CONTAINER",payload:""});changeCategory(state.dragData.id,container);if(onDrop)onDrop(container)};const handleDragOver=(e2,container)=>{e2.preventDefault();dispatch({type:"SET_ACTIVE_CONTAINER",payload:container});if(onDragOver)onDragOver(e2,container)};const contextValue=useMemo((()=>({items:state.items,dragData:state.dragData,isDragging:state.isDragging,activeContainer:state.activeContainer,handleDragStart:handleDragStart,handleDragEnter:handleDragEnter,handleDragEnd:handleDragEnd,handleDrop:handleDrop,handleDragOver:handleDragOver})),[state]);return jsx$1(DragContext.Provider,Object.assign({value:contextValue},{children:children}),void 0)};var classnames$1={exports:{}};
2
2
  /*!
3
3
  Copyright (c) 2018 Jed Watson.
4
4
  Licensed under the MIT License (MIT), see
@@ -1,4 +1,4 @@
1
- import{r as requireLazysizes}from"./lazysizes-B7xYodB-.js";import{jsx,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{useEffect,createContext,useContext,useState,useCallback,createElement,useRef,forwardRef,useImperativeHandle,Fragment as Fragment$1,useReducer,useMemo,useLayoutEffect,isValidElement}from"react";import{h as buildAriaProps,i as buildDataProps,j as buildHtmlProps,k as classnames,l as globalProps,m as buildCss,F as Flex,I as Icon,n as FlexItem,o as Body$1,p as Caption,A as Avatar,q as domSafeProps,r as Title,S as SectionSeparator,s as DialogContext,t as Modal,u as Draggable,v as TextInput,w as PropTypes,x as Card,y as noop$3,z as PbReactPopover,E as CircleIconButton,H as Button,J as Badge,K as joinPresent,N as titleize,O as IconCircle,Q as Image,U as Checkbox,V as Radio}from"./_typeahead-D84d1KBa.js";import{g as PbTable,i as getAllIcons,D as DateTime$1,a as datePickerHelper,u as useDropdown,o as omitBy,j as isEmpty,m as map,p as partial,k as find$1,n as noop$4,l as colors,h as PbTextarea,q as getDefaultExportFromCjs,r as commonjsGlobal}from"./lib-BCt68dVK.js";import*as ReactDOM from"react-dom";import ReactDOM__default,{createPortal}from"react-dom";var ls_attrchange={exports:{}};(function(module){(function(window2,factory){if(!window2){return}var globalInstall=function(){factory(window2.lazySizes);window2.removeEventListener("lazyunveilread",globalInstall,true)};factory=factory.bind(null,window2,window2.document);if(module.exports){factory(requireLazysizes())}else if(window2.lazySizes){globalInstall()}else{window2.addEventListener("lazyunveilread",globalInstall,true)}})(typeof window!="undefined"?window:0,(function(window2,document2,lazySizes){var addObserver=function(){var connect,disconnect,observer,connected;var lsCfg=lazySizes.cfg;var attributes={"data-bgset":1,"data-include":1,"data-poster":1,"data-bg":1,"data-script":1};var regClassTest="(\\s|^)("+lsCfg.loadedClass;var docElem=document2.documentElement;var setClass=function(target){lazySizes.rAF((function(){lazySizes.rC(target,lsCfg.loadedClass);if(lsCfg.unloadedClass){lazySizes.rC(target,lsCfg.unloadedClass)}lazySizes.aC(target,lsCfg.lazyClass);if(target.style.display=="none"||target.parentNode&&target.parentNode.style.display=="none"){setTimeout((function(){lazySizes.loader.unveil(target)}),0)}}))};var onMutation=function(mutations){var i,len,mutation,target;for(i=0,len=mutations.length;i<len;i++){mutation=mutations[i];target=mutation.target;if(!target.getAttribute(mutation.attributeName)){continue}if(target.localName=="source"&&target.parentNode){target=target.parentNode.querySelector("img")}if(target&&regClassTest.test(target.className)){setClass(target)}}};if(lsCfg.unloadedClass){regClassTest+="|"+lsCfg.unloadedClass}regClassTest+="|"+lsCfg.loadingClass+")(\\s|$)";regClassTest=new RegExp(regClassTest);attributes[lsCfg.srcAttr]=1;attributes[lsCfg.srcsetAttr]=1;if(window2.MutationObserver){observer=new MutationObserver(onMutation);connect=function(){if(!connected){connected=true;observer.observe(docElem,{subtree:true,attributes:true,attributeFilter:Object.keys(attributes)})}};disconnect=function(){if(connected){connected=false;observer.disconnect()}}}else{docElem.addEventListener("DOMAttrModified",function(){var runs;var modifications=[];var callMutations=function(){onMutation(modifications);modifications=[];runs=false};return function(e){if(connected&&attributes[e.attrName]&&e.newValue){modifications.push({target:e.target,attributeName:e.attrName});if(!runs){setTimeout(callMutations);runs=true}}}}(),true);connect=function(){connected=true};disconnect=function(){connected=false}}addEventListener("lazybeforeunveil",disconnect,true);addEventListener("lazybeforeunveil",connect);addEventListener("lazybeforesizes",disconnect,true);addEventListener("lazybeforesizes",connect);connect();removeEventListener("lazybeforeunveil",addObserver)};addEventListener("lazybeforeunveil",addObserver)}))})(ls_attrchange);
1
+ import{r as requireLazysizes}from"./lazysizes-B7xYodB-.js";import{jsx,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{useEffect,createContext,useContext,useState,useCallback,createElement,useRef,forwardRef,useImperativeHandle,Fragment as Fragment$1,useReducer,useMemo,useLayoutEffect,isValidElement}from"react";import{h as buildAriaProps,i as buildDataProps,j as buildHtmlProps,k as classnames,l as globalProps,m as buildCss,F as Flex,I as Icon,n as FlexItem,o as Body$1,p as Caption,A as Avatar,q as domSafeProps,r as Title,S as SectionSeparator,s as DialogContext,t as Modal,u as Draggable,v as TextInput,w as PropTypes,x as Card,y as noop$3,z as PbReactPopover,E as CircleIconButton,H as Button,J as Badge,K as joinPresent,N as titleize,O as IconCircle,Q as Image,U as Checkbox,V as Radio}from"./_typeahead-BywvWGAm.js";import{g as PbTable,i as getAllIcons,D as DateTime$1,a as datePickerHelper,u as useDropdown,o as omitBy,j as isEmpty,m as map,p as partial,k as find$1,n as noop$4,l as colors,h as PbTextarea,q as getDefaultExportFromCjs,r as commonjsGlobal}from"./lib-DMOmCoAX.js";import*as ReactDOM from"react-dom";import ReactDOM__default,{createPortal}from"react-dom";var ls_attrchange={exports:{}};(function(module){(function(window2,factory){if(!window2){return}var globalInstall=function(){factory(window2.lazySizes);window2.removeEventListener("lazyunveilread",globalInstall,true)};factory=factory.bind(null,window2,window2.document);if(module.exports){factory(requireLazysizes())}else if(window2.lazySizes){globalInstall()}else{window2.addEventListener("lazyunveilread",globalInstall,true)}})(typeof window!="undefined"?window:0,(function(window2,document2,lazySizes){var addObserver=function(){var connect,disconnect,observer,connected;var lsCfg=lazySizes.cfg;var attributes={"data-bgset":1,"data-include":1,"data-poster":1,"data-bg":1,"data-script":1};var regClassTest="(\\s|^)("+lsCfg.loadedClass;var docElem=document2.documentElement;var setClass=function(target){lazySizes.rAF((function(){lazySizes.rC(target,lsCfg.loadedClass);if(lsCfg.unloadedClass){lazySizes.rC(target,lsCfg.unloadedClass)}lazySizes.aC(target,lsCfg.lazyClass);if(target.style.display=="none"||target.parentNode&&target.parentNode.style.display=="none"){setTimeout((function(){lazySizes.loader.unveil(target)}),0)}}))};var onMutation=function(mutations){var i,len,mutation,target;for(i=0,len=mutations.length;i<len;i++){mutation=mutations[i];target=mutation.target;if(!target.getAttribute(mutation.attributeName)){continue}if(target.localName=="source"&&target.parentNode){target=target.parentNode.querySelector("img")}if(target&&regClassTest.test(target.className)){setClass(target)}}};if(lsCfg.unloadedClass){regClassTest+="|"+lsCfg.unloadedClass}regClassTest+="|"+lsCfg.loadingClass+")(\\s|$)";regClassTest=new RegExp(regClassTest);attributes[lsCfg.srcAttr]=1;attributes[lsCfg.srcsetAttr]=1;if(window2.MutationObserver){observer=new MutationObserver(onMutation);connect=function(){if(!connected){connected=true;observer.observe(docElem,{subtree:true,attributes:true,attributeFilter:Object.keys(attributes)})}};disconnect=function(){if(connected){connected=false;observer.disconnect()}}}else{docElem.addEventListener("DOMAttrModified",function(){var runs;var modifications=[];var callMutations=function(){onMutation(modifications);modifications=[];runs=false};return function(e){if(connected&&attributes[e.attrName]&&e.newValue){modifications.push({target:e.target,attributeName:e.attrName});if(!runs){setTimeout(callMutations);runs=true}}}}(),true);connect=function(){connected=true};disconnect=function(){connected=false}}addEventListener("lazybeforeunveil",disconnect,true);addEventListener("lazybeforeunveil",connect);addEventListener("lazybeforesizes",disconnect,true);addEventListener("lazybeforesizes",connect);connect();removeEventListener("lazybeforeunveil",addObserver)};addEventListener("lazybeforeunveil",addObserver)}))})(ls_attrchange);
2
2
  /**
3
3
  * table-core
4
4
  *