@gravitee/ui-components 3.25.3-typescript-50960c3 → 3.25.3-typescript-9d19b68

package/src/lib/i18n.js

@@ -1 +1,93 @@
-function n(t,e){const a=function(t){try{return t.split(".").reduce(((n,t)=>n&&n[t]),n._translations[n._lang])}catch(n){return null}}(t);if(null==a)return"unknown";if(e){return n._messageFormatter.compile(a)(e)}return a}Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadDefaultTranslations=exports.getAvailableLanguages=exports.addTranslations=exports.getLanguage=exports.setLanguage=exports.i18n=void 0,require("whatwg-fetch"),exports.i18n=n,n._translations={};const t=require("messageformat");function e(t){n._lang=t}function a(t,e,a){n._translations[t]={LANGUAGE:a,...e}}n._messageFormatter=new t(n._lang),exports.setLanguage=e,exports.getLanguage=function(){return n._lang},exports.addTranslations=a,exports.getAvailableLanguages=function(){const t={};for(const e in n._translations){const{LANGUAGE:a}=n._translations[e];t[a]=e}return t},exports.loadDefaultTranslations=function(){return e("en"),fetch(`i18n/${n._lang}.json`).then((n=>n.json())).then((t=>{a(n._lang,t)})).catch((n=>{console.error("[ui-components] loadDefaultTranslations - parsing failed ",n)}))};
+/*
+ * 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 'whatwg-fetch';
+/**
+ * @param {string} key - The translation key
+ * @param {object} data - The translation data
+ * @returns {string} - The translated
+ */
+export function i18n(key, data) {
+    const translation = getTranslation(key);
+    if (translation == null) {
+        return 'unknown';
+    }
+    if (data) {
+        const msg = i18n._messageFormatter.compile(translation);
+        return msg(data);
+    }
+    return translation;
+}
+/**
+ * @param {string} key - The translation key
+ * @returns {null|string|function} - The translation string or function
+ */
+function getTranslation(key) {
+    try {
+        return key.split('.').reduce((prev, curr) => prev && prev[curr], i18n._translations[i18n._lang]);
+    }
+    catch (e) {
+        return null;
+    }
+}
+// Init private translation storage
+i18n._translations = {};
+const MessageFormat = require('messageformat');
+i18n._messageFormatter = new MessageFormat(i18n._lang);
+/**
+ * @param {string} lang - Translation language code
+ */
+export function setLanguage(lang) {
+    i18n._lang = lang;
+}
+/**
+ * @returns {string} - Translation language code
+ */
+export function getLanguage() {
+    return i18n._lang;
+}
+/**
+ * @param {string} lang - Translation language code
+ * @param {object} translations - Translation values by key
+ * @param {object} label - Lang label
+ */
+export function addTranslations(lang, translations, label) {
+    i18n._translations[lang] = { ...{ LANGUAGE: label }, ...translations };
+}
+/**
+ * @returns {object} - All defined languages (key: human name and value: code)
+ */
+export function getAvailableLanguages() {
+    const availableLanguages = {};
+    for (const lang in i18n._translations) {
+        const { LANGUAGE } = i18n._translations[lang];
+        availableLanguages[LANGUAGE] = lang;
+    }
+    return availableLanguages;
+}
+export function loadDefaultTranslations() {
+    setLanguage('en');
+    return fetch(`i18n/${i18n._lang}.json`)
+        .then((response) => {
+        return response.json();
+    })
+        .then((translations) => {
+        addTranslations(i18n._lang, translations);
+    })
+        .catch((ex) => {
+        // eslint-disable-next-line no-console
+        console.error('[ui-components] loadDefaultTranslations - parsing failed ', ex);
+    });
+}

package/src/lib/item.js

