@gravitee/ui-components 3.25.3-typescript-8a53edf → 3.25.3-typescript-e7256ca

package/src/organisms/gv-vertical-menu.js

@@ -1,123 +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 { css, html, LitElement } from 'lit';
-import '../molecules/gv-nav';
-import '../atoms/gv-image';
-import { isSameRoutes } from '../lib/utils';
-
-/**
- * A vertical menu
- *
- * @fires gv-link:click - Custom event when link click
- *
- * @attr {Array} routes - definition of routes [{active: Boolean, icon: String, path: String, title: Promise<String>]
- *
- */
-export class GvVerticalMenu extends LitElement {
-  static get properties() {
-    return {
-      /** @required **/
-      routes: { type: Array },
-      _routes: { type: Array, attribute: false },
-      logo: { type: String },
-    };
-  }
-
-  static get styles() {
-    return [
-      // language=css
-      css`
-        :host {
-          --gv-link--c: var(--gv-menu--c, var(--gv-theme-font-color-light, #ffffff));
-          --gv-link-active--c: var(--gv-menu--c, var(--gv-theme-font-color-light, #ffffff));
-          --gv-link--bgc: var(--gv-menu-link--bgc, transparent);
-          --gv-link-active--bgc: var(--gv-menu-link-active--bgc, transparent);
-          --gv-link-active--bdw: var(--gv-menu-link-active--bdw, 0 0 0 4px);
-          --gv-link-active--bdc: var(--gv-menu-link-active--bdc, var(--gv-theme-color-light, #86c3d0));
-          --gv-link-active--bds: var(--gv-menu-link-active--bds, solid);
-          --pr: var(--gv-theme-layout--pr, 4rem);
-          --pl: var(--gv-theme-layout--pl, 4rem);
-          box-sizing: border-box;
-          display: block;
-          font-size: var(--gv-theme-font-size-s, 16px);
-          width: var(--gv-theme-layout-menu-w, 200px);
-        }
-
-        .menu-container {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-
-          background-color: var(--gv-menu--bgc, var(--gv-theme-color-dark, #28444f));
-          color: var(--gv-menu--c, var(--gv-theme-font-color-light, #ffffff));
-        }
-
-        gv-image {
-          height: 200px;
-          width: 200px;
-        }
-
-        gv-nav {
-          transition: width 250ms ease-in-out;
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-          line-height: 20px;
-          vertical-align: middle;
-          width: 100%;
-          font-size: 16px;
-        }
-      `,
-    ];
-  }
-
-  constructor() {
-    super();
-    /** @protected */
-    this._routes = [];
-  }
-
-  set routes(candidate) {
-    if (candidate) {
-      Promise.resolve(candidate).then((candidates) => {
-        if (candidates) {
-          Promise.all(candidates).then((futureRoutes) => {
-            if (!isSameRoutes(this._routes, futureRoutes)) {
-              this._routes = futureRoutes.filter((r) => r != null);
-            }
-          });
-        } else {
-          this._routes = null;
-        }
-      });
-    } else {
-      this._routes = null;
-    }
-  }
-
-  render() {
-    return html`
-      <div class="menu-container">
-        ${this.logo ? html`<gv-image .src="${this.logo}"></gv-image>` : ''}
-        <div class="nav-container">
-          <gv-nav .routes="${this._routes}" vertical></gv-nav>
-        </div>
-      </div>
-    `;
-  }
-}
-
-window.customElements.define('gv-vertical-menu', GvVerticalMenu);
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvVerticalMenu=void 0;const e=require("lit");require("../molecules/gv-nav"),require("../atoms/gv-image");const t=require("../lib/utils");class i extends e.LitElement{static get properties(){return{routes:{type:Array},_routes:{type:Array,attribute:!1},logo:{type:String}}}static get styles(){return[e.css`:host{--gv-link--c:var(--gv-menu--c, var(--gv-theme-font-color-light, #ffffff));--gv-link-active--c:var(--gv-menu--c, var(--gv-theme-font-color-light, #ffffff));--gv-link--bgc:var(--gv-menu-link--bgc, transparent);--gv-link-active--bgc:var(--gv-menu-link-active--bgc, transparent);--gv-link-active--bdw:var(--gv-menu-link-active--bdw, 0 0 0 4px);--gv-link-active--bdc:var(--gv-menu-link-active--bdc, var(--gv-theme-color-light, #86c3d0));--gv-link-active--bds:var(--gv-menu-link-active--bds, solid);--pr:var(--gv-theme-layout--pr, 4rem);--pl:var(--gv-theme-layout--pl, 4rem);box-sizing:border-box;display:block;font-size:var(--gv-theme-font-size-s,16px);width:var(--gv-theme-layout-menu-w,200px)}.menu-container{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--gv-menu--bgc,var(--gv-theme-color-dark,#28444f));color:var(--gv-menu--c,var(--gv-theme-font-color-light,#fff))}gv-image{height:200px;width:200px}gv-nav{transition:width 250ms ease-in-out;display:flex;flex-direction:column;justify-content:space-between;line-height:20px;vertical-align:middle;width:100%;font-size:16px}`]}constructor(){super(),this._routes=[]}set routes(e){e?Promise.resolve(e).then((e=>{e?Promise.all(e).then((e=>{(0,t.isSameRoutes)(this._routes,e)||(this._routes=e.filter((e=>null!=e)))})):this._routes=null})):this._routes=null}render(){return e.html`<div class="menu-container">${this.logo?e.html`<gv-image .src="${this.logo}"></gv-image>`:""}<div class="nav-container"><gv-nav .routes="${this._routes}" vertical></gv-nav></div></div>`}}exports.GvVerticalMenu=i,window.customElements.define("gv-vertical-menu",i);

