playbook_ui 14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3953 → 14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3954

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d429e32fe925f8f67a6500875f308245796b0fe3e695fd2d4a471ae239e2f5dc
4
- data.tar.gz: c3314de6e8234ecf670b17aa18255f1de90f870f8eafb2961b7c26985e128ce3
3
+ metadata.gz: 5daa365c41ed9327bba1499769eed256b0dad354cb6eb38a522723885329127b
4
+ data.tar.gz: ab0a8207ba8250f6cfd189c1dcd09706ea22e74485e458567490cf1db87a23a3
5
5
  SHA512:
6
- metadata.gz: 7dc70e9a1328d1b57c6e72902d3da5e970a08af9a127b538815c3fb4622249dc2f6da4016b8bbe4ab16268f2d997958238e38cdf63d3fa8e9a34272848d60c75
7
- data.tar.gz: eb95b2ecac7a2cb3efd4daa5866e942e96d9ebff4fcde27fcbc989fc17c5ed8321e2647164f1fde99b67b6967594cde49f53c6313e08a525909030e43d703ce8
6
+ metadata.gz: f34fff2a97be348639735790f39740bfc6a44113c7dccc99e7a5651bcb2babf3a1ca946c7a872929d00b53f800895ad79a1f64d0be63ab56914981af42682cbb
7
+ data.tar.gz: 6052de28664531556ce2ed71d373af06677c5c6100d3b1379d36ee7ca701a761f2f43ef1006993d6eb96f8040ad69f9b88221febdaf96cea2b552a62b235742d
@@ -1,23 +1,201 @@
1
1
  import colors from '../tokens/exports/_colors.module.scss'
2
+ import typography from '../tokens/exports/_typography.module.scss'
2
3
 
3
4
  const mapTheme = {
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
- }
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
+ },
21
199
  }
22
200
 
23
201
  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-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:{}};
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:{}};
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-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);
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);
2
2
  /**
3
3
  * table-core
4
4
  *