@gravitee/ui-components 3.25.3-typescript-8a53edf → 3.25.3-typescript-9a4271f

package/src/lib/schema-form.js

@@ -1,44 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-export function isCodemirror(control) {
-  return control['x-schema-form'] && control['x-schema-form'].type === 'codemirror';
-}
-
-export function isObject(control) {
-  return control.type === 'object';
-}
-
-export function isComplexArray(control) {
-  return control.type === 'array' && !control.items.enum;
-}
-
-export function canInline(schema) {
-  if (schema.properties) {
-    const keys = Object.keys(schema.properties);
-    return keys.length === 2 && keys.filter((key) => _canInline(schema, key)).length === keys.length;
-  }
-  return true;
-}
-
-function _canInline(schema, key) {
-  const property = schema.properties[key];
-  return !isCodemirror(property) && !isObject(property) && !isComplexArray(property);
-}
-
-export function canGrid(schema) {
-  const keys = Object.keys(schema.properties);
-  return keys.length > 2 && keys.filter((key) => _canInline(schema, key)).length === keys.length;
-}
+function e(e){return e["x-schema-form"]&&"codemirror"===e["x-schema-form"].type}function r(e){return"object"===e.type}function t(e){return"array"===e.type&&!e.items.enum}function n(n,o){const s=n.properties[o];return!e(s)&&!r(s)&&!t(s)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.canGrid=exports.canInline=exports.isComplexArray=exports.isObject=exports.isCodemirror=void 0,exports.isCodemirror=e,exports.isObject=r,exports.isComplexArray=t,exports.canInline=function(e){if(e.properties){const r=Object.keys(e.properties);return 2===r.length&&r.filter((r=>n(e,r))).length===r.length}return!0},exports.canGrid=function(e){const r=Object.keys(e.properties);return r.length>2&&r.filter((r=>n(e,r))).length===r.length};

package/src/lib/studio.js

@@ -1,141 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { html, css } from 'lit';
-import { classMap } from 'lit/directives/class-map';
-import '../atoms/gv-icon';
-import '../atoms/gv-tag';
-
-// language=CSS
-export const methods = css`
-  gv-tag {
-    font-family: monospace;
-  }
-
-  gv-tag.ALL {
-    --gv-tag--bdc: #262626;
-    --gv-tag--bgc: #262626;
-    --gv-tag--c: white;
-  }
-
-  gv-tag.POST {
-    --gv-tag--bdc: #fb8c00;
-    --gv-tag--bgc: #fb8c00;
-    --gv-tag--c: white;
-  }
-
-  gv-tag.PUT {
-    --gv-tag--bdc: #039be5;
-    --gv-tag--bgc: #039be5;
-    --gv-tag--c: white;
-  }
-
-  gv-tag.GET {
-    --gv-tag--bdc: #43a047;
-    --gv-tag--bgc: #43a047;
-    --gv-tag--c: white;
-  }
-
-  gv-tag.DELETE {
-    --gv-tag--bdc: #e53935;
-    --gv-tag--bgc: #e53935;
-    --gv-tag--c: white;
-  }
-
-  .flow-path,
-  .plan-name {
-    margin-left: 0.2rem;
-    display: flex;
-    align-items: center;
-  }
-
-  .collection-name {
-    margin-right: 0.5rem;
-    --gv-icon--s: 26px;
-    --gv-icon--c: #5a7684;
-    --gv-icon-opacity--c: #5a7684;
-  }
-
-  .icon-type {
-    --gv-icon--s: 26px;
-    --gv-icon--c: #383e3f;
-    --gv-icon-opacity--c: #5a7684;
-  }
-`;
-
-export function getFlowName(flow, collectionName, withMethods = true, draggable = false, compact = true) {
-  let rendering = [];
-  if (flow) {
-    if (draggable) {
-      rendering.push(html`<gv-icon title="Drag for reorder" class="draggable-icon" shape="general:sort"></gv-icon>`);
-    }
-    const methods = flow.methods || [];
-    if (flow.type != null) {
-      let shape = null;
-      if (flow.type.toUpperCase() === 'ROOT') {
-        shape = 'home:earth';
-      } else if (flow.type.toUpperCase() === 'LOGIN') {
-        shape = 'general:shield-protected';
-      } else if (flow.type.toUpperCase() === 'CONSENT') {
-        shape = 'general:shield-check';
-      } else if (flow.type.toUpperCase() === 'REGISTER') {
-        shape = 'communication:shield-user';
-      }
-
-      if (shape != null) {
-        rendering = [...rendering, html`<gv-icon title="${flow.type}" shape="${shape}" class="icon-type"></gv-icon>`];
-      }
-    } else if (withMethods) {
-      const renderingMethods = methods.map((method) => html`<gv-tag class="${method.toUpperCase()}">${method.toUpperCase()}</gv-tag>`);
-      if (compact && (renderingMethods.length === 9 || renderingMethods.length === 0)) {
-        rendering = [...rendering, html`<gv-tag major title="${methods.join('\n')}">ALL</gv-tag>`];
-      } else if (compact && renderingMethods.length >= 3) {
-        const renderingMethodsCompact = renderingMethods.slice(0, 2);
-        renderingMethodsCompact.push(html`<gv-tag minor title="${methods.join('\n')}">+${renderingMethods.length - 2}</gv-tag>`);
-        rendering = [...rendering, ...renderingMethodsCompact];
-      } else {
-        rendering = [...rendering, ...renderingMethods];
-      }
-    }
-
-    const classes = {
-      'flow-path': true,
-      disabled: flow.disabled,
-    };
-
-    if (flow.name != null && flow.name.trim() !== '') {
-      if (flow._dirty) {
-        rendering.push(html`<div class="${classMap(classes)}"><mark>${flow.name}</mark></div>`);
-      } else {
-        rendering.push(html`<div class="${classMap(classes)}">${flow.name}</div>`);
-      }
-    } else if (flow['path-operator']) {
-      const path = flow['path-operator'].path || '/';
-      if (path) {
-        const pathWithOperator = flow['path-operator'].operator === 'STARTS_WITH' ? `${path.endsWith('/') ? path : `${path}/`}**` : path;
-        if (flow._dirty) {
-          rendering.push(html`<div class="${classMap(classes)}"><mark>${pathWithOperator}</mark></div>`);
-        } else {
-          rendering.push(html`<div class="${classMap(classes)}">${pathWithOperator}</div>`);
-        }
-      }
-    }
-
-    if (collectionName) {
-      rendering.push(html`<div class="collection-name">${collectionName}</div>`);
-    }
-  }
-  return rendering;
-}
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.getFlowName=exports.methods=void 0;const t=require("lit"),e=require("lit/directives/class-map");require("../atoms/gv-icon"),require("../atoms/gv-tag"),exports.methods=t.css`gv-tag{font-family:monospace}gv-tag.ALL{--gv-tag--bdc:#262626;--gv-tag--bgc:#262626;--gv-tag--c:white}gv-tag.POST{--gv-tag--bdc:#fb8c00;--gv-tag--bgc:#fb8c00;--gv-tag--c:white}gv-tag.PUT{--gv-tag--bdc:#039be5;--gv-tag--bgc:#039be5;--gv-tag--c:white}gv-tag.GET{--gv-tag--bdc:#43a047;--gv-tag--bgc:#43a047;--gv-tag--c:white}gv-tag.DELETE{--gv-tag--bdc:#e53935;--gv-tag--bgc:#e53935;--gv-tag--c:white}.flow-path,.plan-name{margin-left:.2rem;display:flex;align-items:center}.collection-name{margin-right:.5rem;--gv-icon--s:26px;--gv-icon--c:#5a7684;--gv-icon-opacity--c:#5a7684}.icon-type{--gv-icon--s:26px;--gv-icon--c:#383e3f;--gv-icon-opacity--c:#5a7684}`,exports.getFlowName=function(a,g,s=!0,i=!1,c=!0){let l=[];if(a){i&&l.push(t.html`<gv-icon title="Drag for reorder" class="draggable-icon" shape="general:sort"></gv-icon>`);const o=a.methods||[];if(null!=a.type){let e=null;"ROOT"===a.type.toUpperCase()?e="home:earth":"LOGIN"===a.type.toUpperCase()?e="general:shield-protected":"CONSENT"===a.type.toUpperCase()?e="general:shield-check":"REGISTER"===a.type.toUpperCase()&&(e="communication:shield-user"),null!=e&&(l=[...l,t.html`<gv-icon title="${a.type}" shape="${e}" class="icon-type"></gv-icon>`])}else if(s){const e=o.map((e=>t.html`<gv-tag class="${e.toUpperCase()}">${e.toUpperCase()}</gv-tag>`));if(!c||9!==e.length&&0!==e.length)if(c&&e.length>=3){const a=e.slice(0,2);a.push(t.html`<gv-tag minor title="${o.join("\n")}">+${e.length-2}</gv-tag>`),l=[...l,...a]}else l=[...l,...e];else l=[...l,t.html`<gv-tag major title="${o.join("\n")}">ALL</gv-tag>`]}const n={"flow-path":!0,disabled:a.disabled};if(null!=a.name&&""!==a.name.trim())a._dirty?l.push(t.html`<div class="${(0,e.classMap)(n)}"><mark>${a.name}</mark></div>`):l.push(t.html`<div class="${(0,e.classMap)(n)}">${a.name}</div>`);else if(a["path-operator"]){const g=a["path-operator"].path||"/";if(g){const s="STARTS_WITH"===a["path-operator"].operator?`${g.endsWith("/")?g:`${g}/`}**`:g;a._dirty?l.push(t.html`<div class="${(0,e.classMap)(n)}"><mark>${s}</mark></div>`):l.push(t.html`<div class="${(0,e.classMap)(n)}">${s}</div>`)}}g&&l.push(t.html`<div class="collection-name">${g}</div>`)}return l};

package/src/lib/style.js

@@ -1,41 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-function getPropertyValue(element, propertyName, defaultValue) {
-  /* global getComputedStyle */
-  const value = getComputedStyle(element).getPropertyValue(propertyName);
-  return value.trim() || defaultValue;
-}
-
-export const getCssVar = function getCssVar(element, variableName, defaultValue) {
-  if (element) {
-    if (variableName.startsWith('--')) {
-      return getPropertyValue(element, variableName, defaultValue);
-    }
-    return getPropertyValue(element, `--${variableName}`, defaultValue);
-  }
-  return defaultValue;
-};
-
-export function hexToRGB(hex) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex.trim());
-  return result
-    ? {
-        r: parseInt(result[1], 16),
-        g: parseInt(result[2], 16),
-        b: parseInt(result[3], 16),
-      }
-    : null;
-}
+function e(e,t,r){return getComputedStyle(e).getPropertyValue(t).trim()||r}Object.defineProperty(exports,"__esModule",{value:!0}),exports.hexToRGB=exports.getCssVar=void 0;exports.getCssVar=function(t,r,o){return t?r.startsWith("--")?e(t,r,o):e(t,`--${r}`,o):o},exports.hexToRGB=function(e){const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e.trim());return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null};

