@gravitee/ui-components 3.25.3-typescript-bfd8f67 → 3.25.3-typescript-94e8113

package/dist/src/styles/empty.d.ts

@@ -0,0 +1 @@
+export const empty: import("lit").CSSResult;

package/dist/src/styles/empty.js

@@ -0,0 +1,35 @@
+/*
+ * 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/dist/src/styles/input.d.ts

@@ -0,0 +1 @@
+export const input: import("lit").CSSResult;

package/dist/src/styles/input.js

@@ -0,0 +1,262 @@
+/*
+ * 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/dist/src/styles/link.d.ts

@@ -0,0 +1 @@
+export const link: import("lit").CSSResult;

package/dist/src/styles/link.js

@@ -0,0 +1,31 @@
+/*
+ * 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/dist/src/styles/shapes.d.ts

@@ -0,0 +1,2 @@
+export const shapeClipboard: "general:clipboard";
+export const shapeCopied: "communication:clipboard-check";

package/dist/src/styles/shapes.js

@@ -0,0 +1,17 @@
+/*
+ * 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/dist/src/styles/skeleton.d.ts

@@ -0,0 +1 @@
+export const skeleton: import("lit").CSSResult;

package/dist/src/styles/skeleton.js

@@ -0,0 +1,52 @@
+/*
+ * 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/dist/src/styles/zoom.d.ts

@@ -0,0 +1 @@
+export const zoom: import("lit").CSSResult;

package/dist/src/styles/zoom.js

@@ -0,0 +1,39 @@
+/*
+ * 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/dist/src/theme/gv-theme.d.ts

@@ -0,0 +1,81 @@
+/**
+ * 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(): {
+        _theme: {
+            type: ObjectConstructor;
+            attribute: boolean;
+        };
+        _lastDate: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _lastDate: number;
+    handleEvent(event: any): void;
+    source: any;
+    origin: any;
+    isDetached: any;
+    _theme: any;
+    getData(): {
+        type: string;
+        href: string;
+        date: number;
+    };
+    sendMessage(data?: {}, timeout?: number): void;
+    intervalID: NodeJS.Timeout | undefined;
+}
+import { LitElement } from "lit-element/lit-element";