@gravitee/ui-components 3.25.3-typescript-fdacf14 → 3.25.3-typescript-493e1dd

package/src/styles/empty.js

@@ -1 +1,35 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.empty=void 0;const e=require("lit");exports.empty=e.css`.empty,.error{align-items:center;box-sizing:border-box;color:var(--gv-theme-font-color-dark);font-size:var(--gv-theme-font-size-l,20px);font-weight:700;height:100%;opacity:.5;padding:3rem;text-align:center;width:100%;justify-content:center;display:flex;flex-direction:column}`;
+/*
+ * 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 { css } from 'lit';
+// language=CSS
+export const empty = css `
+  .empty,
+  .error {
+    align-items: center;
+    box-sizing: border-box;
+    color: var(--gv-theme-font-color-dark);
+    font-size: var(--gv-theme-font-size-l, 20px);
+    font-weight: bold;
+    height: 100%;
+    opacity: 0.5;
+    padding: 3rem;
+    text-align: center;
+    width: 100%;
+    justify-content: center;
+    display: flex;
+    flex-direction: column;
+  }
+`;

package/src/styles/input.js

@@ -1 +1,262 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.input=void 0;const i=require("lit");exports.input=i.css`:host{box-sizing:border-box;display:inline-block;margin:.2rem;vertical-align:middle;background-color:transparent;--bdw:var(--gv-input--bdw, 1px);--2xbdw:calc(var(--gv-input--bdw, 1px) * 2);--input-small--p:4px 4px;--input-small--fz:12px;--input-small--lh:15px;--icon-small--w:calc(15px + 4px + 4px);--input-small--h:calc(var(--icon-small--w) + var(--2xbdw));--input-medium--p:10px 5px;--input-medium--fz:14px;--input-medium--lh:17px;--icon-medium--w:calc(17px + 10px + 10px);--input-medium--h:calc(var(--icon-medium--w) + var(--2xbdw));--input-large--p:12px 8px;--input-large--fz:16px;--input-large--lh:18px;--icon-large--w:calc(18px + 12px + 12px);--input-large--h:calc(var(--icon-large--w) + var(--2xbdw))}.box-icon{box-sizing:border-box;height:var(--input-medium--h);width:calc(var(--input-medium--h) - 4px);display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;right:0;left:initial;border-radius:0 3px 3px 0}.small .box-icon{height:var(--input-small--h);width:calc(var(--input-small--h) - 4px)}.box-icon-left{right:initial;left:0;border-radius:3px 0 0 3px}.box-icon gv-icon{--gv-icon--s:22px;--gv-icon--c:var(--gv-theme-font-color-dark)}.small .box-icon gv-icon{--gv-icon--s:16px}.box-icon.box-icon-clear gv-icon,:host([large]) .box-icon.box-icon-clear gv-icon{width:16px}.box-icon.box-icon-bgc{background-color:var(--gv-input-icon--bgc,var(--gv-theme-neutral-color,#f5f5f5));border:var(--gv-input--bdw,1px) var(--gv-input--bds,solid) var(--gv-input--bdc,var(--gv-theme-neutral-color-dark,#d9d9d9))}:host([large]) .box-icon{height:var(--input-large--h);width:var(--input-large--h)}:host([large]) .box-icon gv-icon{width:24px;--gv-icon--s:24px}:host([small]) .box-icon{height:var(--input-small--h);width:var(--input-small--h)}:host([small]) .box-icon gv-icon{width:18px}:host([small]) .box-icon-clear gv-icon{width:14px}.box-input{position:relative;line-height:0}.input,::slotted(.input),::slotted(input),input{border:var(--gv-input--bdw,1px) var(--gv-input--bds,solid) var(--gv-input--bdc,var(--gv-theme-neutral-color-dark,#d9d9d9));transition:border 10ms ease-in-out;box-sizing:border-box;border-radius:4px;font-style:normal;font-weight:400;outline:0;width:100%;height:100%;-webkit-appearance:none}::slotted(input::-webkit-search-decoration),input::-webkit-search-decoration{-webkit-appearance:none}.large .input,.large ::slotted(.input),.large ::slotted(input),.large input{padding:var(--input-large--p);font-size:var(--input-large--fz);line-height:var(--input-large--lh);height:var(--input-large--h)}.medium .input,.medium ::slotted(.input),.medium ::slotted(input),.medium input{padding:var(--input-medium--p);font-size:var(--input-medium--fz);line-height:var(--input-medium--lh);height:var(--input-medium--h)}.small .input,.small ::slotted(.input),.small ::slotted(input),.small input{padding:var(--input-small--p);font-size:var(--input-small--fz);line-height:var(--input-small--lh);height:var(--input-small--h)}.large.icon ::slotted(input),.large.icon input{padding-right:45px}.large.clearable ::slotted(input),.large.clearable input{padding-right:50px}.medium.icon ::slotted(input),.medium.icon input{padding-right:36px}.medium.clearable ::slotted(input),.medium.clearable input{padding-right:32px}.small ::slotted(input),.small.icon input{padding-right:26px}.small.clearable ::slotted(input),.small.clearable inpu{padding-right:22px}.large.icon-left ::slotted(input),.large.icon-left input{padding-left:45px}.large.clearable ::slotted(input),.large.clearable input{padding-right:40px}.medium.icon-left ::slotted(input),.medium.icon-left input{padding-left:36px}.small.icon-left ::slotted(input),.small.icon-left input{padding-left:26px}::-webkit-search-cancel-button{-webkit-appearance:none}:host([disabled]){--gv-icon--c:var(--gv-theme-neutral-color-darker, #d9d9d9)}:host([disabled]) .box-icon-bgc{background-color:transparent}:host([disabled]) .input,:host([disabled]) ::slotted(input),:host([disabled]) input{cursor:default;opacity:.5}.input:invalid,.input:required,::slotted(.input:invalid),::slotted(.input:required),::slotted(input:invalid),::slotted(input:required),input:invalid,input:required{box-shadow:none}label{display:block;line-height:15px;padding:0 0 .2rem 0}.description{opacity:.6;font-size:var(--gv-theme-font-size-s,12px)}`;
+/*
+ * 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 { css } from 'lit';
+// language=CSS
+export const input = css `
+  :host {
+    box-sizing: border-box;
+    display: inline-block;
+    margin: 0.2rem;
+    vertical-align: middle;
+    background-color: transparent;
+    --bdw: var(--gv-input--bdw, 1px);
+    --2xbdw: calc(var(--gv-input--bdw, 1px) * 2);
+    --input-small--p: 4px 4px;
+    --input-small--fz: 12px;
+    --input-small--lh: 15px;
+    --icon-small--w: calc(15px + 4px + 4px);
+    --input-small--h: calc(var(--icon-small--w) + var(--2xbdw));
+
+    --input-medium--p: 10px 5px;
+    --input-medium--fz: 14px;
+    --input-medium--lh: 17px;
+    --icon-medium--w: calc(17px + 10px + 10px);
+    --input-medium--h: calc(var(--icon-medium--w) + var(--2xbdw));
+
+    --input-large--p: 12px 8px;
+    --input-large--fz: 16px;
+    --input-large--lh: 18px;
+    --icon-large--w: calc(18px + 12px + 12px);
+    --input-large--h: calc(var(--icon-large--w) + var(--2xbdw));
+  }
+
+  .box-icon {
+    box-sizing: border-box;
+    height: var(--input-medium--h);
+    width: calc(var(--input-medium--h) - 4px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    left: initial;
+    border-radius: 0 3px 3px 0;
+  }
+
+  .small .box-icon {
+    height: var(--input-small--h);
+    width: calc(var(--input-small--h) - 4px);
+  }
+
+  .box-icon-left {
+    right: initial;
+    left: 0px;
+    border-radius: 3px 0 0 3px;
+  }
+
+  .box-icon gv-icon {
+    --gv-icon--s: 22px;
+    --gv-icon--c: var(--gv-theme-font-color-dark);
+  }
+
+  .small .box-icon gv-icon {
+    --gv-icon--s: 16px;
+  }
+
+  .box-icon.box-icon-clear gv-icon,
+  :host([large]) .box-icon.box-icon-clear gv-icon {
+    width: 16px;
+  }
+
+  .box-icon.box-icon-bgc {
+    background-color: var(--gv-input-icon--bgc, var(--gv-theme-neutral-color, #f5f5f5));
+    border: var(--gv-input--bdw, 1px) var(--gv-input--bds, solid) var(--gv-input--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));
+  }
+
+  :host([large]) .box-icon {
+    height: var(--input-large--h);
+    width: var(--input-large--h);
+  }
+
+  :host([large]) .box-icon gv-icon {
+    width: 24px;
+    --gv-icon--s: 24px;
+  }
+
+  :host([small]) .box-icon {
+    height: var(--input-small--h);
+    width: var(--input-small--h);
+  }
+
+  :host([small]) .box-icon gv-icon {
+    width: 18px;
+  }
+
+  :host([small]) .box-icon-clear gv-icon {
+    width: 14px;
+  }
+
+  .box-input {
+    position: relative;
+    line-height: 0;
+  }
+
+  /* BASE */
+  input,
+  ::slotted(input),
+  ::slotted(.input),
+  .input {
+    border: var(--gv-input--bdw, 1px) var(--gv-input--bds, solid) var(--gv-input--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));
+    transition: border 10ms ease-in-out;
+    box-sizing: border-box;
+    border-radius: 4px;
+    font-style: normal;
+    font-weight: normal;
+    outline: none;
+    width: 100%;
+    height: 100%;
+    -webkit-appearance: none;
+  }
+
+  input::-webkit-search-decoration,
+  ::slotted(input::-webkit-search-decoration) {
+    -webkit-appearance: none;
+  }
+
+  /* SIZE */
+  .large input,
+  .large ::slotted(input),
+  .large ::slotted(.input),
+  .large .input {
+    padding: var(--input-large--p);
+    font-size: var(--input-large--fz);
+    line-height: var(--input-large--lh);
+    height: var(--input-large--h);
+  }
+
+  .medium input,
+  .medium ::slotted(input),
+  .medium ::slotted(.input),
+  .medium .input {
+    padding: var(--input-medium--p);
+    font-size: var(--input-medium--fz);
+    line-height: var(--input-medium--lh);
+    height: var(--input-medium--h);
+  }
+
+  .small input,
+  .small ::slotted(input),
+  .small ::slotted(.input),
+  .small .input {
+    padding: var(--input-small--p);
+    font-size: var(--input-small--fz);
+    line-height: var(--input-small--lh);
+    height: var(--input-small--h);
+  }
+
+  .large.icon input,
+  .large.icon ::slotted(input) {
+    padding-right: 45px;
+  }
+
+  .large.clearable input,
+  .large.clearable ::slotted(input) {
+    padding-right: 50px;
+  }
+
+  .medium.icon input,
+  .medium.icon ::slotted(input) {
+    padding-right: 36px;
+  }
+
+  .medium.clearable input,
+  .medium.clearable ::slotted(input) {
+    padding-right: 32px;
+  }
+
+  .small.icon input,
+  .small ::slotted(input) {
+    padding-right: 26px;
+  }
+
+  .small.clearable inpu,
+  .small.clearable ::slotted(input) {
+    padding-right: 22px;
+  }
+
+  .large.icon-left input,
+  .large.icon-left ::slotted(input) {
+    padding-left: 45px;
+  }
+
+  .large.clearable input,
+  .large.clearable ::slotted(input) {
+    padding-right: 40px;
+  }
+
+  .medium.icon-left input,
+  .medium.icon-left ::slotted(input) {
+    padding-left: 36px;
+  }
+
+  .small.icon-left input,
+  .small.icon-left ::slotted(input) {
+    padding-left: 26px;
+  }
+
+  ::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+  }
+
+  /* STATES */
+  :host([disabled]) {
+    --gv-icon--c: var(--gv-theme-neutral-color-darker, #d9d9d9);
+  }
+
+  :host([disabled]) .box-icon-bgc {
+    background-color: transparent;
+  }
+
+  :host([disabled]) input,
+  :host([disabled]) .input,
+  :host([disabled]) ::slotted(input) {
+    cursor: default;
+    opacity: 0.5;
+  }
+
+  input:required,
+  .input:required,
+  ::slotted(input:required),
+  ::slotted(.input:required),
+  input:invalid,
+  .input:invalid,
+  ::slotted(input:invalid),
+  ::slotted(.input:invalid) {
+    box-shadow: none;
+  }
+
+  label {
+    display: block;
+    line-height: 15px;
+    padding: 0 0 0.2rem 0;
+  }
+
+  .description {
+    opacity: 0.6;
+    font-size: var(--gv-theme-font-size-s, 12px);
+  }
+`;

package/src/styles/link.js

@@ -1 +1,31 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.link=void 0;const i=require("lit");exports.link=i.css`.link,.link:visited{cursor:pointer;opacity:1;transition:opacity .15s ease-in;text-decoration:none}.link:hover{opacity:.7;transition:opacity .15s ease-in}`;
+/*
+ * 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 { css } from 'lit';
+// language=CSS
+export const link = css `
+  .link,
+  .link:visited {
+    cursor: pointer;
+    opacity: 1;
+    transition: opacity 0.15s ease-in;
+    text-decoration: none;
+  }
+
+  .link:hover {
+    opacity: 0.7;
+    transition: opacity 0.15s ease-in;
+  }
+`;

package/src/styles/shapes.js

@@ -1 +1,17 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.shapeCopied=exports.shapeClipboard=void 0,exports.shapeClipboard="general:clipboard",exports.shapeCopied="communication:clipboard-check";
+/*
+ * 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 const shapeClipboard = 'general:clipboard';
+export const shapeCopied = 'communication:clipboard-check';

package/src/styles/skeleton.js

@@ -1 +1,52 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.skeleton=void 0;const e=require("lit");exports.skeleton=e.css`@keyframes skeleton-pulse{from{opacity:.85}to{opacity:.45}}.skeleton,:host([skeleton]){animation-direction:alternate;animation-duration:.5s;animation-iteration-count:infinite;animation-name:skeleton-pulse;color:transparent;cursor:progress!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--gv-theme-skeleton-color,#bfbfbf)!important;border-color:var(--gv-theme-skeleton-color,#bfbfbf)}.skeleton ::slotted(*),.skeleton gv-icon,.skeleton svg,.skeleton>*,:host([skeleton]) ::slotted(*),:host([skeleton]) gv-icon,:host([skeleton]) svg{visibility:hidden}`;
+/*
+ * 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 { css } from 'lit';
+// language=CSS
+export const skeleton = css `
+  @keyframes skeleton-pulse {
+    from {
+      opacity: 0.85;
+    }
+    to {
+      opacity: 0.45;
+    }
+  }
+  .skeleton,
+  :host([skeleton]) {
+    animation-direction: alternate;
+    animation-duration: 500ms;
+    animation-iteration-count: infinite;
+    animation-name: skeleton-pulse;
+    color: transparent;
+    cursor: progress !important;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    background-color: var(--gv-theme-skeleton-color, #bfbfbf) !important;
+    border-color: var(--gv-theme-skeleton-color, #bfbfbf);
+  }
+
+  .skeleton svg,
+  :host([skeleton]) svg,
+  :host([skeleton]) gv-icon,
+  .skeleton gv-icon,
+  .skeleton > *,
+  .skeleton ::slotted(*),
+  :host([skeleton]) ::slotted(*) {
+    visibility: hidden;
+  }
+`;

package/src/styles/zoom.js

@@ -1 +1,39 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.zoom=void 0;const o=require("lit");exports.zoom=o.css`@keyframes zoomIn{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1)}100%{transform:scale(.8);opacity:0}}`;
+/*
+ * 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 { css } from 'lit';
+// language=CSS
+export const zoom = css `
+  @keyframes zoomIn {
+    0% {
+      transform: scale(0.8);
+      opacity: 0;
+    }
+    100% {
+      transform: scale(1);
+      opacity: 1;
+    }
+  }
+
+  @keyframes zoomOut {
+    0% {
+      transform: scale(1);
+    }
+    100% {
+      transform: scale(0.8);
+      opacity: 0;
+    }
+  }
+`;

package/src/theme/gv-theme.js

@@ -1 +1,197 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvTheme=void 0;const e=require("lit"),t=require("../lib/events"),r=require("../lib/theme");class o extends e.LitElement{static get properties(){return{_theme:{type:Object,attribute:!1},_lastDate:{type:Number,attribute:!1}}}static get styles(){return[e.css`:host{--gv-theme-color-darker:var(--gv-theme-color-darker, #383e3f);--gv-theme-color-dark:var(--gv-theme-color-dark, #28444f);--gv-theme-color:var(--gv-theme-color, #5a7684);--gv-theme-color-light:var(--gv-theme-color-light, #86c3d0);--gv-theme-color-danger:var(--gv-theme-color-danger, #ff5722);--gv-theme-color-error-dark:var(--gv-theme-color-error-dark, #d32f2f);--gv-theme-color-error:var(--gv-theme-color-error, #f44336);--gv-theme-color-error-light:var(--gv-theme-color-error-light, #e57373);--gv-theme-color-info-dark:var(--gv-theme-color-info-dark, #1976d2);--gv-theme-color-info:var(--gv-theme-color-info, #2196f3);--gv-theme-color-info-light:var(--gv-theme-color-info-light, #64b5f6);--gv-theme-color-success-dark:var(--gv-theme-color-success-dark, #388e3c);--gv-theme-color-success:var(--gv-theme-color-success, #4caf50);--gv-theme-color-success-light:var(--gv-theme-color-success-light, #81c784);--gv-theme-color-warning-dark:var(--gv-theme-color-warning-dark, #f57c00);--gv-theme-color-warning:var(--gv-theme-color-warning, #ff9800);--gv-theme-color-warning-light:var(--gv-theme-color-warning-light, #ffb74d);--gv-theme-neutral-color-darkest:var(--gv-theme-neutral-color-darkest, #000000);--gv-theme-neutral-color-darker:var(--gv-theme-neutral-color-darker, #bfbfbf);--gv-theme-neutral-color-dark:var(--gv-theme-neutral-color-dark, #d9d9d9);--gv-theme-neutral-color:var(--gv-theme-neutral-color, #f5f5f5);--gv-theme-neutral-color-light:var(--gv-theme-neutral-color-light, #efefef);--gv-theme-neutral-color-lighter:var(--gv-theme-neutral-color-lighter, #fafafa);--gv-theme-neutral-color-lightest:var(--gv-theme-neutral-color-lightest, #ffffff);--gv-theme-font-color-dark:var(--gv-theme-font-color-dark, #262626);--gv-theme-font-color-light:var(--gv-theme-font-color-light, #ffffff);--gv-theme-font-size-xs:var(--gv-theme-font-size-xs, 10px);--gv-theme-font-size-s:var(--gv-theme-font-size-s, 12px);--gv-theme-font-size-m:var(--gv-theme-font-size-m, 14px);--gv-theme-font-size-l:var(--gv-theme-font-size-l, 16px);--gv-theme-font-size-xl:var(--gv-theme-font-size-xl, 26px);--gv-theme-font-size-xxl:var(--gv-theme-font-size-xxl, 30px);--gv-theme-skeleton-color:var(--gv-theme-skeleton-color, #bfbfbf);--gv-theme-font-family:var(--gv-theme-font-family, 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif);--gv-theme-homepage-background-image:var(--gv-theme-homepage-background-image, none);--gv-theme-homepage-background-color:var(--gv-theme-homepage-background-color, #5a7684);--gv-theme-homepage-background-height:var(--gv-theme-homepage-background-height, 400px);--gv-theme-logo:var(--gv-theme-logo, url('/images/gravitee-logo-cyan.svg'));--gv-theme-optional-logo:var(--gv-theme-optional-logo, url('/images/gravitee-logo-white.svg'));--gv-theme-favicon:var(--gv-theme-favicon, '/images/gravitee-favicon.png')}`]}constructor(){super(),this._lastDate=0}handleEvent(e){"gravitee"===e.data.type?(this.source=e.source,this.origin=e.origin,this.isDetached=e.data.isDetached,this._lastDate=e.data.date,e.data.requestAnswer&&this.sendMessage(),e.data.theme?this._theme=e.data.theme:console.warn("Theme not found",e.data)):console.warn("Unknown message",e.data)}getData(){return{type:"gravitee",href:window.location.href,date:Date.now()}}sendMessage(e={},t=0){if(this.source&&this.origin){const t=Object.assign({},this.getData(),e);this.source.postMessage(t,this.origin)}else console.warn("Unknown source & origin for send message")}render(){(0,r.applyTheme)(this._theme)}firstUpdated(){window.addEventListener("message",this.handleEvent.bind(this),!1),window.addEventListener("unload",(e=>{this.isDetached?this.sendMessage({unload:!0}):this.sendMessage(),clearInterval(this.intervalID)})),this.intervalID=setInterval((()=>{this._lastDate-Date.now()<-3e4&&(0,t.dispatchCustomEvent)(this,"error",{message:"Connection for preview has been lost, please close this tab and refresh your browser."})}),3e4)}}exports.GvTheme=o,window.customElements.define("gv-theme",o);
+/*
+ * 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 { css, LitElement } from 'lit';
+import { dispatchCustomEvent } from '../lib/events';
+import { applyTheme } from '../lib/theme';
+/**
+ * Our components use css variables to expose customizable properties.
+ *
+ * We did a work of inheritance and factorization of properties in order to define a general theme for our components.
+ *
+ * So we offer within our portal a customization tool.
+ *
+ * @cssprop {Color} [--gv-theme-color-darker=#383E3F] - Primary darker color
+ * @cssprop {Color} [--gv-theme-color-dark=#28444F] - Primary dark color
+ * @cssprop {Color} [--gv-theme-color=#5A7684] - Primary color
+ * @cssprop {Color} [--gv-theme-color-light=#86c3d0] - Primary light color
+ * @cssprop {Color} [--gv-theme-color-danger=#FF5722] - Primary danger color
+ *
+ * @cssprop {Color} [--gv-theme-color-error-dark=#d32f2f] - Error dark color
+ * @cssprop {Color} [--gv-theme-color-error=#f44336] - Error color
+ * @cssprop {Color} [--gv-theme-color-error-light=#e57373] - Error light color
+ * @cssprop {Color} [--gv-theme-color-info-dark=#1976d2] - Info dark color
+ * @cssprop {Color} [--gv-theme-color-info=#2196f3] - Info color
+ * @cssprop {Color} [--gv-theme-color-info-light=#64b5f6] - Info light color
+ * @cssprop {Color} [--gv-theme-color-success-dark=#388e3c] - Success dark color
+ * @cssprop {Color} [--gv-theme-color-success=#4caf50] - Success color
+ * @cssprop {Color} [--gv-theme-color-success-light=#81c784] - Success light color
+ * @cssprop {Color} [--gv-theme-color-warning-dark=#f57c00] - Warning dark color
+ * @cssprop {Color} [--gv-theme-color-warning=#ff9800] - Warning color
+ * @cssprop {Color} [--gv-theme-color-warning-light=#ffb74d] - Warning light color
+ *
+ * @cssprop {Color} [--gv-theme-neutral-color-darkest=#000000] - Neutral darkest color
+ * @cssprop {Color} [--gv-theme-neutral-color-darker=#BFBFBF] - Neutral darker color
+ * @cssprop {Color} [--gv-theme-neutral-color-dark=#D9D9D9] - Neutral dark color
+ * @cssprop {Color} [--gv-theme-neutral-color=#F5F5F5] - Neutral color
+ * @cssprop {Color} [--gv-theme-neutral-color-light=#EFEFEF] - Neutral light color
+ * @cssprop {Color} [--gv-theme-neutral-color-lighter=#FAFAFA] - Neutral light color
+ * @cssprop {Color} [--gv-theme-neutral-color-lightest=#FFFFFF] - Neutral lightest color
+
+ * @cssprop {Color} [--gv-theme-font-color-dark=#262626] - Dark font color
+ * @cssprop {Color} [--gv-theme-font-color-light=#FFFFFF] - Light Font color
+ * @cssprop {String} [--gv-theme-font-family='IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif] - Family
+ * @cssprop {Length} [--gv-theme-font-size-xs=10px] - Extra small
+ * @cssprop {Length} [--gv-theme-font-size-s=12px] - Small
+ * @cssprop {Length} [--gv-theme-font-size-m=14px] - Medium (Default)
+ * @cssprop {Length} [--gv-theme-font-size-l=16px] - Large
+ * @cssprop {Length} [--gv-theme-font-size-xl=26px] - Extra large
+ * @cssprop {Length} [--gv-theme-font-size-xxl=30px] - Extra extra large
+ * @cssprop {Length} [--gv-theme-homepage-background-height=400px] - Homepage background height
+ *
+ * @cssprop {Color} [--gv-theme-skeleton-color=#BFBFBF] - Primary skeleton color
+ * @cssprop {Color} [--gv-theme-homepage-background-color=#5A7684] - Homepage background color
+ *
+ * @cssprop {Image} [--gv-theme-homepage-background-image=none] - Background image
+ * @cssprop {Image} [--gv-theme-logo=url('/images/gravitee-logo-cyan.svg')] - Logo
+ * @cssprop {Image} [--gv-theme-optional-logo=url('/images/gravitee-logo-white.svg')] - Optional logo
+ * @cssprop {Image} [--gv-theme-favicon='/images/gravitee-favicon.png'] - Favicon
+ *
+ */
+export class GvTheme extends LitElement {
+    static get properties() {
+        return {
+            _theme: { type: Object, attribute: false },
+            _lastDate: { type: Number, attribute: false },
+        };
+    }
+    static get styles() {
+        return [
+            // language=CSS
+            css `
+        :host {
+          --gv-theme-color-darker: var(--gv-theme-color-darker, #383e3f);
+          --gv-theme-color-dark: var(--gv-theme-color-dark, #28444f);
+          --gv-theme-color: var(--gv-theme-color, #5a7684);
+          --gv-theme-color-light: var(--gv-theme-color-light, #86c3d0);
+
+          --gv-theme-color-danger: var(--gv-theme-color-danger, #ff5722);
+
+          --gv-theme-color-error-dark: var(--gv-theme-color-error-dark, #d32f2f);
+          --gv-theme-color-error: var(--gv-theme-color-error, #f44336);
+          --gv-theme-color-error-light: var(--gv-theme-color-error-light, #e57373);
+          --gv-theme-color-info-dark: var(--gv-theme-color-info-dark, #1976d2);
+          --gv-theme-color-info: var(--gv-theme-color-info, #2196f3);
+          --gv-theme-color-info-light: var(--gv-theme-color-info-light, #64b5f6);
+          --gv-theme-color-success-dark: var(--gv-theme-color-success-dark, #388e3c);
+          --gv-theme-color-success: var(--gv-theme-color-success, #4caf50);
+          --gv-theme-color-success-light: var(--gv-theme-color-success-light, #81c784);
+          --gv-theme-color-warning-dark: var(--gv-theme-color-warning-dark, #f57c00);
+          --gv-theme-color-warning: var(--gv-theme-color-warning, #ff9800);
+          --gv-theme-color-warning-light: var(--gv-theme-color-warning-light, #ffb74d);
+
+          --gv-theme-neutral-color-darkest: var(--gv-theme-neutral-color-darkest, #000000);
+          --gv-theme-neutral-color-darker: var(--gv-theme-neutral-color-darker, #bfbfbf);
+          --gv-theme-neutral-color-dark: var(--gv-theme-neutral-color-dark, #d9d9d9);
+          --gv-theme-neutral-color: var(--gv-theme-neutral-color, #f5f5f5);
+          --gv-theme-neutral-color-light: var(--gv-theme-neutral-color-light, #efefef);
+          --gv-theme-neutral-color-lighter: var(--gv-theme-neutral-color-lighter, #fafafa);
+          --gv-theme-neutral-color-lightest: var(--gv-theme-neutral-color-lightest, #ffffff);
+
+          --gv-theme-font-color-dark: var(--gv-theme-font-color-dark, #262626);
+          --gv-theme-font-color-light: var(--gv-theme-font-color-light, #ffffff);
+          --gv-theme-font-size-xs: var(--gv-theme-font-size-xs, 10px);
+          --gv-theme-font-size-s: var(--gv-theme-font-size-s, 12px);
+          --gv-theme-font-size-m: var(--gv-theme-font-size-m, 14px);
+          --gv-theme-font-size-l: var(--gv-theme-font-size-l, 16px);
+          --gv-theme-font-size-xl: var(--gv-theme-font-size-xl, 26px);
+          --gv-theme-font-size-xxl: var(--gv-theme-font-size-xxl, 30px);
+          --gv-theme-skeleton-color: var(--gv-theme-skeleton-color, #bfbfbf);
+          --gv-theme-font-family: var(--gv-theme-font-family, 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif);
+
+          --gv-theme-homepage-background-image: var(--gv-theme-homepage-background-image, none);
+          --gv-theme-homepage-background-color: var(--gv-theme-homepage-background-color, #5a7684);
+          --gv-theme-homepage-background-height: var(--gv-theme-homepage-background-height, 400px);
+          --gv-theme-logo: var(--gv-theme-logo, url('/images/gravitee-logo-cyan.svg'));
+          --gv-theme-optional-logo: var(--gv-theme-optional-logo, url('/images/gravitee-logo-white.svg'));
+          --gv-theme-favicon: var(--gv-theme-favicon, '/images/gravitee-favicon.png');
+        }
+      `,
+        ];
+    }
+    constructor() {
+        super();
+        this._lastDate = 0;
+    }
+    handleEvent(event) {
+        if (event.data.type === 'gravitee') {
+            this.source = event.source;
+            this.origin = event.origin;
+            this.isDetached = event.data.isDetached;
+            this._lastDate = event.data.date;
+            if (event.data.requestAnswer) {
+                this.sendMessage();
+            }
+            if (event.data.theme) {
+                this._theme = event.data.theme;
+            }
+            else {
+                console.warn('Theme not found', event.data);
+            }
+        }
+        else {
+            console.warn('Unknown message', event.data);
+        }
+    }
+    getData() {
+        return {
+            type: 'gravitee',
+            href: window.location.href,
+            date: Date.now(),
+        };
+    }
+    sendMessage(data = {}, timeout = 0) {
+        if (this.source && this.origin) {
+            const sendData = Object.assign({}, this.getData(), data);
+            this.source.postMessage(sendData, this.origin);
+        }
+        else {
+            console.warn('Unknown source & origin for send message');
+        }
+    }
+    render() {
+        applyTheme(this._theme);
+    }
+    firstUpdated() {
+        window.addEventListener('message', this.handleEvent.bind(this), false);
+        window.addEventListener('unload', (event) => {
+            if (this.isDetached) {
+                this.sendMessage({ unload: true });
+            }
+            else {
+                this.sendMessage();
+            }
+            clearInterval(this.intervalID);
+        });
+        this.intervalID = setInterval(() => {
+            if (this._lastDate - Date.now() < -30000) {
+                dispatchCustomEvent(this, 'error', {
+                    message: 'Connection for preview has been lost, please close this tab and refresh your browser.',
+                });
+            }
+        }, 30000);
+    }
+}
+window.customElements.define('gv-theme', GvTheme);

package/wc/gv-autocomplete.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),require("../src/atoms/gv-autocomplete");
+import '../src/atoms/gv-autocomplete';

package/wc/gv-button.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),require("../src/atoms/gv-button");
+import '../src/atoms/gv-button';

package/wc/gv-card-full.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),require("../src/molecules/gv-card-full");
+import '../src/molecules/gv-card-full';

package/wc/gv-card-list.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),require("../src/molecules/gv-card-list");
+import '../src/molecules/gv-card-list';

package/wc/gv-card.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),require("../src/molecules/gv-card");
+import '../src/molecules/gv-card';