package/src/lib/text-format.js

@@ -1,69 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export function loadAsciiDoctor() {
-  if (window._gvAsciidoctor == null) {
-    return Promise.all([import('asciidoctor'), import('asciidoctor-highlight.js')]).then(([asciidoctor, highlightJsExt]) => {
-      window._gvAsciidoctor = asciidoctor.default();
-      highlightJsExt.default.register(window._gvAsciidoctor.Extensions);
-      return setAsciiDoctorAsGlobal(asciidoctor.default, highlightJsExt.default);
-    });
-  }
-  return Promise.resolve(window._gvAsciidoctor);
-}
-
-export function setAsciiDoctorAsGlobal(asciidoctor, highlightJsExt) {
-  if (window._gvAsciidoctor == null) {
-    window._gvAsciidoctor = asciidoctor();
-    highlightJsExt.register(window._gvAsciidoctor.Extensions);
-  }
-  return window._gvAsciidoctor;
-}
-
-export function toDom(text, type = 'adoc', small = false) {
-  return loadAsciiDoctor().then((asciidoctor) => {
-    if (text) {
-      let innerHTML = '';
-      if (type === 'adoc') {
-        innerHTML = asciidoctor.convert(text, {
-          attributes: {
-            showtitle: true,
-            'source-highlighter': 'highlightjs-ext',
-          },
-        });
-      } else {
-        throw new Error(`Library not found for type : '${type}' | ${text}`);
-      }
-
-      const element = document.createElement('div');
-      element.innerHTML = innerHTML;
-      element.style.width = '100%';
-      element.style.maxWidth = '1000px';
-      element.style.margin = '0 auto';
-      element.classList.add('markdown-body');
-      if (small) {
-        element.classList.add('small');
-      }
-      const titleElement = element.querySelector('h1');
-      let title = '';
-      if (titleElement) {
-        title = titleElement.textContent;
-      }
-
-      return { title, element };
-    }
-  });
-}
+var e=Object.create?function(e,t,o,r){void 0===r&&(r=o),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[o]}})}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]},t=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},o=function(o){if(o&&o.__esModule)return o;var r={};if(null!=o)for(var i in o)"default"!==i&&Object.prototype.hasOwnProperty.call(o,i)&&e(r,o,i);return t(r,o),r};function r(){return null==window._gvAsciidoctor?Promise.all([Promise.resolve().then((()=>o(require("asciidoctor")))),Promise.resolve().then((()=>o(require("asciidoctor-highlight.js"))))]).then((([e,t])=>(window._gvAsciidoctor=e.default(),t.default.register(window._gvAsciidoctor.Extensions),i(e.default,t.default)))):Promise.resolve(window._gvAsciidoctor)}function i(e,t){return null==window._gvAsciidoctor&&(window._gvAsciidoctor=e(),t.register(window._gvAsciidoctor.Extensions)),window._gvAsciidoctor}Object.defineProperty(exports,"__esModule",{value:!0}),exports.toDom=exports.setAsciiDoctorAsGlobal=exports.loadAsciiDoctor=void 0,exports.loadAsciiDoctor=r,exports.setAsciiDoctorAsGlobal=i,exports.toDom=function(e,t="adoc",o=!1){return r().then((r=>{if(e){let i="";if("adoc"!==t)throw new Error(`Library not found for type : '${t}' | ${e}`);i=r.convert(e,{attributes:{showtitle:!0,"source-highlighter":"highlightjs-ext"}});const n=document.createElement("div");n.innerHTML=i,n.style.width="100%",n.style.maxWidth="1000px",n.style.margin="0 auto",n.classList.add("markdown-body"),o&&n.classList.add("small");const s=n.querySelector("h1");let c="";return s&&(c=s.textContent),{title:c,element:n}}}))};