@@ -1 +1,110 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPictureDisplayName=exports.getNbApisInView=exports.getOwner=exports.getDescription=exports.getEntrypoints=exports.getRating=exports.getLabels=exports.getStates=exports.getBackground=exports.getPicture=exports.getTitle=exports.getVersion=void 0;const t=require("./theme"),e=require("lit");function r(t){return t?t.name:""}function n(t){return t&&t.owner?t.owner.display_name:""}exports.getVersion=function(r){if(r){if(r.version)return r.version;if(r.applicationType){const n=(0,t.getApplicationTypeIcon)(r.applicationType);return e.html`<gv-icon shape="${n}"></gv-icon>`}}return null},exports.getTitle=r,exports.getPicture=function(t){if(t){if(t.picture)return t.picture;if(t._links&&t._links.picture)return t._links.picture}return null},exports.getBackground=function(t){if(t){if(t.background)return t.background;if(t._links&&t._links.background)return t._links.background}return null},exports.getStates=function(t){return t?t.states:null},exports.getLabels=function(t){return t?t.labels:null},exports.getRating=function(t){return t?t.rating_summary:null},exports.getEntrypoints=function(t){return t&&t.entrypoints||[]},exports.getDescription=function(t){return t?t.description:""},exports.getOwner=n,exports.getNbApisInView=function(t){return t&&null!=t.total_apis?t.total_apis:null},exports.getPictureDisplayName=function(t){if(t){if(t.version)return`${r(t)}  ${t.version}`;if(t.applicationType)return`${r(t)}  ${t.applicationType}  ${n(t)}`}return r(t)};
+/*
+ * 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 { getApplicationTypeIcon } from './theme';
+import { html } from 'lit';
+export function getVersion(item) {
+    if (item) {
+        if (item.version) {
+            return item.version;
+        }
+        else if (item.applicationType) {
+            const icon = getApplicationTypeIcon(item.applicationType);
+            return html `<gv-icon shape="${icon}"></gv-icon>`;
+        }
+    }
+    return null;
+}
+export function getTitle(item) {
+    if (item) {
+        return item.name;
+    }
+    return '';
+}
+export function getPicture(item) {
+    if (item) {
+        if (item.picture) {
+            return item.picture;
+        }
+        else if (item._links && item._links.picture) {
+            return item._links.picture;
+        }
+    }
+    return null;
+}
+export function getBackground(item) {
+    if (item) {
+        if (item.background) {
+            return item.background;
+        }
+        else if (item._links && item._links.background) {
+            return item._links.background;
+        }
+    }
+    return null;
+}
+export function getStates(item) {
+    if (item) {
+        return item.states;
+    }
+    return null;
+}
+export function getLabels(item) {
+    if (item) {
+        return item.labels;
+    }
+    return null;
+}
+export function getRating(item) {
+    if (item) {
+        return item.rating_summary;
+    }
+    return null;
+}
+export function getEntrypoints(item) {
+    if (item) {
+        return item.entrypoints || [];
+    }
+    return [];
+}
+export function getDescription(item) {
+    if (item) {
+        return item.description;
+    }
+    return '';
+}
+export function getOwner(item) {
+    if (item && item.owner) {
+        return item.owner.display_name;
+    }
+    return '';
+}
+export function getNbApisInView(item) {
+    if (item && item.total_apis != null) {
+        return item.total_apis;
+    }
+    return null;
+}
+export function getPictureDisplayName(item) {
+    if (item) {
+        if (item.version) {
+            return `${getTitle(item)}  ${item.version}`;
+        }
+        else if (item.applicationType) {
+            return `${getTitle(item)}  ${item.applicationType}  ${getOwner(item)}`;
+        }
+    }
+    return getTitle(item);
+}

package/src/lib/properties.js

@@ -1 +1,171 @@
-function e(e){return!0}Object.defineProperty(exports,"__esModule",{value:!0}),exports.toNameValueObject=exports.toNameEqualsValueString=exports.parseRaw=exports.ERROR_TYPES=exports.validateName=exports.ENV_VAR_NAME_REGEX=void 0,exports.ENV_VAR_NAME_REGEX=/^[a-zA-Z0-9-_.]+$/,exports.validateName=e,exports.ERROR_TYPES={INVALID_NAME:0,DUPLICATED_NAME:1,INVALID_LINE:2,INVALID_VALUE:3};const t=/([\\]*)'/g,r=/([\\]*)"/g;function n(e,t,r=0){let n=r,s=!1;for(;n<e.length;){if(e[n]===t&&!s)return n;s="\\"===e[n],n+=1}return n}function s(e){return""===e.trim()}function o(e){return e.trim().startsWith("#")}function a(e,t){const r=e.substring(0,t).split("\n");return{line:r.length,column:r.slice(-1)[0].length}}exports.parseRaw=function(e=""){const u=[],p=[],l=new Set;let i=0;for(;i<e.length;){const R=n(e,"\n",i),_=e.substring(i,R);if(s(_)||o(_)){i=R+1;continue}if(!_.includes("=")){p.push({type:exports.ERROR_TYPES.INVALID_LINE,pos:a(e,i)}),i=R+1;continue}const N=n(e,"=",i),x=e.substring(i,N);l.has(x)?p.push({type:exports.ERROR_TYPES.DUPLICATED_NAME,key:x,pos:a(e,i)}):l.add(x);const f=e[N+1];if("'"===f||'"'===f){const s=n(e,f,N+2),o=e.substring(N+2,s),l=(E=o,"'"===(c=f)?E.replace(t,((e,t)=>"\\".repeat((t.length-1)/2)+"'")):'"'===c?E.replace(r,((e,t)=>"\\".repeat((t.length-1)/2)+'"')):E);u.push({key:x,value:l}),R>s+1||s+1>e.length?(p.push({type:exports.ERROR_TYPES.INVALID_VALUE,key:x,pos:a(e,s+1)}),i=R+1):i=s+1}else{const t=e.substring(N+1,R);u.push({key:x,value:t}),i=R+1}}var c,E;return u.sort(((e,t)=>e.key.localeCompare(t.key))),{variables:u,errors:p}},exports.toNameEqualsValueString=function(e,t={}){const{addExports:n=!1}=t;return e.sort(((e,t)=>e.key.localeCompare(t.key))).map((({key:e,value:t})=>{const s=`${e}=${'"'+t.replace(r,((e,t)=>"\\".repeat(2*t.length+1)+'"'))+'"'}`;return n?`export ${s};`:s})).join("\n")},exports.toNameValueObject=function(e){const t={};return e.filter((({name:e})=>!0)).forEach((({name:e,value:r})=>{t[e]=r})),t};
+/*
+ * 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.
+ */
+/**
+ * Thanks to https://github.com/CleverCloud/clever-client.js
+ *
+ * https://stackoverflow.com/questions/2821043/allowed-characters-in-linux-environment-variable-names
+ * Default bash/Linux rules are:
+ * letters (upper case only)
+ * digits (but not for first char)
+ * underscores
+ * nothing else
+ * /^[a-zA-Z_][a-zA-Z0-9_]*$/
+ */
+export const ENV_VAR_NAME_REGEX = /^[a-zA-Z0-9-_.]+$/;
+export function validateName(name) {
+    // return ENV_VAR_NAME_REGEX.test(name);
+    return true;
+}
+export const ERROR_TYPES = {
+    INVALID_NAME: 0,
+    DUPLICATED_NAME: 1,
+    INVALID_LINE: 2,
+    INVALID_VALUE: 3,
+};
+const NEW_LINE = '\n';
+const SIMPLE_QUOTE = "'";
+const EQUAL = '=';
+const SLASH = '\\';
+const SIMPLE_QUOTE_REPLACE = /([\\]*)'/g;
+const DOUBLE_QUOTE = '"';
+const DOUBLE_QUOTE_REPLACE = /([\\]*)"/g;
+function nextIndex(text, char, start = 0) {
+    let i = start;
+    let escaped = false;
+    while (i < text.length) {
+        if (text[i] === char && !escaped) {
+            return i;
+        }
+        escaped = text[i] === '\\';
+        i += 1;
+    }
+    return i;
+}
+function isEmptyLine(line) {
+    return line.trim() === '';
+}
+function isCommentLine(line) {
+    return line.trim().startsWith('#');
+}
+function getPosition(text, index) {
+    const lines = text.substring(0, index).split(NEW_LINE);
+    const line = lines.length;
+    const column = lines.slice(-1)[0].length;
+    return { line, column };
+}
+// Here we surround a string with double quotes,
+// it means we need to escape existing double quotes,
+// we need to do so in a way that is compatible with shells and environment variables,
+// this is why we have (slashes * 2 + 1).
+function doubleQuoteString(str) {
+    const escapedString = str.replace(DOUBLE_QUOTE_REPLACE, (m, slashes) => {
+        return SLASH.repeat(slashes.length * 2 + 1) + DOUBLE_QUOTE;
+    });
+    return DOUBLE_QUOTE + escapedString + DOUBLE_QUOTE;
+}
+// Here we must be able to reverse what doubleQuoteString() does,
+// with the same logic,
+// we also want it to work with simple quotes.
+function unquoteString(firstChar, str) {
+    if (firstChar === SIMPLE_QUOTE) {
+        return str.replace(SIMPLE_QUOTE_REPLACE, (match, slashes) => {
+            return SLASH.repeat((slashes.length - 1) / 2) + SIMPLE_QUOTE;
+        });
+    }
+    if (firstChar === DOUBLE_QUOTE) {
+        return str.replace(DOUBLE_QUOTE_REPLACE, (match, slashes) => {
+            return SLASH.repeat((slashes.length - 1) / 2) + DOUBLE_QUOTE;
+        });
+    }
+    return str;
+}
+export function parseRaw(rawInput = '') {
+    const parsedVariables = [];
+    const parsingErrors = [];
+    const allNames = new Set();
+    let startIdx = 0;
+    while (startIdx < rawInput.length) {
+        const nextNewLineIdx = nextIndex(rawInput, NEW_LINE, startIdx);
+        const line = rawInput.substring(startIdx, nextNewLineIdx);
+        if (isEmptyLine(line) || isCommentLine(line)) {
+            startIdx = nextNewLineIdx + 1;
+            continue;
+        }
+        if (!line.includes(EQUAL)) {
+            parsingErrors.push({ type: ERROR_TYPES.INVALID_LINE, pos: getPosition(rawInput, startIdx) });
+            startIdx = nextNewLineIdx + 1;
+            continue;
+        }
+        const nextEqualIdx = nextIndex(rawInput, EQUAL, startIdx);
+        const key = rawInput.substring(startIdx, nextEqualIdx);
+        if (!validateName(key)) {
+            parsingErrors.push({ type: ERROR_TYPES.INVALID_NAME, key, pos: getPosition(rawInput, startIdx) });
+        }
+        if (allNames.has(key)) {
+            parsingErrors.push({ type: ERROR_TYPES.DUPLICATED_NAME, key, pos: getPosition(rawInput, startIdx) });
+        }
+        else {
+            allNames.add(key);
+        }
+        const valueFirstChar = rawInput[nextEqualIdx + 1];
+        if (valueFirstChar === SIMPLE_QUOTE || valueFirstChar === DOUBLE_QUOTE) {
+            const nextQuoteIdx = nextIndex(rawInput, valueFirstChar, nextEqualIdx + 2);
+            const rawValue = rawInput.substring(nextEqualIdx + 2, nextQuoteIdx);
+            const value = unquoteString(valueFirstChar, rawValue);
+            parsedVariables.push({ key, value });
+            if (nextNewLineIdx > nextQuoteIdx + 1 || nextQuoteIdx + 1 > rawInput.length) {
+                parsingErrors.push({ type: ERROR_TYPES.INVALID_VALUE, key, pos: getPosition(rawInput, nextQuoteIdx + 1) });
+                startIdx = nextNewLineIdx + 1;
+            }
+            else {
+                startIdx = nextQuoteIdx + 1;
+            }
+        }
+        else {
+            const value = rawInput.substring(nextEqualIdx + 1, nextNewLineIdx);
+            parsedVariables.push({ key, value });
+            startIdx = nextNewLineIdx + 1;
+        }
+    }
+    // WARN: Array.prototype.sort edits in place
+    parsedVariables.sort((a, b) => a.key.localeCompare(b.key));
+    return { variables: parsedVariables, errors: parsingErrors };
+}
+// automatically merges duplicated named (keeps last value)
+// automatically removes variables with invalid names
+// always double quote values (with proper escaping)
+export function toNameEqualsValueString(variables, options = {}) {
+    const { addExports = false } = options;
+    return variables
+        .sort((a, b) => a.key.localeCompare(b.key))
+        .map(({ key, value }) => {
+        const quotedValue = doubleQuoteString(value);
+        const nameValue = `${key}=${quotedValue}`;
+        return addExports ? `export ${nameValue};` : nameValue;
+    })
+        .join('\n');
+}
+// automatically merges duplicated named (keeps last value)
+// automatically removes variables with invalid names
+export function toNameValueObject(variables) {
+    const keyValueObject = {};
+    variables
+        .filter(({ name }) => validateName(name))
+        .forEach(({ name, value }) => {
+        keyValueObject[name] = value;
+    });
+    return keyValueObject;
+}

package/src/lib/schema-form.js

@@ -1 +1,39 @@
-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};
+/*
+ * 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;
+}

package/src/lib/studio.js

@@ -1 +1,144 @@
-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};
+/*
+ * 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;
+}

package/src/lib/style.js

@@ -1 +1,39 @@
-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};
+/*
+ * 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;
+}