package/src/policy-studio/gv-flow-step.d.ts

@@ -0,0 +1,142 @@
+declare const GvFlowStep_base: {
+    new (): {
+        [x: string]: any;
+        _onResize({ width }: {
+            width: any;
+        }): void;
+        connectedCallback(): Promise<void>;
+        _unobserveResize: (() => any) | undefined;
+        disconnectedCallback(): void;
+    };
+    [x: string]: any;
+};
+/**
+ * Flow area component
+ *
+ * @fires gv-flow-step:duplicate - Duplicate event from actions
+ * @fires gv-flow-step:delete - Delete event from actions
+ * @fires gv-flow-step:edit - Edit event
+ * @fires gv-flow-step:copy - Copy event
+ * @fires gv-flow-step:move - Move event
+ *
+ * @attr {Object<{name, icon, configuration:{description, ...}}>} step - the flow step, configuration contains form conf for gv-schema-form component
+ * @attr {Boolean} editing - true, if edition in progress
+ * @attr {Boolean} dragging - true, if dragging in progress
+ * @attr {Boolean} hover - true, if area is hover
+ * @attr {String} title - title of area, default is "content.configuration.description" if exist
+ * @attr {Boolean} empty - true, if render empty state
+ * @attr {Boolean} confirm - true, if render confirm state
+ * @attr {Boolean} disabled - true for disabled
+ * @attr {Boolean} readonly - true if readonly
+ */
+export class GvFlowStep extends GvFlowStep_base {
+    static get properties(): {
+        id: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        group: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        parent: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        step: {
+            type: ObjectConstructor;
+        };
+        policy: {
+            type: ObjectConstructor;
+        };
+        editing: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        dragging: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        hover: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        title: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        empty: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        confirm: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _small: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _confirmDelete: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _confirmDuplicate: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    empty: boolean;
+    breakpoints: {
+        width: number[];
+    };
+    onResize({ width }: {
+        width: any;
+    }): void;
+    _small: boolean | undefined;
+    _onDuplicate(): void;
+    _confirmDuplicate: boolean | undefined;
+    _onConfirmDuplicate(): void;
+    _onCancelDuplicate(): void;
+    _onClick(e: any): void;
+    _edit(): void;
+    _onMouseEnter(): void;
+    hover: boolean | undefined;
+    _onMouseLeave(): void;
+    _onDelete(): void;
+    _confirmDelete: boolean | undefined;
+    _onConfirmDelete(): void;
+    _onCancelDelete(): void;
+    updated(properties: any): void;
+    _onCancel(): void;
+    _onCopy(): void;
+    _onMove(): void;
+    _onChangeState({ detail }: {
+        detail: any;
+    }): void;
+    _renderDropdownMenu(): import("lit-html").TemplateResult<1>;
+    resetConfirm(): void;
+    confirm: boolean | undefined;
+    render(): import("lit-html").TemplateResult<1>;
+    title: any;
+}
+export class PolicyDraggable {
+    static parse(str: any): PolicyDraggable;
+    constructor(policy: any, sourcePosition: any, sourceFlowKey: any, sourceFlowId: any, flowStep: any);
+    policy: any;
+    sourcePosition: any;
+    sourceFlowKey: any;
+    sourceFlowId: any;
+    flowStep: any;
+    toString(): string;
+}
+export {};