package/src/lib/theme.js

@@ -1,63 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-export function applyTheme(theme) {
-  if (theme) {
-    const logo = theme._links ? theme._links.logo : theme.logo;
-    const optionalLogo = theme._links ? theme._links.optionalLogo : theme.optionalLogo;
-    const backgroundImage = theme._links ? theme._links.backgroundImage : theme.backgroundImage;
-    updateImage('--gv-theme-logo', logo, `url('/images/gravitee-logo-cyan.svg')`);
-    updateImage('--gv-theme-optional-logo', optionalLogo, `url('/images/gravitee-logo-white.svg')`);
-    updateImage('--gv-theme-homepage-background-image', backgroundImage, `none`);
-    const favicon = theme._links ? theme._links.favicon : theme.favicon;
-    updateFavicon(favicon, 'images/gravitee-favicon.png');
-    theme.definition.data.forEach((component) => {
-      component.css.forEach((cssProperty) => {
-        document.documentElement.style.setProperty(cssProperty.name, cssProperty.value);
-      });
-    });
-  }
-}
-
-export function updateImage(name, value, defaultValue) {
-  setTimeout(() => {
-    const propertyValue = value ? `url(${value})` : 'none';
-    document.documentElement.style.setProperty(name, propertyValue);
-  }, 0);
-}
-
-export function updateFavicon(value, defaultValue) {
-  let link = document.querySelector("link[rel~='icon']");
-  if (!link) {
-    link = document.createElement('link');
-    link.rel = 'icon';
-    document.getElementsByTagName('head')[0].appendChild(link);
-  }
-  link.href = value || defaultValue;
-}
-
-export function getApplicationTypeIcon(type) {
-  switch (type.toLowerCase()) {
-    case 'browser':
-    case 'web':
-      return 'devices:laptop';
-    case 'native':
-      return 'devices:android';
-    case 'backend_to_backend':
-      return 'devices:server';
-    default:
-      return 'layout:layout-top-panel-2';
-  }
-}
+function e(e,o,t){setTimeout((()=>{const t=o?`url(${o})`:"none";document.documentElement.style.setProperty(e,t)}),0)}function o(e,o){let t=document.querySelector("link[rel~='icon']");t||(t=document.createElement("link"),t.rel="icon",document.getElementsByTagName("head")[0].appendChild(t)),t.href=e||o}Object.defineProperty(exports,"__esModule",{value:!0}),exports.getApplicationTypeIcon=exports.updateFavicon=exports.updateImage=exports.applyTheme=void 0,exports.applyTheme=function(t){if(t){const n=t._links?t._links.logo:t.logo,a=t._links?t._links.optionalLogo:t.optionalLogo,i=t._links?t._links.backgroundImage:t.backgroundImage;e("--gv-theme-logo",n),e("--gv-theme-optional-logo",a),e("--gv-theme-homepage-background-image",i);o(t._links?t._links.favicon:t.favicon,"images/gravitee-favicon.png"),t.definition.data.forEach((e=>{e.css.forEach((e=>{document.documentElement.style.setProperty(e.name,e.value)}))}))}},exports.updateImage=e,exports.updateFavicon=o,exports.getApplicationTypeIcon=function(e){switch(e.toLowerCase()){case"browser":case"web":return"devices:laptop";case"native":return"devices:android";case"backend_to_backend":return"devices:server";default:return"layout:layout-top-panel-2"}};

package/src/lib/utils.js

@@ -1,111 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-export function truncate(text, limit = 250, suffix = '...') {
-  return text && text.length > limit ? `${text.substring(0, limit)}${suffix}` : text;
-}
-
-export function isSameRoutes(routes, futureRoutes) {
-  if (routes && futureRoutes) {
-    return JSON.stringify(routes.map((r) => r.path + r.active)) === JSON.stringify(futureRoutes.map((r) => r.path + r.active));
-  }
-  return false;
-}
-
-export function appendDraggableImage(src, size = 100, defaultIcon = 'communication:shield-thunder') {
-  // Usefull when image src is svg
-  const div = document.createElement('div');
-  div.style.position = 'fixed';
-  div.style.left = '-999px';
-  div.style.top = '-999px';
-  div.style.zIndex = 1000;
-  if (src != null) {
-    const image = new Image();
-    image.src = src;
-    image.style = `width:${size}px;height:${size}px`;
-    div.appendChild(image);
-  } else {
-    const svgElem = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    const useElem = document.createElementNS('http://www.w3.org/2000/svg', 'use');
-    useElem.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', defaultIcon);
-    svgElem.appendChild(useElem);
-    div.appendChild(svgElem);
-  }
-  document.body.appendChild(div);
-  return div;
-}
-
-export function flatDeep(arr) {
-  return arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatDeep(val) : val), []);
-}
-
-export function flatObject(obj, prefix = '') {
-  return Object.keys(obj).reduce((acc, k) => {
-    const pre = prefix.length ? prefix + '.' : '';
-    if (Array.isArray(obj[k])) acc[pre + k] = obj[k];
-    else if (typeof obj[k] === 'object') Object.assign(acc, flatObject(obj[k], pre + k));
-    else acc[pre + k] = obj[k];
-    return acc;
-  }, {});
-}
-
-export function deepClone(obj) {
-  if (obj) {
-    return JSON.parse(JSON.stringify(obj));
-  }
-  return obj;
-}
-
-export function uuid() {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
-    const r = (Math.random() * 16) | 0;
-    const v = c === 'x' ? r : (r & 0x3) | 0x8;
-    return v.toString(16);
-  });
-}
-
-export function deepEqual(a, b, withoutOrder = false) {
-  if (Array.isArray(a) && Array.isArray(b) && withoutOrder) {
-    if (a.length !== b.length) return false;
-    const uniqueValues = new Set([...a, ...b]);
-    for (const v of uniqueValues) {
-      const aCount = a.filter((e) => e === v).length;
-      const bCount = b.filter((e) => e === v).length;
-      if (aCount !== bCount) return false;
-    }
-    return true;
-  }
-
-  const keys1 = a != null ? Object.keys(a) : [];
-  const keys2 = b != null ? Object.keys(b) : [];
-
-  if (keys1.length !== keys2.length) {
-    return false;
-  }
-
-  for (const key of keys1) {
-    const val1 = a[key];
-    const val2 = b[key];
-    const areObjects = isObject(val1) && isObject(val2);
-    if ((areObjects && !deepEqual(val1, val2)) || (!areObjects && val1 !== val2)) {
-      return false;
-    }
-  }
-  return true;
-}
-
-export function isObject(object) {
-  return object != null && typeof object === 'object';
-}
+function e(e){return null!=e&&"object"==typeof e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.isObject=exports.deepEqual=exports.uuid=exports.deepClone=exports.flatObject=exports.flatDeep=exports.appendDraggableImage=exports.isSameRoutes=exports.truncate=void 0,exports.truncate=function(e,t=250,r="..."){return e&&e.length>t?`${e.substring(0,t)}${r}`:e},exports.isSameRoutes=function(e,t){return!(!e||!t)&&JSON.stringify(e.map((e=>e.path+e.active)))===JSON.stringify(t.map((e=>e.path+e.active)))},exports.appendDraggableImage=function(e,t=100,r="communication:shield-thunder"){const n=document.createElement("div");if(n.style.position="fixed",n.style.left="-999px",n.style.top="-999px",n.style.zIndex=1e3,null!=e){const r=new Image;r.src=e,r.style=`width:${t}px;height:${t}px`,n.appendChild(r)}else{const e=document.createElementNS("http://www.w3.org/2000/svg","svg"),t=document.createElementNS("http://www.w3.org/2000/svg","use");t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",r),e.appendChild(t),n.appendChild(e)}return document.body.appendChild(n),n},exports.flatDeep=function e(t){return t.reduce(((t,r)=>t.concat(Array.isArray(r)?e(r):r)),[])},exports.flatObject=function e(t,r=""){return Object.keys(t).reduce(((n,o)=>{const s=r.length?r+".":"";return Array.isArray(t[o])?n[s+o]=t[o]:"object"==typeof t[o]?Object.assign(n,e(t[o],s+o)):n[s+o]=t[o],n}),{})},exports.deepClone=function(e){return e?JSON.parse(JSON.stringify(e)):e},exports.uuid=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(e=>{const t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)}))},exports.deepEqual=function t(r,n,o=!1){if(Array.isArray(r)&&Array.isArray(n)&&o){if(r.length!==n.length)return!1;const e=new Set([...r,...n]);for(const t of e){if(r.filter((e=>e===t)).length!==n.filter((e=>e===t)).length)return!1}return!0}const s=null!=r?Object.keys(r):[],x=null!=n?Object.keys(n):[];if(s.length!==x.length)return!1;for(const o of s){const s=r[o],x=n[o],i=e(s)&&e(x);if(i&&!t(s,x)||!i&&s!==x)return!1}return!0},exports.isObject=e;

package/src/mixins/chart-element.js

@@ -1,165 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { html, css } from 'lit';
-import { i18n } from '../lib/i18n';
-import Highcharts from 'highcharts';
-import Highmaps from 'highcharts/highmaps';
-import { cache } from 'lit/directives/cache';
-import { withSkeletonAttribute } from './with-skeleton-attribute';
-
-/**
- * This is a mixin for ChartElement
- * @mixinFunction
- */
-export function ChartElement(ParentClass) {
-  /**
-   * @mixinClass
-   */
-  return class extends withSkeletonAttribute(ParentClass) {
-    static get properties() {
-      return {
-        /** @required */
-        series: { type: Array },
-        options: { type: Array },
-        _additionalOptions: { type: Object, attribute: false },
-        _series: { type: Array, attribute: false },
-      };
-    }
-
-    static get styles() {
-      return [
-        ...super.styles,
-        // language=CSS
-        css`
-          :host {
-            box-sizing: border-box;
-            display: flex;
-            height: 100%;
-            width: 100%;
-            flex-direction: column;
-            justify-content: center;
-            align-content: center;
-          }
-
-          .container {
-            flex: 1;
-          }
-
-          .tooltip {
-            display: grid;
-          }
-
-          .tooltip-2 {
-            grid-template-columns: repeat(2, 1fr);
-          }
-
-          .tooltip-3 {
-            grid-template-columns: repeat(3, 1fr);
-          }
-
-          .tooltip-4 {
-            grid-template-columns: repeat(4, 1fr);
-          }
-
-          .tooltip-5 {
-            grid-template-columns: repeat(5, 1fr);
-          }
-        `,
-      ];
-    }
-
-    constructor() {
-      super();
-      this._skeletonAttribute = 'series';
-      this._eventListener = function eventListener() {
-        for (let i = 0; i < Highcharts.charts.length; i++) {
-          Highcharts.charts[i].reflow();
-        }
-      };
-    }
-
-    connectedCallback() {
-      super.connectedCallback();
-      window.addEventListener('resize', this._eventListener);
-    }
-
-    disconnectedCallback() {
-      super.disconnectedCallback();
-      window.removeEventListener('resize', this._eventListener);
-    }
-
-    async getOptions() {}
-
-    updated(changedProperties) {
-      super.updated(changedProperties);
-      if (changedProperties.has('_series')) {
-        this.getOptions().then((options) => {
-          this._additionalOptions = options;
-        });
-      }
-    }
-
-    render() {
-      if (this._error) {
-        return html` <div class="error">${i18n('gv-chart.error')}</div>`;
-      }
-      if (this._empty) {
-        return html` <div class="empty">${i18n('gv-chart.empty')}</div>`;
-      }
-
-      const container = document.createElement('div');
-      container.id = 'container';
-      container.className = this._skeleton || this._additionalOptions == null ? 'skeleton' : '';
-      container.classList.add('container');
-
-      if (this._additionalOptions) {
-        const options = {
-          ...{
-            chart: {
-              height: '100%',
-              width: '100%',
-            },
-            credits: {
-              enabled: false,
-            },
-            title: {
-              text: '',
-            },
-            time: {
-              useUTC: false,
-            },
-          },
-          ...this._additionalOptions,
-        };
-
-        const hasData = this._series && this._series.values && this._series.values[0] && this._series.values[0].data;
-        if (hasData) {
-          options.series = this._series && this._series.values;
-        }
-
-        setTimeout(() => {
-          if (options.chart.map) {
-            Highmaps.mapChart(container, options);
-          } else {
-            Highcharts.chart(container, options);
-          }
-        });
-      }
-
-      return html`${cache(container)}`;
-    }
-  };
-}
+var e=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChartElement=void 0;const t=require("lit"),i=require("../lib/i18n"),r=e(require("highcharts")),s=e(require("highcharts/highmaps")),n=require("lit/directives/cache"),a=require("./with-skeleton-attribute");exports.ChartElement=function(e){return class extends((0,a.withSkeletonAttribute)(e)){static get properties(){return{series:{type:Array},options:{type:Array},_additionalOptions:{type:Object,attribute:!1},_series:{type:Array,attribute:!1}}}static get styles(){return[...super.styles,t.css`:host{box-sizing:border-box;display:flex;height:100%;width:100%;flex-direction:column;justify-content:center;align-content:center}.container{flex:1}.tooltip{display:grid}.tooltip-2{grid-template-columns:repeat(2,1fr)}.tooltip-3{grid-template-columns:repeat(3,1fr)}.tooltip-4{grid-template-columns:repeat(4,1fr)}.tooltip-5{grid-template-columns:repeat(5,1fr)}`]}constructor(){super(),this._skeletonAttribute="series",this._eventListener=function(){for(let e=0;e<r.default.charts.length;e++)r.default.charts[e].reflow()}}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._eventListener)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this._eventListener)}async getOptions(){}updated(e){super.updated(e),e.has("_series")&&this.getOptions().then((e=>{this._additionalOptions=e}))}render(){if(this._error)return t.html`<div class="error">${(0,i.i18n)("gv-chart.error")}</div>`;if(this._empty)return t.html`<div class="empty">${(0,i.i18n)("gv-chart.empty")}</div>`;const e=document.createElement("div");if(e.id="container",e.className=this._skeleton||null==this._additionalOptions?"skeleton":"",e.classList.add("container"),this._additionalOptions){const t={chart:{height:"100%",width:"100%"},credits:{enabled:!1},title:{text:""},time:{useUTC:!1},...this._additionalOptions};this._series&&this._series.values&&this._series.values[0]&&this._series.values[0].data&&(t.series=this._series&&this._series.values),setTimeout((()=>{t.chart.map?s.default.mapChart(e,t):r.default.chart(e,t)}))}return t.html`${(0,n.cache)(e)}`}}};