- * For internal use only. May be renamed or removed in a future release.
- *
- * @param id element identifier that callback is for
- * @param readyCallback callback method to be informed on element ready state
- * @internal
- */
- public addReadyCallback(id: string, readyCallback: ReadyCallbackFunction) {
- this.#readyCallback.set(id, readyCallback);
- }
-
- public async disconnectedCallback() {
- if (!this.#root) {
- this.dispatchEvent(
- new CustomEvent('flow-portal-remove', {
- bubbles: true,
- cancelable: true,
- composed: true,
- detail: {
- children: this.#rendering,
- domNode: this
- }
- })
- );
- } else {
- this.#unmounting = Promise.resolve();
- await this.#unmounting;
- this.#root.unmount();
- this.#root = undefined;
- }
- this.#rootRendered = false;
- this.#rendering = undefined;
- }
-
- /**
- * A hook API for using stateful JS properties of the Web Component from
- * the React `render()`.
- *
- * @typeParam T - Type of the state value
- *
- * @param key - Web Component property name, which is used for two-way
- * value propagation from the server and back.
- * @param initialValue - Fallback initial value (optional). Only applies if
- * the Java component constructor does not invoke `setState`.
- * @returns A tuple with two values:
- * 1. The current state.
- * 2. The `set` function for changing the state and triggering render
- * @protected
- */
- protected useState
- * It recursively travels through the children of given node. This method is called for each child ,but the result of adding a child is swallowed
- *
- Your insights are incredibly valuable to us. Whether you’ve encountered a hiccup, have questions, or ideas
- to make our platform better, we're all ears! If you wish, leave your email, and we’ll get back to you. You
- can even share your code snippet with us for a clearer picture.
- ${this.message} You need to restart the server for the changes to have effect.
- Please use Visual Studio Code or
- IntelliJ IDEA for better development experience
- You have a running plugin. Enjoy your awesome development workflow!
- Installing the plugin is not required, but strongly recommended.
- Go to
-
- https://www.jrebel.com/products/jrebel/learn ${d.share}
- to get started
-
- In order to run recommended launch configuration, you should click three dots right next to Debug button and
- select Click AI is a third-party service that will receive some of your project code as context for the operation.
- * For example if you have a figma component called "AcmeCard" with a marker property `type=AcmeCard` and with two properties for customizing it: title and content,
- * you can register an importer like this:
- *
- * ```typescript
- * import type { ComponentDefinition, FigmaNode } from 'Frontend/generated/jar-resources/copilot.js';
- * import { _registerImporter } from 'Frontend/generated/jar-resources/copilot.js';
- *
- * function acmeCardImporter(node: FigmaNode): ComponentDefinition | undefined {
- * if (node.properties.type === 'AcmeCard') {
- * return {
- * tag: 'AcmeCard',
- * props: {
- * cardTitle: node.properties.title,
- * cardText: node.properties.content,
- * },
- * children: [],
- * javaClass: 'my.project.components.AcmeCard',
- * reactImports: {
- * AcmeCard: 'Frontend/components/AcmeCard',
- * },
- * };
- * }
- * }
- *
- * _registerImporter(acmeCardImporter);
- * ```
- * If you only want to support either Java or React, you can omit the `javaClass` or `reactImports` property respectively.
- *
- * The above content should be placed in a file that is imported only in development mode, for example in `src/main/frontend/figma-importer.ts`.
- * In `index.tsx` you can then place
- * ```typescript
- * // @ts-ignore
- * if (import.meta.env.DEV) {
- * import('./figma-importer');
- * }
- * ```
- *
- * Registered importers will be used before the built in importers, so you can override the built-in importers if needed.
- *
- * This method is experimental and may change in the future.
- *
- * @param importer the importer to register
- */
-export declare function _registerImporter(importer: Importer): void;
-export declare function _registerInternalImporter(importer: Importer): void;
-export declare function _getImporters(): Importer[];
-export declare function _getIcon(node: FigmaNode, enablerKey: string, iconKey: string, slot?: string | undefined): ComponentDefinition | undefined;
-export declare function renderNodesAs(htmlTag: string, nodes: Array Component: ${e.product.name} ${e.product.version}
- * Overriding closeOnOutsideClick method in order to keep overlay present while copilot is active
- * @private
- */
- onCopilotActivation() {
- const t = Array.from(document.body.children).find(
- (r) => r.localName.startsWith("vaadin") && r.localName.endsWith("-overlay")
- );
- if (!t)
- return;
- const n = this.getOwner(t);
- if (n) {
- const r = ot[n.localName];
- if (!r)
- return;
- r.hideOnActivation && r.close ? r.close(n) : document.body.style.getPropertyValue("pointer-events") === "none" && document.body.style.removeProperty("pointer-events");
- }
- }
- /**
- * Restores pointer-events state on deactivation.
- * Closes opened overlays while using copilot.
- * @private
- */
- onCopilotDeactivation() {
- this.openedOverlayOwners.forEach((n) => {
- const r = ot[n.localName];
- r && r.close && r.close(n);
- }), document.body.querySelector("vaadin-dialog-overlay") && document.body.style.setProperty("pointer-events", "none");
- }
- getOwner(t) {
- const n = t;
- return n.owner ?? n.__dataHost;
- }
- addOverlayOutsideClickEvent() {
- document.documentElement.addEventListener("vaadin-overlay-outside-click", this.overlayCloseEventListener, {
- capture: !0
- }), document.documentElement.addEventListener("vaadin-overlay-escape-press", this.overlayCloseEventListener, {
- capture: !0
- });
- }
- removeOverlayOutsideClickEvent() {
- document.documentElement.removeEventListener("vaadin-overlay-outside-click", this.overlayCloseEventListener), document.documentElement.removeEventListener("vaadin-overlay-escape-press", this.overlayCloseEventListener);
- }
- toggle(t) {
- const n = ot[t.localName];
- this.isOverlayActive(t) ? (n.close(t), this.openedOverlayOwners.delete(t)) : (n.open(t), this.openedOverlayOwners.add(t));
- }
- isOverlayActive(t) {
- const n = ot[t.localName];
- return n.active ? n.active(t) : t.hasAttribute("opened");
- }
- overlayStatus(t) {
- if (!t)
- return { visible: !1 };
- const n = t.localName;
- let r = Object.keys(lo).includes(n);
- if (!r)
- return { visible: !1 };
- const i = ot[t.localName];
- if (!i.open || !i.close)
- return { visible: !1 };
- i.hasOverlay && (r = i.hasOverlay(t));
- const o = this.isOverlayActive(t);
- return { visible: r, active: o };
- }
-}
-class po {
- constructor() {
- this.promise = new Promise((t) => {
- this.resolveInit = t;
- });
- }
- done(t) {
- this.resolveInit(t);
- }
-}
-class Sl {
- constructor() {
- this.dismissedNotifications = [], this.termsSummaryDismissed = !1, this.activationButtonPosition = null, this.paletteState = null, this.activationShortcut = !0, this.activationAnimation = !0, this.recentSwitchedUsernames = [], this.newVersionPreReleasesVisible = !1, this.aiUsageAllowed = "ask", this.sendErrorReportsAllowed = !0, this.feedbackDisplayedAtLeastOnce = !1, Ze(this), this.initializer = new po(), this.initializer.promise.then(() => {
- Qn(
- () => JSON.stringify(this),
- () => {
- te("copilot-set-machine-configuration", { conf: JSON.stringify(Tr(this)) });
- }
- );
- }), window.Vaadin.copilot.eventbus.on("copilot-machine-configuration", (t) => {
- const n = t.detail.conf;
- Object.assign(this, Tr(n)), this.initializer.done(!0), t.preventDefault();
- }), this.loadData();
- }
- loadData() {
- te("copilot-get-machine-configuration", {});
- }
- addDismissedNotification(t) {
- this.dismissedNotifications = [...this.dismissedNotifications, t];
- }
- getDismissedNotifications() {
- return this.dismissedNotifications;
- }
- clearDismissedNotifications() {
- this.dismissedNotifications = [];
- }
- setTermsSummaryDismissed(t) {
- this.termsSummaryDismissed = t;
- }
- isTermsSummaryDismissed() {
- return this.termsSummaryDismissed;
- }
- getActivationButtonPosition() {
- return this.activationButtonPosition;
- }
- setActivationButtonPosition(t) {
- this.activationButtonPosition = t;
- }
- getPaletteState() {
- return this.paletteState;
- }
- setPaletteState(t) {
- this.paletteState = t;
- }
- isActivationShortcut() {
- return this.activationShortcut;
- }
- setActivationShortcut(t) {
- this.activationShortcut = t;
- }
- isActivationAnimation() {
- return this.activationAnimation;
- }
- setActivationAnimation(t) {
- this.activationAnimation = t;
- }
- getRecentSwitchedUsernames() {
- return this.recentSwitchedUsernames;
- }
- setRecentSwitchedUsernames(t) {
- this.recentSwitchedUsernames = t;
- }
- addRecentSwitchedUsername(t) {
- this.setRecentSwitchedUsernames(ll([t, ...this.recentSwitchedUsernames]));
- }
- removeRecentSwitchedUsername(t) {
- this.setRecentSwitchedUsernames(this.recentSwitchedUsernames.filter((n) => n !== t));
- }
- getNewVersionPreReleasesVisible() {
- return this.newVersionPreReleasesVisible;
- }
- setNewVersionPreReleasesVisible(t) {
- this.newVersionPreReleasesVisible = t;
- }
- setSendErrorReportsAllowed(t) {
- this.sendErrorReportsAllowed = t;
- }
- isSendErrorReportsAllowed() {
- return this.sendErrorReportsAllowed;
- }
- setAIUsageAllowed(t) {
- this.aiUsageAllowed = t;
- }
- isAIUsageAllowed() {
- return this.aiUsageAllowed;
- }
- setFeedbackDisplayedAtLeastOnce(t) {
- this.feedbackDisplayedAtLeastOnce = t;
- }
- isFeedbackDisplayedAtLeastOnce() {
- return this.feedbackDisplayedAtLeastOnce;
- }
-}
-function Tr(e) {
- const t = { ...e };
- return delete t.initializer, t;
-}
-class Nl {
- constructor() {
- this._previewActivated = !1, this._remainingTimeInMillis = -1, this._active = !1, this._configurationLoaded = !1, Ze(this);
- }
- setConfiguration(t) {
- this._previewActivated = t.previewActivated, t.previewActivated ? this._remainingTimeInMillis = t.remainingTimeInMillis : this._remainingTimeInMillis = -1, this._active = t.active, this._configurationLoaded = !0;
- }
- get previewActivated() {
- return this._previewActivated;
- }
- get remainingTimeInMillis() {
- return this._remainingTimeInMillis;
- }
- get active() {
- return this._active;
- }
- get configurationLoaded() {
- return this._configurationLoaded;
- }
- get expired() {
- return this.previewActivated && !this.active;
- }
- reset() {
- this._previewActivated = !1, this._active = !1, this._configurationLoaded = !1, this._remainingTimeInMillis = -1;
- }
- loadPreviewConfiguration() {
- vn(`${Re}get-preview`, {}, (t) => {
- const n = t.data;
- this.setConfiguration(n);
- }).catch((t) => {
- Promise.resolve().then(() => Ac).then((n) => {
- n.handleCopilotError("Load preview configuration failed", t);
- });
- });
- }
-}
-class Cl {
- constructor() {
- this._panels = [], this._attentionRequiredPanelTag = null, this._floatingPanelsZIndexOrder = [], this.renderedPanels = /* @__PURE__ */ new Set(), this.customTags = /* @__PURE__ */ new Map(), Ze(this), this.restorePositions();
- }
- shouldRender(t) {
- return this.renderedPanels.has(t);
- }
- restorePositions() {
- const t = fe.getPanelConfigurations();
- t && (this._panels = this._panels.map((n) => {
- const r = t.find((i) => i.tag === n.tag);
- return r && (n = Object.assign(n, { ...r })), n;
- }));
- }
- /**
- * Brings a given floating panel to the front.
- *
- * @param panelTag the tag name of the panel
- */
- bringToFront(t) {
- this._floatingPanelsZIndexOrder = this._floatingPanelsZIndexOrder.filter((n) => n !== t), this.getPanelByTag(t)?.floating && this._floatingPanelsZIndexOrder.push(t);
- }
- /**
- * Returns the focused z-index of floating panel as following order
- *
- *
- * @param panelTag
- */
- getFloatingPanelZIndex(t) {
- const n = this._floatingPanelsZIndexOrder.findIndex((r) => r === t);
- return n === this._floatingPanelsZIndexOrder.length - 1 ? 50 : n === -1 ? 0 : n;
- }
- get floatingPanelsZIndexOrder() {
- return this._floatingPanelsZIndexOrder;
- }
- get attentionRequiredPanelTag() {
- return this._attentionRequiredPanelTag;
- }
- set attentionRequiredPanelTag(t) {
- this._attentionRequiredPanelTag = t;
- }
- getAttentionRequiredPanelConfiguration() {
- return this._panels.find((t) => t.tag === this._attentionRequiredPanelTag);
- }
- clearAttention() {
- this._attentionRequiredPanelTag = null;
- }
- get panels() {
- return this._panels;
- }
- addPanel(t) {
- if (this.getPanelByTag(t.tag))
- return;
- this._panels.push(t), this.restorePositions();
- const n = this.getPanelByTag(t.tag);
- if (n)
- (n.eager || n.expanded) && this.renderedPanels.add(t.tag);
- else throw new Error(`Panel configuration not found for tag ${t.tag}`);
- }
- getPanelByTag(t) {
- return this._panels.find((n) => n.tag === t);
- }
- updatePanel(t, n) {
- const r = [...this._panels], i = r.find((o) => o.tag === t);
- if (i) {
- for (const o in n)
- i[o] = n[o];
- i.expanded && this.renderedPanels.add(i.tag), n.floating === !1 && (this._floatingPanelsZIndexOrder = this._floatingPanelsZIndexOrder.filter((o) => o !== t)), this._panels = r, fe.savePanelConfigurations(this._panels);
- }
- }
- updateOrders(t) {
- const n = [...this._panels];
- n.forEach((r) => {
- const i = t.find((o) => o.tag === r.tag);
- i && (r.panelOrder = i.order);
- }), this._panels = n, fe.savePanelConfigurations(n);
- }
- removePanel(t) {
- const n = this._panels.findIndex((r) => r.tag === t);
- n < 0 || (this._panels.splice(n, 1), fe.savePanelConfigurations(this._panels));
- }
- setCustomPanelHeader(t, n) {
- this.customTags.set(t.tag, n);
- }
- getPanelHeader(t) {
- return this.customTags.get(t.tag) ?? t.header;
- }
- clearCustomPanelHeader(t) {
- this.customTags.delete(t.tag);
- }
-}
-class Pl {
- constructor() {
- this.supportsHilla = !0, this.springSecurityEnabled = !1, this.springJpaDataEnabled = !1, this.springApplication = !1, this.urlPrefix = "", Ze(this);
- }
- setSupportsHilla(t) {
- this.supportsHilla = t;
- }
- setSpringSecurityEnabled(t) {
- this.springSecurityEnabled = t;
- }
- setSpringJpaDataEnabled(t) {
- this.springJpaDataEnabled = t;
- }
- setSpringApplication(t) {
- this.springApplication = t;
- }
- setUrlPrefix(t) {
- this.urlPrefix = t;
- }
-}
-class $l {
- constructor() {
- this.palette = { components: [] }, Ze(this), this.initializer = new po(), this.initializer.promise.then(() => {
- Qn(
- () => JSON.stringify(this),
- () => {
- te("copilot-set-project-state-configuration", { conf: JSON.stringify(Ir(this)) });
- }
- );
- }), window.Vaadin.copilot.eventbus.on("copilot-project-state-configuration", (t) => {
- const n = t.detail.conf;
- Object.assign(this, Ir(n)), this.initializer.done(!0), t.preventDefault();
- }), this.loadData();
- }
- loadData() {
- te("copilot-get-project-state-configuration", {});
- }
- addPaletteCustomComponent(t) {
- return (this.palette?.components ?? []).find((i) => An(i, t)) ? !1 : (this.palette || (this.palette = { components: [] }), this.palette = JSON.parse(JSON.stringify(this.palette)), this.palette.components.push(t), !0);
- }
- removePaletteCustomComponent(t) {
- if (this.palette) {
- const n = this.palette.components.findIndex(
- (r) => An(r, t)
- );
- n > -1 && this.palette.components.splice(n, 1);
- }
- }
- updatePaletteCustomComponent(t, n) {
- if (!this.palette || !this.palette.components)
- return;
- const r = [...this.palette.components], i = r.findIndex((o) => An(o, t));
- i !== -1 && (r[i] = { ...t, ...n }), this.palette.components = r;
- }
- paletteCustomComponentExist(t, n) {
- return !this.palette || !this.palette.components ? !1 : t ? this.palette.components.findIndex(
- (r) => r.java && !r.react && r.javaClassName === t
- ) !== -1 : n ? this.palette.components.findIndex((r) => !r.java && r.react && r.template === n) !== -1 : !1;
- }
- get paletteComponents() {
- return this.palette?.components || [];
- }
-}
-function Ir(e) {
- const t = { ...e };
- return delete t.initializer, t;
-}
-function An(e, t) {
- return e.java ? t.java ? e.javaClassName === t.javaClassName : !1 : e.react && t.react ? e.template === t.template : !1;
-}
-window.Vaadin ??= {};
-window.Vaadin.copilot ??= {};
-window.Vaadin.copilot.plugins = [];
-window.Vaadin.copilot._uiState = new fl();
-window.Vaadin.copilot.eventbus = new Uo();
-window.Vaadin.copilot.overlayManager = new xl();
-window.Vaadin.copilot._machineState = new Sl();
-window.Vaadin.copilot._storedProjectState = new $l();
-window.Vaadin.copilot._previewState = new Nl();
-window.Vaadin.copilot._sectionPanelUiState = new Cl();
-window.Vaadin.copilot._earlyProjectState = new Pl();
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Dl = (e) => (t, n) => {
- n !== void 0 ? n.addInitializer(() => {
- customElements.define(e, t);
- }) : customElements.define(e, t);
-};
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Lt = globalThis, rr = Lt.ShadowRoot && (Lt.ShadyCSS === void 0 || Lt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ir = Symbol(), Vr = /* @__PURE__ */ new WeakMap();
-let vo = class {
- constructor(t, n, r) {
- if (this._$cssResult$ = !0, r !== ir) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
- this.cssText = t, this.t = n;
- }
- get styleSheet() {
- let t = this.o;
- const n = this.t;
- if (rr && t === void 0) {
- const r = n !== void 0 && n.length === 1;
- r && (t = Vr.get(n)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && Vr.set(n, t));
- }
- return t;
- }
- toString() {
- return this.cssText;
- }
-};
-const R = (e) => new vo(typeof e == "string" ? e : e + "", void 0, ir), kl = (e, ...t) => {
- const n = e.length === 1 ? e[0] : t.reduce((r, i, o) => r + ((a) => {
- if (a._$cssResult$ === !0) return a.cssText;
- if (typeof a == "number") return a;
- throw Error("Value passed to 'css' function must be a 'css' function result: " + a + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
- })(i) + e[o + 1], e[0]);
- return new vo(n, e, ir);
-}, Tl = (e, t) => {
- if (rr) e.adoptedStyleSheets = t.map((n) => n instanceof CSSStyleSheet ? n : n.styleSheet);
- else for (const n of t) {
- const r = document.createElement("style"), i = Lt.litNonce;
- i !== void 0 && r.setAttribute("nonce", i), r.textContent = n.cssText, e.appendChild(r);
- }
-}, Rr = rr ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
- let n = "";
- for (const r of t.cssRules) n += r.cssText;
- return R(n);
-})(e) : e;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { is: Il, defineProperty: Vl, getOwnPropertyDescriptor: Rl, getOwnPropertyNames: jl, getOwnPropertySymbols: Ml, getPrototypeOf: Ll } = Object, gn = globalThis, jr = gn.trustedTypes, zl = jr ? jr.emptyScript : "", Ul = gn.reactiveElementPolyfillSupport, ht = (e, t) => e, Bn = { toAttribute(e, t) {
- switch (t) {
- case Boolean:
- e = e ? zl : null;
- break;
- case Object:
- case Array:
- e = e == null ? e : JSON.stringify(e);
- }
- return e;
-}, fromAttribute(e, t) {
- let n = e;
- switch (t) {
- case Boolean:
- n = e !== null;
- break;
- case Number:
- n = e === null ? null : Number(e);
- break;
- case Object:
- case Array:
- try {
- n = JSON.parse(e);
- } catch {
- n = null;
- }
- }
- return n;
-} }, ho = (e, t) => !Il(e, t), Mr = { attribute: !0, type: String, converter: Bn, reflect: !1, useDefault: !1, hasChanged: ho };
-Symbol.metadata ??= Symbol("metadata"), gn.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let Le = class extends HTMLElement {
- static addInitializer(t) {
- this._$Ei(), (this.l ??= []).push(t);
- }
- static get observedAttributes() {
- return this.finalize(), this._$Eh && [...this._$Eh.keys()];
- }
- static createProperty(t, n = Mr) {
- if (n.state && (n.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((n = Object.create(n)).wrapped = !0), this.elementProperties.set(t, n), !n.noAccessor) {
- const r = Symbol(), i = this.getPropertyDescriptor(t, r, n);
- i !== void 0 && Vl(this.prototype, t, i);
- }
- }
- static getPropertyDescriptor(t, n, r) {
- const { get: i, set: o } = Rl(this.prototype, t) ?? { get() {
- return this[n];
- }, set(a) {
- this[n] = a;
- } };
- return { get: i, set(a) {
- const s = i?.call(this);
- o?.call(this, a), this.requestUpdate(t, s, r);
- }, configurable: !0, enumerable: !0 };
- }
- static getPropertyOptions(t) {
- return this.elementProperties.get(t) ?? Mr;
- }
- static _$Ei() {
- if (this.hasOwnProperty(ht("elementProperties"))) return;
- const t = Ll(this);
- t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
- }
- static finalize() {
- if (this.hasOwnProperty(ht("finalized"))) return;
- if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(ht("properties"))) {
- const n = this.properties, r = [...jl(n), ...Ml(n)];
- for (const i of r) this.createProperty(i, n[i]);
- }
- const t = this[Symbol.metadata];
- if (t !== null) {
- const n = litPropertyMetadata.get(t);
- if (n !== void 0) for (const [r, i] of n) this.elementProperties.set(r, i);
- }
- this._$Eh = /* @__PURE__ */ new Map();
- for (const [n, r] of this.elementProperties) {
- const i = this._$Eu(n, r);
- i !== void 0 && this._$Eh.set(i, n);
- }
- this.elementStyles = this.finalizeStyles(this.styles);
- }
- static finalizeStyles(t) {
- const n = [];
- if (Array.isArray(t)) {
- const r = new Set(t.flat(1 / 0).reverse());
- for (const i of r) n.unshift(Rr(i));
- } else t !== void 0 && n.push(Rr(t));
- return n;
- }
- static _$Eu(t, n) {
- const r = n.attribute;
- return r === !1 ? void 0 : typeof r == "string" ? r : typeof t == "string" ? t.toLowerCase() : void 0;
- }
- constructor() {
- super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
- }
- _$Ev() {
- this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t) => t(this));
- }
- addController(t) {
- (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
- }
- removeController(t) {
- this._$EO?.delete(t);
- }
- _$E_() {
- const t = /* @__PURE__ */ new Map(), n = this.constructor.elementProperties;
- for (const r of n.keys()) this.hasOwnProperty(r) && (t.set(r, this[r]), delete this[r]);
- t.size > 0 && (this._$Ep = t);
- }
- createRenderRoot() {
- const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
- return Tl(t, this.constructor.elementStyles), t;
- }
- connectedCallback() {
- this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
- }
- enableUpdating(t) {
- }
- disconnectedCallback() {
- this._$EO?.forEach((t) => t.hostDisconnected?.());
- }
- attributeChangedCallback(t, n, r) {
- this._$AK(t, r);
- }
- _$ET(t, n) {
- const r = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, r);
- if (i !== void 0 && r.reflect === !0) {
- const o = (r.converter?.toAttribute !== void 0 ? r.converter : Bn).toAttribute(n, r.type);
- this._$Em = t, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;
- }
- }
- _$AK(t, n) {
- const r = this.constructor, i = r._$Eh.get(t);
- if (i !== void 0 && this._$Em !== i) {
- const o = r.getPropertyOptions(i), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : Bn;
- this._$Em = i, this[i] = a.fromAttribute(n, o.type) ?? this._$Ej?.get(i) ?? null, this._$Em = null;
- }
- }
- requestUpdate(t, n, r) {
- if (t !== void 0) {
- const i = this.constructor, o = this[t];
- if (r ??= i.getPropertyOptions(t), !((r.hasChanged ?? ho)(o, n) || r.useDefault && r.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(i._$Eu(t, r)))) return;
- this.C(t, n, r);
- }
- this.isUpdatePending === !1 && (this._$ES = this._$EP());
- }
- C(t, n, { useDefault: r, reflect: i, wrapped: o }, a) {
- r && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, a ?? n ?? this[t]), o !== !0 || a !== void 0) || (this._$AL.has(t) || (this.hasUpdated || r || (n = void 0), this._$AL.set(t, n)), i === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
- }
- async _$EP() {
- this.isUpdatePending = !0;
- try {
- await this._$ES;
- } catch (n) {
- Promise.reject(n);
- }
- const t = this.scheduleUpdate();
- return t != null && await t, !this.isUpdatePending;
- }
- scheduleUpdate() {
- return this.performUpdate();
- }
- performUpdate() {
- if (!this.isUpdatePending) return;
- if (!this.hasUpdated) {
- if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
- for (const [i, o] of this._$Ep) this[i] = o;
- this._$Ep = void 0;
- }
- const r = this.constructor.elementProperties;
- if (r.size > 0) for (const [i, o] of r) {
- const { wrapped: a } = o, s = this[i];
- a !== !0 || this._$AL.has(i) || s === void 0 || this.C(i, void 0, o, s);
- }
- }
- let t = !1;
- const n = this._$AL;
- try {
- t = this.shouldUpdate(n), t ? (this.willUpdate(n), this._$EO?.forEach((r) => r.hostUpdate?.()), this.update(n)) : this._$EM();
- } catch (r) {
- throw t = !1, this._$EM(), r;
- }
- t && this._$AE(n);
- }
- willUpdate(t) {
- }
- _$AE(t) {
- this._$EO?.forEach((n) => n.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
- }
- _$EM() {
- this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
- }
- get updateComplete() {
- return this.getUpdateComplete();
- }
- getUpdateComplete() {
- return this._$ES;
- }
- shouldUpdate(t) {
- return !0;
- }
- update(t) {
- this._$Eq &&= this._$Eq.forEach((n) => this._$ET(n, this[n])), this._$EM();
- }
- updated(t) {
- }
- firstUpdated(t) {
- }
-};
-Le.elementStyles = [], Le.shadowRootOptions = { mode: "open" }, Le[ht("elementProperties")] = /* @__PURE__ */ new Map(), Le[ht("finalized")] = /* @__PURE__ */ new Map(), Ul?.({ ReactiveElement: Le }), (gn.reactiveElementVersions ??= []).push("2.1.0");
-const Me = Symbol("LitMobxRenderReaction"), Lr = Symbol("LitMobxRequestUpdate");
-function Bl(e, t) {
- var n, r;
- return r = class extends e {
- constructor() {
- super(...arguments), this[n] = () => {
- this.requestUpdate();
- };
- }
- connectedCallback() {
- super.connectedCallback();
- const o = this.constructor.name || this.nodeName;
- this[Me] = new t(`${o}.update()`, this[Lr]), this.hasUpdated && this.requestUpdate();
- }
- disconnectedCallback() {
- super.disconnectedCallback(), this[Me] && (this[Me].dispose(), this[Me] = void 0);
- }
- update(o) {
- this[Me] ? this[Me].track(super.update.bind(this, o)) : super.update(o);
- }
- }, n = Lr, r;
-}
-function Fl(e) {
- return Bl(e, ee);
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const or = globalThis, tn = or.trustedTypes, zr = tn ? tn.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, go = "$lit$", ue = `lit$${Math.random().toFixed(9).slice(2)}$`, mo = "?" + ue, Hl = `<${mo}>`, De = document, Et = () => De.createComment(""), Ot = (e) => e === null || typeof e != "object" && typeof e != "function", ar = Array.isArray, ql = (e) => ar(e) || typeof e?.[Symbol.iterator] == "function", xn = `[
-\f\r]`, at = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ur = /-->/g, Br = />/g, ye = RegExp(`>|${xn}(?:([^\\s"'>=/]+)(${xn}*=${xn}*(?:[^
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Fr = /'/g, Hr = /"/g, bo = /^(?:script|style|textarea|title)$/i, _o = (e) => (t, ...n) => ({ _$litType$: e, strings: t, values: n }), pe = _o(1), Vu = _o(2), he = Symbol.for("lit-noChange"), O = Symbol.for("lit-nothing"), qr = /* @__PURE__ */ new WeakMap(), Ae = De.createTreeWalker(De, 129);
-function yo(e, t) {
- if (!ar(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
- return zr !== void 0 ? zr.createHTML(t) : t;
-}
-const Kl = (e, t) => {
- const n = e.length - 1, r = [];
- let i, o = t === 2 ? "" : t === 3 ? "" : "")), r];
-};
-class At {
- constructor({ strings: t, _$litType$: n }, r) {
- let i;
- this.parts = [];
- let o = 0, a = 0;
- const s = t.length - 1, l = this.parts, [c, u] = Kl(t, n);
- if (this.el = At.createElement(c, r), Ae.currentNode = this.el.content, n === 2 || n === 3) {
- const d = this.el.content.firstChild;
- d.replaceWith(...d.childNodes);
- }
- for (; (i = Ae.nextNode()) !== null && l.length < s; ) {
- if (i.nodeType === 1) {
- if (i.hasAttributes()) for (const d of i.getAttributeNames()) if (d.endsWith(go)) {
- const v = u[a++], h = i.getAttribute(d).split(ue), b = /([.?@])?(.*)/.exec(v);
- l.push({ type: 1, index: o, name: b[2], strings: h, ctor: b[1] === "." ? Gl : b[1] === "?" ? Yl : b[1] === "@" ? Jl : mn }), i.removeAttribute(d);
- } else d.startsWith(ue) && (l.push({ type: 6, index: o }), i.removeAttribute(d));
- if (bo.test(i.tagName)) {
- const d = i.textContent.split(ue), v = d.length - 1;
- if (v > 0) {
- i.textContent = tn ? tn.emptyScript : "";
- for (let h = 0; h < v; h++) i.append(d[h], Et()), Ae.nextNode(), l.push({ type: 2, index: ++o });
- i.append(d[v], Et());
- }
- }
- } else if (i.nodeType === 8) if (i.data === mo) l.push({ type: 2, index: o });
- else {
- let d = -1;
- for (; (d = i.data.indexOf(ue, d + 1)) !== -1; ) l.push({ type: 7, index: o }), d += ue.length - 1;
- }
- o++;
- }
- }
- static createElement(t, n) {
- const r = De.createElement("template");
- return r.innerHTML = t, r;
- }
-}
-function Ye(e, t, n = e, r) {
- if (t === he) return t;
- let i = r !== void 0 ? n._$Co?.[r] : n._$Cl;
- const o = Ot(t) ? void 0 : t._$litDirective$;
- return i?.constructor !== o && (i?._$AO?.(!1), o === void 0 ? i = void 0 : (i = new o(e), i._$AT(e, n, r)), r !== void 0 ? (n._$Co ??= [])[r] = i : n._$Cl = i), i !== void 0 && (t = Ye(e, i._$AS(e, t.values), i, r)), t;
-}
-let Wl = class {
- constructor(t, n) {
- this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = n;
- }
- get parentNode() {
- return this._$AM.parentNode;
- }
- get _$AU() {
- return this._$AM._$AU;
- }
- u(t) {
- const { el: { content: n }, parts: r } = this._$AD, i = (t?.creationScope ?? De).importNode(n, !0);
- Ae.currentNode = i;
- let o = Ae.nextNode(), a = 0, s = 0, l = r[0];
- for (; l !== void 0; ) {
- if (a === l.index) {
- let c;
- l.type === 2 ? c = new tt(o, o.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (c = new Xl(o, this, t)), this._$AV.push(c), l = r[++s];
- }
- a !== l?.index && (o = Ae.nextNode(), a++);
- }
- return Ae.currentNode = De, i;
- }
- p(t) {
- let n = 0;
- for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(t, r, n), n += r.strings.length - 2) : r._$AI(t[n])), n++;
- }
-};
-class tt {
- get _$AU() {
- return this._$AM?._$AU ?? this._$Cv;
- }
- constructor(t, n, r, i) {
- this.type = 2, this._$AH = O, this._$AN = void 0, this._$AA = t, this._$AB = n, this._$AM = r, this.options = i, this._$Cv = i?.isConnected ?? !0;
- }
- get parentNode() {
- let t = this._$AA.parentNode;
- const n = this._$AM;
- return n !== void 0 && t?.nodeType === 11 && (t = n.parentNode), t;
- }
- get startNode() {
- return this._$AA;
- }
- get endNode() {
- return this._$AB;
- }
- _$AI(t, n = this) {
- t = Ye(this, t, n), Ot(t) ? t === O || t == null || t === "" ? (this._$AH !== O && this._$AR(), this._$AH = O) : t !== this._$AH && t !== he && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ql(t) ? this.k(t) : this._(t);
- }
- O(t) {
- return this._$AA.parentNode.insertBefore(t, this._$AB);
- }
- T(t) {
- this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
- }
- _(t) {
- this._$AH !== O && Ot(this._$AH) ? this._$AA.nextSibling.data = t : this.T(De.createTextNode(t)), this._$AH = t;
- }
- $(t) {
- const { values: n, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = At.createElement(yo(r.h, r.h[0]), this.options)), r);
- if (this._$AH?._$AD === i) this._$AH.p(n);
- else {
- const o = new Wl(i, this), a = o.u(this.options);
- o.p(n), this.T(a), this._$AH = o;
- }
- }
- _$AC(t) {
- let n = qr.get(t.strings);
- return n === void 0 && qr.set(t.strings, n = new At(t)), n;
- }
- k(t) {
- ar(this._$AH) || (this._$AH = [], this._$AR());
- const n = this._$AH;
- let r, i = 0;
- for (const o of t) i === n.length ? n.push(r = new tt(this.O(Et()), this.O(Et()), this, this.options)) : r = n[i], r._$AI(o), i++;
- i < n.length && (this._$AR(r && r._$AB.nextSibling, i), n.length = i);
- }
- _$AR(t = this._$AA.nextSibling, n) {
- for (this._$AP?.(!1, !0, n); t && t !== this._$AB; ) {
- const r = t.nextSibling;
- t.remove(), t = r;
- }
- }
- setConnected(t) {
- this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
- }
-}
-class mn {
- get tagName() {
- return this.element.tagName;
- }
- get _$AU() {
- return this._$AM._$AU;
- }
- constructor(t, n, r, i, o) {
- this.type = 1, this._$AH = O, this._$AN = void 0, this.element = t, this.name = n, this._$AM = i, this.options = o, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = O;
- }
- _$AI(t, n = this, r, i) {
- const o = this.strings;
- let a = !1;
- if (o === void 0) t = Ye(this, t, n, 0), a = !Ot(t) || t !== this._$AH && t !== he, a && (this._$AH = t);
- else {
- const s = t;
- let l, c;
- for (t = o[0], l = 0; l < o.length - 1; l++) c = Ye(this, s[r + l], n, l), c === he && (c = this._$AH[l]), a ||= !Ot(c) || c !== this._$AH[l], c === O ? t = O : t !== O && (t += (c ?? "") + o[l + 1]), this._$AH[l] = c;
- }
- a && !i && this.j(t);
- }
- j(t) {
- t === O ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
- }
-}
-class Gl extends mn {
- constructor() {
- super(...arguments), this.type = 3;
- }
- j(t) {
- this.element[this.name] = t === O ? void 0 : t;
- }
-}
-class Yl extends mn {
- constructor() {
- super(...arguments), this.type = 4;
- }
- j(t) {
- this.element.toggleAttribute(this.name, !!t && t !== O);
- }
-}
-class Jl extends mn {
- constructor(t, n, r, i, o) {
- super(t, n, r, i, o), this.type = 5;
- }
- _$AI(t, n = this) {
- if ((t = Ye(this, t, n, 0) ?? O) === he) return;
- const r = this._$AH, i = t === O && r !== O || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, o = t !== O && (r === O || i);
- i && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
- }
- handleEvent(t) {
- typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
- }
-}
-class Xl {
- constructor(t, n, r) {
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = n, this.options = r;
- }
- get _$AU() {
- return this._$AM._$AU;
- }
- _$AI(t) {
- Ye(this, t);
- }
-}
-const Zl = { I: tt }, Ql = or.litHtmlPolyfillSupport;
-Ql?.(At, tt), (or.litHtmlVersions ??= []).push("3.3.0");
-const ec = (e, t, n) => {
- const r = n?.renderBefore ?? t;
- let i = r._$litPart$;
- if (i === void 0) {
- const o = n?.renderBefore ?? null;
- r._$litPart$ = i = new tt(t.insertBefore(Et(), o), o, void 0, n ?? {});
- }
- return i._$AI(e), i;
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const sr = globalThis;
-let Fe = class extends Le {
- constructor() {
- super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
- }
- createRenderRoot() {
- const t = super.createRenderRoot();
- return this.renderOptions.renderBefore ??= t.firstChild, t;
- }
- update(t) {
- const n = this.render();
- this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ec(n, this.renderRoot, this.renderOptions);
- }
- connectedCallback() {
- super.connectedCallback(), this._$Do?.setConnected(!0);
- }
- disconnectedCallback() {
- super.disconnectedCallback(), this._$Do?.setConnected(!1);
- }
- render() {
- return he;
- }
-};
-Fe._$litElement$ = !0, Fe.finalized = !0, sr.litElementHydrateSupport?.({ LitElement: Fe });
-const tc = sr.litElementPolyfillSupport;
-tc?.({ LitElement: Fe });
-(sr.litElementVersions ??= []).push("4.2.0");
-class nc extends Fl(Fe) {
-}
-class rc extends nc {
- constructor() {
- super(...arguments), this.disposers = [];
- }
- /**
- * Creates a MobX reaction using the given parameters and disposes it when this element is detached.
- *
- * This should be called from `connectedCallback` to ensure that the reaction is active also if the element is attached again later.
- */
- reaction(t, n, r) {
- this.disposers.push(Qn(t, n, r));
- }
- /**
- * Creates a MobX autorun using the given parameters and disposes it when this element is detached.
- *
- * This should be called from `connectedCallback` to ensure that the reaction is active also if the element is attached again later.
- */
- autorun(t, n) {
- this.disposers.push(Mi(t, n));
- }
- disconnectedCallback() {
- super.disconnectedCallback(), this.disposers.forEach((t) => {
- t();
- }), this.disposers = [];
- }
-}
-const se = window.Vaadin.copilot._sectionPanelUiState;
-if (!se)
- throw new Error("Tried to access copilot section panel ui state before it was initialized.");
-let Ee = [];
-const Kr = [];
-function Wr(e) {
- e.init({
- addPanel: (t) => {
- se.addPanel(t);
- },
- send(t, n) {
- te(t, n);
- }
- });
-}
-function ic() {
- Ee.push(import("./copilot-log-plugin-KBXqvPJL.js")), Ee.push(import("./copilot-info-plugin-DynKc3fl.js")), Ee.push(import("./copilot-features-plugin-D1-UK7AZ.js")), Ee.push(import("./copilot-feedback-plugin-Dfl-cgB5.js")), Ee.push(import("./copilot-shortcuts-plugin-DhgbZSOC.js"));
-}
-function oc() {
- {
- const e = `https://cdn.vaadin.com/copilot/${nl}/copilot-plugins${rl}.js`;
- import(
- /* @vite-ignore */
- e
- ).catch((t) => {
- console.warn(`Unable to load plugins from ${e}. Some Copilot features are unavailable.`, t);
- });
- }
-}
-function ac() {
- Promise.all(Ee).then(() => {
- const e = window.Vaadin;
- if (e.copilot.plugins) {
- const t = e.copilot.plugins;
- e.copilot.plugins.push = (n) => Wr(n), Array.from(t).forEach((n) => {
- Kr.includes(n) || (Wr(n), Kr.push(n));
- });
- }
- }), Ee = [];
-}
-function Mu(e) {
- return Object.assign({
- expanded: !0,
- expandable: !1,
- panelOrder: 0,
- floating: !1,
- width: 500,
- height: 500,
- floatingPosition: {
- top: 50,
- left: 350
- }
- }, e);
-}
-function st() {
- return document.body.querySelector("copilot-main");
-}
-class sc {
- constructor() {
- this.active = !1, this.activate = () => {
- this.active = !0, st()?.focus(), st()?.addEventListener("focusout", this.keepFocusInCopilot);
- }, this.deactivate = () => {
- this.active = !1, st()?.removeEventListener("focusout", this.keepFocusInCopilot);
- }, this.focusInEventListener = (t) => {
- this.active && (t.preventDefault(), t.stopPropagation(), Ge(t.target) || requestAnimationFrame(() => {
- t.target.blur && t.target.blur(), st()?.focus();
- }));
- };
- }
- hostConnectedCallback() {
- const t = this.getApplicationRootElement();
- t && t instanceof HTMLElement && t.addEventListener("focusin", this.focusInEventListener);
- }
- hostDisconnectedCallback() {
- const t = this.getApplicationRootElement();
- t && t instanceof HTMLElement && t.removeEventListener("focusin", this.focusInEventListener);
- }
- getApplicationRootElement() {
- return document.body.firstElementChild;
- }
- keepFocusInCopilot(t) {
- t.preventDefault(), t.stopPropagation(), st()?.focus();
- }
-}
-const Vt = new sc(), y = window.Vaadin.copilot.eventbus;
-if (!y)
- throw new Error("Tried to access copilot eventbus before it was initialized.");
-const lt = window.Vaadin.copilot.overlayManager, Lu = {
- DragAndDrop: "Drag and Drop",
- RedoUndo: "Redo/Undo"
-}, g = window.Vaadin.copilot._uiState;
-if (!g)
- throw new Error("Tried to access copilot ui state before it was initialized.");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const wo = { CHILD: 2, ELEMENT: 6 }, Eo = (e) => (...t) => ({ _$litDirective$: e, values: t });
-class Oo {
- constructor(t) {
- }
- get _$AU() {
- return this._$AM._$AU;
- }
- _$AT(t, n, r) {
- this._$Ct = t, this._$AM = n, this._$Ci = r;
- }
- _$AS(t, n) {
- return this.update(t, n);
- }
- update(t, n) {
- return this.render(...n);
- }
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class Fn extends Oo {
- constructor(t) {
- if (super(t), this.it = O, t.type !== wo.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
- }
- render(t) {
- if (t === O || t == null) return this._t = void 0, this.it = t;
- if (t === he) return t;
- if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
- if (t === this.it) return this._t;
- this.it = t;
- const n = [t];
- return n.raw = n, this._t = { _$litType$: this.constructor.resultType, strings: n, values: [] };
- }
-}
-Fn.directiveName = "unsafeHTML", Fn.resultType = 1;
-const lc = Eo(Fn), nt = window.Vaadin.copilot._machineState;
-if (!nt)
- throw new Error("Trying to use stored machine state before it was initialized");
-const cc = 5e3;
-let Gr = 1;
-function Ao(e) {
- g.notifications.includes(e) && (e.dontShowAgain && e.dismissId && uc(e.dismissId), g.removeNotification(e), y.emit("notification-dismissed", e));
-}
-function xo(e) {
- return nt.getDismissedNotifications().includes(e);
-}
-function uc(e) {
- xo(e) || nt.addDismissedNotification(e);
-}
-function dc(e) {
- return !(e.dismissId && (xo(e.dismissId) || g.notifications.find((t) => t.dismissId === e.dismissId)));
-}
-function So() {
- return Co() ? pe`
-
-
${n} ${So()}`), r.delay = 3e4), hn(r);
- let i;
- t instanceof Error ? i = t.stack : Sn(t) ? i = t?.exceptionStacktrace?.join(`
-`) : i = t?.toString(), y.emit("system-info-with-callback", {
- callback: (o) => y.send("copilot-error", {
- message: `Copilot internal error: ${e}`,
- details: i,
- versions: o
- }),
- notify: !1
- });
-}
-function Jr(e) {
- return e?.stack?.includes("cdn.vaadin.com/copilot") || e?.stack?.includes("/copilot/copilot/") || e?.stack?.includes("/copilot/copilot-private/");
-}
-function Do() {
- const e = window.onerror;
- window.onerror = (n, r, i, o, a) => {
- if (Jr(a)) {
- le(n.toString(), a);
- return;
- }
- e && e(n, r, i, o, a);
- }, Xa((n) => {
- Jr(n) && le("", n);
- });
- const t = window.Vaadin.ConsoleErrors;
- Array.isArray(t) && Hn.push(...t), ko((n) => Hn.push(n));
-}
-function wc(e, t, n, r, i, o) {
- const a = { ...e }, s = window.Vaadin.copilot.tree, l = window.Vaadin.copilot.customComponentHandler;
- a.nodes.forEach((d) => {
- d.node = s.allNodesFlat.find((v) => {
- if (!v.isFlowComponent)
- return !1;
- const h = v.node;
- return h.uiId === d.uiId && h.nodeId === d.nodeId;
- });
- });
- const c = [];
- n && c.push(`Error Message -> ${n}`), r && c.push(`Error Details -> ${r}`), c.push(
- `Active Level -> ${l.getActiveDrillDownContext() ? l.getActiveDrillDownContext()?.nameAndIdentifier : "No active level"}`
- ), a.nodes.length > 0 && (c.push(`
-Relevant Nodes:`), a.nodes.forEach((d) => {
- c.push(`${d.relevance} -> ${d.node?.nameAndIdentifier ?? "Node not found"}`);
- })), a.relevantPairs.length > 0 && (c.push(`
-Additional Info:`), a.relevantPairs.forEach((d) => {
- c.push(`${d.relevance} -> ${d.value}`);
- }));
- const u = {
- name: "Info",
- content: c.join(`
-`)
- };
- a.items.unshift(u), i && a.items.push({
- name: "Stacktrace",
- content: i
- }), y.emit("system-info-with-callback", {
- callback: (d) => {
- a.items.push({
- name: "Versions",
- content: d
- }), t(a);
- },
- notify: !1
- });
-}
-const Hn = [];
-function ko(e) {
- const t = window.Vaadin.ConsoleErrors;
- window.Vaadin.ConsoleErrors = {
- push: (n) => {
- n[0].type !== void 0 && n[0].message !== void 0 ? e({
- type: n[0].type,
- message: n[0].message,
- internal: !!n[0].internal,
- details: n[0].details,
- link: n[0].link
- }) : e({ type: Ve.ERROR, message: n.map((r) => Ec(r)).join(" "), internal: !1 }), t.push(n);
- }
- };
-}
-function Ec(e) {
- return e.message ? e.message.toString() : e.toString();
-}
-function Oc(e) {
- hn({
- type: Ve.ERROR,
- message: `Unable to ${e}`,
- details: "Could not find sources for React components, probably because the project is not a React (or Flow) project"
- });
-}
-const Ac = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
- __proto__: null,
- catchErrors: ko,
- consoleErrorsQueue: Hn,
- handleBrowserOperationError: yc,
- handleCopilotError: le,
- handleErrorDuringOperation: mc,
- handleServerOperationErrorIfNeeded: bc,
- installErrorHandlers: Do,
- showNotReactFlowProject: Oc
-}, Symbol.toStringTag, { value: "Module" })), To = () => {
- xc().then((e) => g.setUserInfo(e)).catch((e) => le("Failed to load userInfo", e));
-}, xc = async () => vn(`${Re}get-user-info`, {}, (e) => (delete e.data.reqId, e.data));
-y.on("copilot-prokey-received", (e) => {
- To(), e.preventDefault();
-});
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Io = Symbol.for(""), Sc = (e) => {
- if (e?.r === Io) return e?._$litStatic$;
-}, Vo = (e) => ({ _$litStatic$: e, r: Io }), Xr = /* @__PURE__ */ new Map(), Nc = (e) => (t, ...n) => {
- const r = n.length;
- let i, o;
- const a = [], s = [];
- let l, c = 0, u = !1;
- for (; c < r; ) {
- for (l = t[c]; c < r && (o = n[c], (i = Sc(o)) !== void 0); ) l += i + t[++c], u = !0;
- c !== r && s.push(o), a.push(l), c++;
- }
- if (c === r && a.push(t[r]), u) {
- const d = a.join("$$lit$$");
- (t = Xr.get(d)) === void 0 && (a.raw = a, Xr.set(d, t = a)), n = s;
- }
- return e(t, ...n);
-}, gt = Nc(pe);
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { I: Cc } = Zl, Uu = (e) => e.strings === void 0, Zr = () => document.createComment(""), ct = (e, t, n) => {
- const r = e._$AA.parentNode, i = t === void 0 ? e._$AB : t._$AA;
- if (n === void 0) {
- const o = r.insertBefore(Zr(), i), a = r.insertBefore(Zr(), i);
- n = new Cc(o, a, e, e.options);
- } else {
- const o = n._$AB.nextSibling, a = n._$AM, s = a !== e;
- if (s) {
- let l;
- n._$AQ?.(e), n._$AM = e, n._$AP !== void 0 && (l = e._$AU) !== a._$AU && n._$AP(l);
- }
- if (o !== i || s) {
- let l = n._$AA;
- for (; l !== o; ) {
- const c = l.nextSibling;
- r.insertBefore(l, i), l = c;
- }
- }
- }
- return n;
-}, we = (e, t, n = e) => (e._$AI(t, n), e), Pc = {}, $c = (e, t = Pc) => e._$AH = t, Dc = (e) => e._$AH, Nn = (e) => {
- e._$AP?.(!1, !0);
- let t = e._$AA;
- const n = e._$AB.nextSibling;
- for (; t !== n; ) {
- const r = t.nextSibling;
- t.remove(), t = r;
- }
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Qr = (e, t, n) => {
- const r = /* @__PURE__ */ new Map();
- for (let i = t; i <= n; i++) r.set(e[i], i);
- return r;
-}, Ro = Eo(class extends Oo {
- constructor(e) {
- if (super(e), e.type !== wo.CHILD) throw Error("repeat() can only be used in text expressions");
- }
- dt(e, t, n) {
- let r;
- n === void 0 ? n = t : t !== void 0 && (r = t);
- const i = [], o = [];
- let a = 0;
- for (const s of e) i[a] = r ? r(s, a) : a, o[a] = n(s, a), a++;
- return { values: o, keys: i };
- }
- render(e, t, n) {
- return this.dt(e, t, n).values;
- }
- update(e, [t, n, r]) {
- const i = Dc(e), { values: o, keys: a } = this.dt(t, n, r);
- if (!Array.isArray(i)) return this.ut = a, o;
- const s = this.ut ??= [], l = [];
- let c, u, d = 0, v = i.length - 1, h = 0, b = o.length - 1;
- for (; d <= v && h <= b; ) if (i[d] === null) d++;
- else if (i[v] === null) v--;
- else if (s[d] === a[h]) l[h] = we(i[d], o[h]), d++, h++;
- else if (s[v] === a[b]) l[b] = we(i[v], o[b]), v--, b--;
- else if (s[d] === a[b]) l[b] = we(i[d], o[b]), ct(e, l[b + 1], i[d]), d++, b--;
- else if (s[v] === a[h]) l[h] = we(i[v], o[h]), ct(e, i[d], i[v]), v--, h++;
- else if (c === void 0 && (c = Qr(a, h, b), u = Qr(s, d, v)), c.has(s[d])) if (c.has(s[v])) {
- const E = u.get(a[h]), S = E !== void 0 ? i[E] : null;
- if (S === null) {
- const Y = ct(e, i[d]);
- we(Y, o[h]), l[h] = Y;
- } else l[h] = we(S, o[h]), ct(e, i[d], S), i[E] = null;
- h++;
- } else Nn(i[v]), v--;
- else Nn(i[d]), d++;
- for (; h <= b; ) {
- const E = ct(e, l[b + 1]);
- we(E, o[h]), l[h++] = E;
- }
- for (; d <= v; ) {
- const E = i[d++];
- E !== null && Nn(E);
- }
- return this.ut = a, $c(e, l), he;
- }
-}), zt = /* @__PURE__ */ new Map(), kc = (e) => {
- const n = se.panels.filter((r) => !r.floating && r.panel === e).sort((r, i) => r.panelOrder - i.panelOrder);
- return gt`
- ${Ro(
- n,
- (r) => r.tag,
- (r) => {
- const i = Vo(r.tag);
- return gt` true, it means that given node is a route container so adding it to tree should be skipped
- *
- * @param node Node to check whether it is a route container or not
- * @param parentNode Parent of the given {@link node}
- */
- async handleRouteContainers(t, n) {
- const r = Pr(t);
- if (!r && ol(t)) {
- const i = en(t);
- if (i && i.nextElementSibling)
- return await this.addToTree(i.nextElementSibling, n), !0;
- }
- if (r && t.localName === "react-router-outlet") {
- for (const i of Array.from(t.children)) {
- const o = Qt(i);
- o && await this.addToTree(o, n);
- }
- return !0;
- }
- return !1;
- }
- includeReactNode(t) {
- return ft(t) === "PreconfiguredAuthProvider" || ft(t) === "RouterProvider" ? !1 : Cr(t) || tl(t);
- }
- async includeFlowNode(t) {
- return al(t) || On(t)?.hiddenByServer ? !1 : this.isInitializedInProjectSources(t);
- }
- async isInitializedInProjectSources(t) {
- const n = On(t);
- if (!n)
- return !1;
- const { nodeId: r, uiId: i } = n;
- if (!this.flowNodesInSource[i]) {
- const o = await vn("copilot-get-component-source-info", { uiId: i }, (a) => a.data);
- o.error && le("Failed to get component source info", o.error), this.flowCustomComponentData[i] = o.customComponentResponse, this.flowNodesInSource[i] = new Set(o.nodeIdsInProject);
- }
- return this.flowNodesInSource[i].has(r);
- }
- /**
- * Adds the given element into the tree and returns the result when added.
- *
- ${u()}`
- ) : s = t;
- }
- h({
- type: m.INFORMATION,
- message: `“${a.title}” ${o ? "enabled" : "disabled"}`,
- details: s,
- dismissId: `feature${a.id}${o ? "Enabled" : "Disabled"}`
- }), v();
- } else
- n.log("error", `Unable to toggle feature ${a.title}: No server connection available`);
- }
-};
-p = y([
- b("copilot-features-panel")
-], p);
-const I = {
- header: "Features",
- expanded: !1,
- panelOrder: 35,
- panel: "right",
- floating: !1,
- tag: "copilot-features-panel",
- helpUrl: "https://vaadin.com/docs/latest/flow/configuration/feature-flags"
-}, O = {
- init(e) {
- e.addPanel(I);
- }
-};
-window.Vaadin.copilot.plugins.push(O);
-export {
- p as CopilotFeaturesPanel
-};
diff --git a/src/main/frontend/generated/jar-resources/copilot/copilot-feedback-plugin-Dfl-cgB5.js b/src/main/frontend/generated/jar-resources/copilot/copilot-feedback-plugin-Dfl-cgB5.js
deleted file mode 100644
index ac38a66..0000000
--- a/src/main/frontend/generated/jar-resources/copilot/copilot-feedback-plugin-Dfl-cgB5.js
+++ /dev/null
@@ -1,217 +0,0 @@
-import { F as c, j as d, b as h, x as g, a2 as u, s as v, P as f, H as m, u as k } from "./copilot-CP3-W7yE.js";
-import { r as s } from "./state-C3WY-pqX.js";
-import { m as w, e as $ } from "./overlay-monkeypatch-DEOgVcvl.js";
-import { B as x } from "./base-panel-Ckfoxxex.js";
-import { i as A } from "./icons-DVw-r69H.js";
-const P = "copilot-feedback-panel{display:flex;flex-direction:column;font:var(--font-xsmall);gap:var(--space-200);padding:var(--space-150)}copilot-feedback-panel>p{margin:0}copilot-feedback-panel .dialog-footer{display:flex;gap:var(--space-100)}copilot-feedback-panel :is(vaadin-select,vaadin-text-area,vaadin-email-field){padding:0}copilot-feedback-panel :is(vaadin-select,vaadin-text-area,vaadin-email-field)::part(input-field),copilot-feedback-panel vaadin-select-value-button{padding:0}copilot-feedback-panel vaadin-select::part(toggle-button){align-items:center;display:flex;height:var(--size-m);justify-content:center;width:var(--size-m)}copilot-feedback-panel vaadin-text-area textarea{line-height:var(--line-height-1);padding:calc((var(--size-m) - var(--line-height-1)) / 2) var(--space-100)}copilot-feedback-panel vaadin-text-area:hover::part(input-field){background:none}copilot-feedback-panel vaadin-email-field input{padding:0 var(--space-100)}copilot-feedback-panel>*::part(label){font-weight:var(--font-weight-medium);line-height:var(--line-height-1);margin:0;padding:0 var(--space-150) var(--space-50) 0}copilot-feedback-panel>*::part(helper-text){line-height:var(--line-height-1);margin:0}";
-var F = Object.defineProperty, T = Object.getOwnPropertyDescriptor, o = (e, t, n, l) => {
- for (var a = l > 1 ? void 0 : l ? T(t, n) : t, p = e.length - 1, r; p >= 0; p--)
- (r = e[p]) && (a = (l ? r(t, n, a) : r(a)) || a);
- return l && a && F(t, n, a), a;
-};
-const D = "https://github.com/vaadin", b = "https://github.com/vaadin/copilot/issues/new", E = "?template=feature_request.md&title=%5BFEATURE%5D", U = "A short, concise description of the bug and why you consider it a bug. Any details like exceptions and logs can be helpful as well.", C = "Please provide as many details as possible, this will help us deliver a fix as soon as possible.%0AThank you!%0A%0A%23%23%23 Description of the Bug%0A%0A{description}%0A%0A%23%23%23 Expected Behavior%0A%0AA description of what you would expect to happen. (Sometimes it is clear what the expected outcome is if something does not work, other times, it is not super clear.)%0A%0A%23%23%23 Minimal Reproducible Example%0A%0AWe would appreciate the minimum code with which we can reproduce the issue.%0A%0A%23%23%23 Versions%0A{versionsInfo}";
-let i = class extends x {
- constructor() {
- super(), this.description = "", this.types = [
- {
- label: "Generic feedback",
- value: "feedback",
- ghTitle: ""
- },
- {
- label: "Report a bug",
- value: "bug",
- ghTitle: "[BUG]"
- },
- {
- label: "Ask a question",
- value: "question",
- ghTitle: "[QUESTION]"
- },
- {
- label: "Share an idea",
- value: "idea",
- ghTitle: "[FEATURE]"
- }
- ], this.type = this.types[0].value, this.topics = [
- {
- label: "Generic",
- value: "platform"
- },
- {
- label: "Flow",
- value: "flow"
- },
- {
- label: "Hilla",
- value: "hilla"
- },
- {
- label: "Copilot",
- value: "copilot"
- }
- ], this.topic = this.topics[0].value;
- }
- render() {
- return c`${this.renderContent()}${this.renderFooter()}`;
- }
- firstUpdated() {
- w(this);
- }
- renderContent() {
- return this.message === void 0 ? c`
-
- `;
- }
- renderJRebelNotInstalledContent() {
- return r`
- The files have been created
-
- `;
- }
- renderDevWorkflowSection() {
- const e = g(), t = this.getIdePluginLabelText(p.idePluginState), n = this.getHotswapAgentLabelText(e);
- return a`
-
- ${t.map(
- (o) => a`
-
- ${this.renderDevelopmentWorkflowButton()}
-
-
- `
- )}
- ${this.renderDevWorkflowSection()}
-
-
- ${c() !== "unsupported" ? a`
- ` : E}
- `;
- }
- renderDevelopmentWorkflowButton() {
- const e = C();
- let t = "", n = null, i = "";
- return e.status === "success" ? (t = "success", n = d.check, i = "Details") : e.status === "warning" ? (t = "warning", n = d.lightning, i = "Improve Development Workflow") : e.status === "error" && (t = "error", n = d.alertCircle, i = "Fix Development Workflow"), a`
-
- `;
- }
- getHotswapAgentLabelText(e) {
- return e === "success" ? "Java Hotswap is enabled" : e === "error" ? "Hotswap is partially enabled" : "Hotswap is disabled";
- }
- getIdePluginLabelText(e) {
- if (c() !== "success")
- return "Not installed";
- if (e?.version) {
- let t = null;
- return e?.ide && (e?.ide === "intellij" ? t = "IntelliJ" : e?.ide === "vscode" ? t = "VS Code" : e?.ide === "eclipse" && (t = "Eclipse")), t ? `${e?.version} ${t}` : e?.version;
- }
- return "Not installed";
- }
- renderValue(e) {
- return e === "false" ? f(!1, "False") : e === "true" ? f(!0, "True") : e;
- }
- getInfoForClipboard(e) {
- const t = this.renderRoot.querySelectorAll(".items-start dt"), o = Array.from(t).map((s) => ({
- key: s.textContent.trim(),
- value: s.nextElementSibling.textContent.trim()
- })).filter((s) => s.key !== "Live reload").filter((s) => !s.key.startsWith("Vaadin Emplo")).map((s) => {
- const { key: l } = s;
- let { value: r } = s;
- if (l === "IDE Plugin")
- r = this.getIdePluginLabelText(p.idePluginState) ?? "false";
- else if (l === "Java Hotswap") {
- const y = p.jdkInfo?.jrebel, m = g();
- y && m === "success" ? r = "JRebel is in use" : r = this.getHotswapAgentLabelText(m);
- } else l === "Vaadin" && r.indexOf(`
-`) !== -1 && (r = r.substring(0, r.indexOf(`
-`)));
- return `${l}: ${r}`;
- }).join(`
-`);
- return e && P({
- type: D.INFORMATION,
- message: "Environment information copied to clipboard",
- dismissId: "versionInfoCopied"
- }), o.trim();
- }
-};
-v([
- x()
-], u.prototype, "serverInfo", 2);
-v([
- x()
-], u.prototype, "clientInfo", 2);
-u = v([
- w("copilot-info-panel")
-], u);
-let b = class extends A {
- createRenderRoot() {
- return this;
- }
- connectedCallback() {
- super.connectedCallback(), this.style.display = "flex";
- }
- render() {
- return a` `;
- }
-};
-b = v([
- w("copilot-info-actions")
-], b);
-const B = {
- header: "Info",
- expanded: !1,
- panelOrder: 15,
- panel: "right",
- floating: !1,
- tag: "copilot-info-panel",
- actionsTag: "copilot-info-actions",
- eager: !0
- // Render even when collapsed as error handling depends on this
-}, W = {
- init(e) {
- e.addPanel(B);
- }
-};
-window.Vaadin.copilot.plugins.push(W);
-function f(e, t) {
- return e ? a`${d.check}` : a`${d.x}`;
-}
-export {
- b as Actions,
- u as CopilotInfoPanel
-};
diff --git a/src/main/frontend/generated/jar-resources/copilot/copilot-init-step2-BPNbONJq.js b/src/main/frontend/generated/jar-resources/copilot/copilot-init-step2-BPNbONJq.js
deleted file mode 100644
index 1488b6d..0000000
--- a/src/main/frontend/generated/jar-resources/copilot/copilot-init-step2-BPNbONJq.js
+++ /dev/null
@@ -1,3456 +0,0 @@
-import { u as y, v as A, w as Z, b as u, j as l, C as X, x as p, y as Me, z as C, A as Q, B as _, O as ue, D as $, F as r, G as ge, H as Ge, I as Ke, J as te, K as we, E as g, L as Ze, k as fe, l as Qe, P as et, N as tt, V as it, Q as _e, R as S, S as h, T as nt, U as O, M as T, W as ot, X as W, Y as st, Z as ye, _ as Oe, $ as at, a0 as rt, a1 as lt, a2 as dt, a3 as ct, a4 as pt, a5 as ht, a6 as ut, a7 as Te, a8 as gt, a9 as ft, aa as mt, ab as vt, ac as He, ad as bt, ae as me, af as wt, ag as yt } from "./copilot-CP3-W7yE.js";
-import { n as z, r as v } from "./state-C3WY-pqX.js";
-import { e as H, m as ee } from "./overlay-monkeypatch-DEOgVcvl.js";
-import { i as d } from "./icons-DVw-r69H.js";
-import { e as R, c as xt } from "./early-project-state-DgrvrTky.js";
-const Pt = 1, xe = 36, It = 18;
-function At(e, t) {
- if (e.length === 0)
- return;
- const i = Ct(e, t);
- for (const n in e)
- e[n].style.setProperty("--content-height", `${i[n]}px`);
-}
-function Ct(e, t) {
- const i = e.length, n = e.filter((s) => s.panelInfo && s.panelInfo.expanded).length, o = i - n;
- return e.map((s) => {
- const a = s.panelInfo;
- return a && !a.expanded ? xe : (t.offsetHeight - (t.position === "bottom" ? It : 0) - o * xe - i * Pt) / n;
- });
-}
-var $t = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, U = (e, t, i, n) => {
- for (var o = n > 1 ? void 0 : n ? kt(t, i) : t, s = e.length - 1, a; s >= 0; s--)
- (a = e[s]) && (o = (n ? a(t, i, o) : a(o)) || o);
- return n && o && $t(t, i, o), o;
-};
-const ie = "data-drag-initial-index", J = "data-drag-final-index";
-let D = class extends A {
- constructor() {
- super(...arguments), this.position = "right", this.opened = !1, this.keepOpen = !1, this.resizing = !1, this.closingForcefully = !1, this.draggingSectionPanel = null, this.panelCountChanged = Z(() => {
- this.refreshSplit();
- }, 100), this.documentMouseUpListener = () => {
- this.resizing && u.emit("user-select", { allowSelection: !0 }), this.resizing = !1, l.setDrawerResizing(!1), this.removeAttribute("resizing");
- }, this.resizingMouseMoveListener = (e) => {
- if (!this.resizing)
- return;
- const { x: t, y: i } = e;
- e.stopPropagation(), e.preventDefault(), requestAnimationFrame(() => {
- let n;
- if (this.position === "right") {
- const o = document.body.clientWidth - t;
- this.style.setProperty("--size", `${o}px`), X.saveDrawerSize(this.position, o), n = { width: o };
- } else if (this.position === "left") {
- const o = t;
- this.style.setProperty("--size", `${o}px`), X.saveDrawerSize(this.position, o), n = { width: o };
- } else if (this.position === "bottom") {
- const o = document.body.clientHeight - i;
- this.style.setProperty("--size", `${o}px`), X.saveDrawerSize(this.position, o), n = { height: o };
- }
- this.setActualSize(), p.panels.filter((o) => !o.floating && o.panel === this.position).forEach((o) => {
- p.updatePanel(o.tag, n);
- });
- });
- }, this.sectionPanelDraggingStarted = (e, t) => {
- this.draggingSectionPanel = e, u.emit("user-select", { allowSelection: !1 }), this.draggingSectionPointerStartY = t.clientY, e.toggleAttribute("dragging", !0), e.style.zIndex = "1000", Array.from(this.querySelectorAll("copilot-section-panel-wrapper")).forEach((i, n) => {
- i.setAttribute(ie, `${n}`);
- }), document.addEventListener("mousemove", this.sectionPanelDragging), document.addEventListener("mouseup", this.sectionPanelDraggingFinished);
- }, this.sectionPanelDragging = (e) => {
- if (!this.draggingSectionPanel)
- return;
- const { clientX: t, clientY: i } = e;
- if (!Me(this.getBoundingClientRect(), t, i)) {
- this.cleanUpDragging();
- return;
- }
- const n = i - this.draggingSectionPointerStartY;
- this.draggingSectionPanel.style.transform = `translateY(${n}px)`, this.updateSectionPanelPositionsWhileDragging();
- }, this.sectionPanelDraggingFinished = () => {
- if (!this.draggingSectionPanel)
- return;
- u.emit("user-select", { allowSelection: !0 });
- const e = this.getAllPanels().filter(
- (t) => t.hasAttribute(J) && t.panelInfo?.panelOrder !== Number.parseInt(t.getAttribute(J), 10)
- ).map((t) => ({
- tag: t.panelTag,
- order: Number.parseInt(t.getAttribute(J), 10)
- }));
- this.cleanUpDragging(), p.updateOrders(e), document.removeEventListener("mouseup", this.sectionPanelDraggingFinished), document.removeEventListener("mousemove", this.sectionPanelDragging), this.refreshSplit();
- }, this.updateSectionPanelPositionsWhileDragging = () => {
- const e = this.draggingSectionPanel.getBoundingClientRect().height;
- this.getAllPanels().sort((t, i) => {
- const n = t.getBoundingClientRect(), o = i.getBoundingClientRect(), s = (n.top + n.bottom) / 2, a = (o.top + o.bottom) / 2;
- return s - a;
- }).forEach((t, i) => {
- if (t.setAttribute(J, `${i}`), t.panelTag !== this.draggingSectionPanel?.panelTag) {
- const n = Number.parseInt(t.getAttribute(ie), 10);
- n > i ? t.style.transform = `translateY(${-e}px)` : n < i ? t.style.transform = `translateY(${e}px)` : t.style.removeProperty("transform");
- }
- });
- }, this.panelExpandedListener = (e) => {
- this.querySelector(`copilot-section-panel-wrapper[paneltag="${e.detail.panelTag}"]`) && this.refreshSplit();
- }, this.setActualSize = () => {
- let e = this.offsetWidth;
- this.position === "bottom" && (e = this.offsetHeight), this.style.setProperty("--actual-size", `calc(${e}px - var(--hover-size))`);
- };
- }
- static get styles() {
- return [
- C(Q),
- _`
- :host {
- --size: 350px;
- --actual-size: 350px;
- --min-size: 20%;
- --max-size: 80%;
- --default-content-height: 300px;
- --transition-duration: var(--duration-2);
- --opening-delay: var(--duration-2);
- --closing-delay: var(--duration-3);
- --hover-size: 18px;
- position: absolute;
- z-index: var(--z-index-drawer);
- transition: translate var(--transition-duration) var(--closing-delay);
- }
-
- :host(:is([bounce][position='left'])) .drawer-indicator {
- animation: bounceLeft 0.5s ease-out;
- }
-
- :host(:is([bounce][position='right'])) .drawer-indicator {
- animation: bounceRight 0.5s ease-out;
- }
-
- :host(:is([bounce][position='bottom'])) .drawer-indicator {
- animation: bounceBottom 0.5s ease-out;
- }
-
- :host(:is([position='left'], [position='right'])) {
- width: var(--size);
- min-width: var(--min-size);
- max-width: var(--max-size);
- top: 0;
- bottom: 0;
- }
-
- :host([position='left']) {
- left: calc(0px - var(--actual-size));
- translate: 0% 0%;
- padding-right: var(--hover-size);
- }
-
- :host([position='right']) {
- right: calc(0px - var(--actual-size));
- translate: 0% 0%;
- padding-left: var(--hover-size);
- }
-
- :host([position='bottom']) {
- height: var(--size);
- min-height: var(--min-size);
- max-height: var(--max-size);
- bottom: calc(0px - var(--actual-size));
- left: 0;
- right: 0;
- translate: 0% 0%;
- padding-top: var(--hover-size);
- }
-
- /* The visible container. Needed to have extra space for hover and resize handle outside it. */
-
- .container {
- display: flex;
- flex-direction: column;
- box-sizing: border-box;
- height: 100%;
- background: var(--background-color);
- -webkit-backdrop-filter: var(--surface-backdrop-filter);
- backdrop-filter: var(--surface-backdrop-filter);
- overflow-y: auto;
- overflow-x: hidden;
- box-shadow: var(--surface-box-shadow-2);
- transition:
- opacity var(--transition-duration) var(--closing-delay),
- visibility calc(var(--transition-duration) * 2) var(--closing-delay);
- opacity: 0;
- /* For accessibility (restored when open) */
- visibility: hidden;
- }
-
- :host([position='left']) .container {
- border-right: 1px solid var(--surface-border-color);
- }
-
- :host([position='right']) .container {
- border-left: 1px solid var(--surface-border-color);
- }
-
- :host([position='bottom']) .container {
- border-top: 1px solid var(--surface-border-color);
- }
-
- /* Opened state */
-
- :host([position='left']:is([opened], [keepopen])) {
- translate: calc(100% - var(--hover-size)) 0%;
- }
- :host([position='right']:is([opened], [keepopen])) {
- translate: calc(-100% + var(--hover-size)) 0%;
- }
- :host([position='bottom']:is([opened], [keepopen])) {
- translate: 0 calc(-100% + var(--hover-size));
- }
-
- :host(:is([opened], [keepopen])) {
- transition-delay: var(--opening-delay);
- z-index: var(--z-index-opened-drawer);
- }
-
- :host(:is([opened], [keepopen])) .container {
- transition-delay: var(--opening-delay);
- visibility: visible;
- opacity: 1;
- }
-
- .drawer-indicator {
- align-items: center;
- border-radius: 9999px;
- box-shadow: inset 0 0 0 1px hsl(0 0% 0% / 0.2);
- color: white;
- display: flex;
- height: 1.75rem;
- justify-content: center;
- overflow: hidden;
- opacity: 1;
- position: absolute;
- transition-delay: 0.5s;
- transition-duration: 0.2s;
- transition-property: opacity;
- width: 1.75rem;
- }
-
- .drawer-indicator::before {
- animation: 5s swirl linear infinite;
- animation-play-state: running;
- background-image:
- radial-gradient(circle at 50% -10%, hsl(221 100% 55% / 0.6) 0%, transparent 60%),
- radial-gradient(circle at 25% 40%, hsl(303 71% 64%) 0%, transparent 70%),
- radial-gradient(circle at 80% 10%, hsla(262, 38%, 9%, 0.5) 0%, transparent 80%),
- radial-gradient(circle at 110% 50%, hsla(147, 100%, 77%, 1) 20%, transparent 100%);
- content: '';
- inset: 0;
- opacity: 1;
- position: absolute;
- transition: opacity 0.5s;
- }
-
- :host([attention-required]) .drawer-indicator::before {
- background-image:
- radial-gradient(circle at 50% -10%, hsl(0deg 100% 55% / 60%) 0%, transparent 60%),
- radial-gradient(circle at 25% 40%, hsl(0deg 71% 64%) 0%, transparent 70%),
- radial-gradient(circle at 80% 10%, hsl(0deg 38% 9% / 50%) 0%, transparent 80%),
- radial-gradient(circle at 110% 50%, hsl(0deg 100% 77%) 20%, transparent 100%);
- }
-
- :host([opened]) .drawer-indicator {
- opacity: 0;
- transition-delay: 0s;
- }
-
- .drawer-indicator svg {
- height: 0.75rem;
- width: 0.75rem;
- z-index: 1;
- }
-
- :host([position='right']) .drawer-indicator {
- left: 0.25rem;
- top: calc(50% - 0.875rem);
- }
-
- :host([position='right']) .drawer-indicator svg {
- margin-inline-start: -0.625rem;
- transform: rotate(-90deg);
- }
-
- :host([position='left']) .drawer-indicator {
- right: 0.25rem;
- top: calc(50% - 0.875rem);
- }
-
- :host([position='left']) .drawer-indicator svg {
- margin-inline-end: -0.625rem;
- transform: rotate(90deg);
- }
-
- :host([position='bottom']) .drawer-indicator {
- left: calc(50% - 0.875rem);
- top: 0.25rem;
- }
-
- :host([position='bottom']) .drawer-indicator svg {
- margin-top: -0.625rem;
- }
-
- .resize {
- position: absolute;
- z-index: 10;
- inset: 0;
- }
-
- :host(:is([position='left'], [position='right'])) .resize {
- width: var(--hover-size);
- cursor: col-resize;
- }
-
- :host([position='left']) .resize {
- left: auto;
- right: calc(var(--hover-size) * 0.5);
- }
-
- :host([position='right']) .resize {
- right: auto;
- left: calc(var(--hover-size) * 0.5);
- }
-
- :host([position='bottom']) .resize {
- height: var(--hover-size);
- bottom: auto;
- top: calc(var(--hover-size) * 0.5);
- cursor: row-resize;
- }
-
- :host([resizing]) .container {
- /* vaadin-grid (used in the outline) blocks the mouse events */
- pointer-events: none;
- }
-
- /* Visual indication of the drawer */
-
- :host::before {
- content: '';
- position: absolute;
- pointer-events: none;
- z-index: -1;
- inset: var(--hover-size);
- }
-
- :host([document-hidden])::before {
- animation: none;
- }
-
- :host([document-hidden]) .drawer-indicator {
- -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
- filter: grayscale(100%);
- }
-
- :host(:is([opened], [keepopen]))::before {
- transition-delay: var(--opening-delay);
- opacity: 0;
- }
- `
- ];
- }
- connectedCallback() {
- super.connectedCallback(), this.reaction(
- () => p.panels,
- () => this.requestUpdate()
- ), this.reaction(
- () => l.operationInProgress,
- (t) => {
- t === ue.DragAndDrop && !this.opened && !this.keepOpen ? this.style.setProperty("pointer-events", "none") : this.style.setProperty("pointer-events", "auto");
- }
- ), this.reaction(
- () => p.getAttentionRequiredPanelConfiguration(),
- () => {
- const t = p.getAttentionRequiredPanelConfiguration();
- t && !t.floating && this.toggleAttribute($, t.panel === this.position);
- }
- ), this.reaction(
- () => l.active,
- () => {
- l.active || (this.opened = !1);
- }
- ), document.addEventListener("mouseup", this.documentMouseUpListener);
- const e = X.getDrawerSize(this.position);
- e && (this.style.setProperty("--size", `${e}px`), this.setActualSize()), document.addEventListener("mousemove", this.resizingMouseMoveListener), this.addEventListener("mouseenter", this.mouseEnterListener), u.on("document-activation-change", (t) => {
- this.toggleAttribute("document-hidden", !t.detail.active);
- }), u.on("panel-expanded", this.panelExpandedListener), u.on("copilot-main-resized", this.setActualSize), this.reaction(
- () => p.panels.filter(
- (t) => !t.floating && t.panel === this.position
- ).length,
- () => {
- this.panelCountChanged();
- }
- );
- }
- firstUpdated(e) {
- super.firstUpdated(e), this.resizeElement.addEventListener("mousedown", (t) => {
- t.button === 0 && (this.resizing = !0, l.setDrawerResizing(!0), this.setAttribute("resizing", ""), u.emit("user-select", { allowSelection: !1 }));
- });
- }
- updated(e) {
- super.updated(e), e.has("opened") && this.opened && this.hasAttribute($) && (this.removeAttribute($), p.clearAttention());
- }
- disconnectedCallback() {
- super.disconnectedCallback(), document.removeEventListener("mousemove", this.resizingMouseMoveListener), document.removeEventListener("mouseup", this.documentMouseUpListener), this.removeEventListener("mouseenter", this.mouseEnterListener), u.off("panel-expanded", this.panelExpandedListener), u.off("copilot-main-resized", this.setActualSize);
- }
- /**
- * Cleans up attributes/styles etc... for dragging operations
- * @private
- */
- cleanUpDragging() {
- this.draggingSectionPanel && (l.setSectionPanelDragging(!1), this.draggingSectionPanel.style.zIndex = "", Array.from(this.querySelectorAll("copilot-section-panel-wrapper")).forEach((e) => {
- e.style.removeProperty("transform"), e.removeAttribute(J), e.removeAttribute(ie);
- }), this.draggingSectionPanel.removeAttribute("dragging"), this.draggingSectionPanel = null);
- }
- getAllPanels() {
- return Array.from(this.querySelectorAll("copilot-section-panel-wrapper"));
- }
- getAllPanelsOrdered() {
- return this.getAllPanels().sort((e, t) => e.panelInfo && t.panelInfo ? e.panelInfo.panelOrder - t.panelInfo.panelOrder : 0);
- }
- /**
- * Closes the drawer and disables mouse enter event for a while.
- */
- forceClose() {
- this.closingForcefully = !0, this.opened = !1, setTimeout(() => {
- this.closingForcefully = !1;
- }, 0.5);
- }
- mouseEnterListener(e) {
- if (this.closingForcefully || l.sectionPanelResizing)
- return;
- document.querySelector("copilot-main").shadowRoot.querySelector("copilot-drawer-panel[opened]") || (this.refreshSplit(), this.opened = !0);
- }
- render() {
- return r`
-
-
-
- ${d.chevronUp}
- `;
- }
- refreshSplit() {
- At(this.getAllPanelsOrdered(), this);
- }
-};
-U([
- z({ reflect: !0, attribute: !0 })
-], D.prototype, "position", 2);
-U([
- z({ reflect: !0, type: Boolean })
-], D.prototype, "opened", 2);
-U([
- z({ reflect: !0, type: Boolean })
-], D.prototype, "keepOpen", 2);
-U([
- H(".container")
-], D.prototype, "container", 2);
-U([
- H(".resize")
-], D.prototype, "resizeElement", 2);
-D = U([
- y("copilot-drawer-panel")
-], D);
-var St = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, Ue = (e, t, i, n) => {
- for (var o = n > 1 ? void 0 : n ? Rt(t, i) : t, s = e.length - 1, a; s >= 0; s--)
- (a = e[s]) && (o = (n ? a(t, i, o) : a(o)) || o);
- return n && o && St(t, i, o), o;
-};
-let re = class extends ge {
- constructor() {
- super(...arguments), this.checked = !1;
- }
- static get styles() {
- return _`
- .switch {
- display: inline-flex;
- align-items: center;
- gap: var(--space-100);
- }
-
- .switch input {
- height: 0;
- opacity: 0;
- width: 0;
- }
-
- .slider {
- background-color: var(--gray-300);
- border-radius: 9999px;
- cursor: pointer;
- inset: 0;
- position: absolute;
- transition: 0.4s;
- height: 0.75rem;
- position: relative;
- width: 1.5rem;
- min-width: 1.5rem;
- }
-
- .slider:before {
- background-color: white;
- border-radius: 50%;
- bottom: 1px;
- content: '';
- height: 0.625rem;
- left: 1px;
- position: absolute;
- transition: 0.4s;
- width: 0.625rem;
- }
-
- input:checked + .slider {
- background-color: var(--selection-color);
- }
-
- input:checked + .slider:before {
- transform: translateX(0.75rem);
- }
-
- label:has(input:focus) {
- outline: 2px solid var(--selection-color);
- outline-offset: 2px;
- }
- `;
- }
- render() {
- return r`
-
- `;
- }
- // @change=${(e: InputEvent) => this.toggleFeatureFlag(e, feature)}
-};
-Ue([
- z({ reflect: !0, type: Boolean })
-], re.prototype, "checked", 2);
-re = Ue([
- y("copilot-toggle-button")
-], re);
-class Dt {
- constructor() {
- this.offsetX = 0, this.offsetY = 0;
- }
- draggingStarts(t, i) {
- this.offsetX = i.clientX - t.getBoundingClientRect().left, this.offsetY = i.clientY - t.getBoundingClientRect().top;
- }
- dragging(t, i) {
- const n = i.clientX, o = i.clientY, s = n - this.offsetX, a = n - this.offsetX + t.getBoundingClientRect().width, c = o - this.offsetY, m = o - this.offsetY + t.getBoundingClientRect().height;
- return this.adjust(t, s, c, a, m);
- }
- adjust(t, i, n, o, s) {
- let a, c, m, b;
- const P = document.documentElement.getBoundingClientRect().width, V = document.documentElement.getBoundingClientRect().height;
- return (o + i) / 2 < P / 2 ? (t.style.setProperty("--left", `${i}px`), t.style.setProperty("--right", ""), b = void 0, a = Math.max(0, i)) : (t.style.removeProperty("--left"), t.style.setProperty("--right", `${P - o}px`), a = void 0, b = Math.max(0, P - o)), (n + s) / 2 < V / 2 ? (c = Math.max(0, n), t.style.setProperty("--top", `${c}px`), t.style.setProperty("--bottom", ""), m = void 0) : (t.style.setProperty("--top", ""), t.style.setProperty("--bottom", `${V - s}px`), c = void 0, m = Math.max(0, V - s)), {
- left: a,
- right: b,
- top: c,
- bottom: m
- };
- }
- anchor(t) {
- const { left: i, top: n, bottom: o, right: s } = t.getBoundingClientRect();
- return this.adjust(t, i, n, s, o);
- }
- anchorLeftTop(t) {
- const { left: i, top: n } = t.getBoundingClientRect();
- return t.style.setProperty("--left", `${i}px`), t.style.setProperty("--right", ""), t.style.setProperty("--top", `${n}px`), t.style.setProperty("--bottom", ""), {
- left: i,
- top: n
- };
- }
-}
-const I = new Dt();
-var Et = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, j = (e, t, i, n) => {
- for (var o = n > 1 ? void 0 : n ? zt(t, i) : t, s = e.length - 1, a; s >= 0; s--)
- (a = e[s]) && (o = (n ? a(t, i, o) : a(o)) || o);
- return n && o && Et(t, i, o), o;
-};
-const Pe = "https://github.com/JetBrains/JetBrainsRuntime/releases";
-function Lt(e, t) {
- if (!t)
- return !0;
- const [i, n, o] = t.split(".").map((m) => parseInt(m)), [s, a, c] = e.split(".").map((m) => parseInt(m));
- if (i < s)
- return !0;
- if (i === s) {
- if (n < a)
- return !0;
- if (n === a)
- return o < c;
- }
- return !1;
-}
-const Ie = "Download complete";
-let x = class extends A {
- constructor() {
- super(), this.javaPluginSectionOpened = !1, this.hotswapSectionOpened = !1, this.hotswapTab = "hotswapagent", this.downloadStatusMessages = [], this.downloadProgress = 0, this.onDownloadStatusUpdate = this.downloadStatusUpdate.bind(this), this.reaction(
- () => [l.jdkInfo, l.idePluginState],
- () => {
- l.idePluginState && (!l.idePluginState.ide || !l.idePluginState.active ? this.javaPluginSectionOpened = !0 : (!(/* @__PURE__ */ new Set(["vscode", "intellij"])).has(l.idePluginState.ide) || !l.idePluginState.active) && (this.javaPluginSectionOpened = !1)), l.jdkInfo && te() !== "success" && (this.hotswapSectionOpened = !0);
- },
- { fireImmediately: !0 }
- );
- }
- connectedCallback() {
- super.connectedCallback(), u.on("set-up-vs-code-hotswap-status", this.onDownloadStatusUpdate);
- }
- disconnectedCallback() {
- super.disconnectedCallback(), u.off("set-up-vs-code-hotswap-status", this.onDownloadStatusUpdate);
- }
- render() {
- const e = {
- intellij: l.idePluginState?.ide === "intellij",
- vscode: l.idePluginState?.ide === "vscode",
- eclipse: l.idePluginState?.ide === "eclipse",
- idePluginInstalled: !!l.idePluginState?.active
- };
- return r`
- ${this.renderPluginSection(e)} ${this.renderHotswapSection(e)}
-
-
- `;
- }
- renderPluginSection(e) {
- let t = "";
- e.intellij ? t = "IntelliJ" : e.vscode ? t = "VS Code" : e.eclipse && (t = "Eclipse");
- let i, n;
- e.vscode || e.intellij ? e.idePluginInstalled ? (i = `Plugin for ${t} installed`, n = this.renderPluginInstalledContent()) : (i = `Plugin for ${t} not installed`, n = this.renderPluginIsNotInstalledContent(e)) : e.eclipse ? (i = "Eclipse development workflow is not supported yet", n = this.renderEclipsePluginContent()) : (i = "No IDE found", n = this.renderNoIdePluginContent());
- const o = e.idePluginInstalled ? d.checkCircle : d.alertTriangle;
- return r`
- {
- we(() => {
- this.javaPluginSectionOpened = s.target.open;
- });
- }}>
-
- `;
- }
- renderNoIdePluginContent() {
- return r`
-
- ${o}
-
- ${i}
- ${n}
-
-
- `;
- }
- renderEclipsePluginContent() {
- return r`
- We could not detect an IDE
- ${this.recommendSupportedPlugin()}
-
-
- `;
- }
- recommendSupportedPlugin() {
- return r`Eclipse workflow environment is not supported yet.
- ${this.recommendSupportedPlugin()}
-
-
- `;
- }
- renderHotswapSection(e) {
- const { jdkInfo: t } = l;
- if (!t)
- return g;
- const i = te(), n = Ze();
- let o, s, a;
- return i === "success" ? (o = d.checkCircle, a = "Java Hotswap is enabled") : i === "warning" ? (o = d.alertTriangle, a = "Java Hotswap is not enabled") : i === "error" && (o = d.alertTriangle, a = "Java Hotswap is partially enabled"), this.hotswapTab === "jrebel" ? t.jrebel ? s = this.renderJRebelInstalledContent() : s = this.renderJRebelNotInstalledContent() : e.intellij ? s = this.renderHotswapAgentPluginContent(this.renderIntelliJHotswapHint) : e.vscode ? s = this.renderHotswapAgentPluginContent(this.renderVSCodeHotswapHint) : s = this.renderHotswapAgentNotInstalledContent(e), r` Install the Vaadin IDE Plugin to ensure a smooth development workflow
-
Some Vaadin Copilot functionality, such
- as undo, will not function optimally without the plugin.
-
- ` : g}
- {
- we(() => {
- this.hotswapSectionOpened = c.target.open;
- });
- }}>
-
- `}
-
- ${o}
-
- ${a}
-
- ${n !== "none" ? r`${n === "jrebel" ? this.renderJRebelInstalledContent() : this.renderHotswapAgentInstalledContent()}` : r`
-
-
-
-
-
- ${s}
-
- JRebel ${d.share} is a commercial hotswap solution. Vaadin detects the
- JRebel Agent and automatically reloads the application in the browser after the Java changes have been
- hotpatched.
-
- `;
- }
- renderHotswapAgentNotInstalledContent(e) {
- const t = [
- this.renderJavaRunningInDebugModeSection(),
- this.renderHotswapAgentJdkSection(e),
- this.renderInstallHotswapAgentJdkSection(e),
- this.renderHotswapAgentVersionSection(),
- this.renderHotswapAgentMissingArgParam(e)
- ];
- return r` ${t} `;
- }
- renderHotswapAgentPluginContent(e) {
- const i = te() === "success";
- return r`
-
-
- `;
- }
- renderIntelliJHotswapHint() {
- return r`
- ${i ? d.checkCircle : d.alertTriangle}
- ${e()}
-
-
- `;
- }
- renderVSCodeHotswapHint() {
- return r` Use 'Debug using Hotswap Agent' launch configuration
- Vaadin IntelliJ plugin offers launch mode that does not require any manual configuration!
- Debug using Hotswap Agent option.
-
- `;
- }
- renderJavaRunningInDebugModeSection() {
- const e = l.jdkInfo?.runningInJavaDebugMode;
- return r`
- Use 'Debug (hotswap)'
- With Vaadin Visual Studio Code extension you can run Hotswap Agent without any manual configuration required!
- Debug (hotswap) within your main class to debug application using Hotswap Agent.
-
- `;
- }
- renderHotswapAgentMissingArgParam(e) {
- const t = l.jdkInfo?.runningWitHotswap && l.jdkInfo?.runningWithExtendClassDef;
- return r`
-
-
-
- ${e ? d.checkCircle : d.alertTriangle}
-
- Run Java in debug mode
- Start the application in debug mode in the IDE
-
-
- `;
- }
- renderHotswapAgentJdkSection(e) {
- const t = l.jdkInfo?.extendedClassDefCapable, i = this.downloadStatusMessages?.[this.downloadStatusMessages.length - 1] === Ie;
- return r`
-
-
-
- ${t ? d.checkCircle : d.alertTriangle}
-
- Enable HotswapAgent
-
-
-
- ${e.intellij ? r`
- -XX:HotswapAgent=fatjar -XX:+AllowEnhancedClassRedefinition -XX:+UpdateClasses JVM
- arguments when launching the application
- -XX:HotswapAgent=fatjar -XX:+AllowEnhancedClassRedefinition -XX:+UpdateClasses JVM
- arguments when launching the application
-
-
- `;
- }
- renderInstallHotswapAgentJdkSection(e) {
- const t = l.jdkInfo?.hotswapAgentFound, i = l.jdkInfo?.extendedClassDefCapable;
- return r`
-
-
-
- ${t ? d.checkCircle : d.alertTriangle}
-
- Run using JetBrains Runtime JDK
-
- JetBrains Runtime provides much better hotswapping compared to other JDKs.
-
-
- ${e.intellij && Lt("1.3.0", l.idePluginState?.version) ? r`
-
- ${this.downloadStatusMessages.map((n) => r`
- Go to VS Code and launch the 'Debug using Hotswap Agent' configuration
` : g}
-
-
- `;
- }
- renderHotswapAgentVersionSection() {
- if (!l.jdkInfo?.hotswapAgentFound)
- return g;
- const e = l.jdkInfo?.hotswapVersionOk, t = l.jdkInfo?.hotswapVersion, i = l.jdkInfo?.hotswapAgentLocation;
- return r`
-
-
-
- ${t ? d.checkCircle : d.alertTriangle}
-
- Install HotswapAgent
-
- Hotswap Agent provides application level support for hot reloading, such as reinitalizing Vaadin @Route or
- @BrowserCallable classes when they are updated
-
-
- ${e.intellij ? r`
- [JAVA_HOME]/lib/hotswap/hotswap-agent.jar in the JetBrains Runtime JDK. Note that the
- file must be renamed to exactly match this path.
- [JAVA_HOME]/lib/hotswap/hotswap-agent.jar in the JetBrains Runtime JDK. Note that the
- file must be renamed to exactly match this path.
-
-
- `;
- }
- renderJRebelInstalledContent() {
- return r`
-
-
- ${e ? d.checkCircle : d.alertTriangle}
-
- Hotswap version requires update
-
- HotswapAgent version ${t} is in use
- Download the latest HotswapAgent
- and place it in
- ${i}
- JRebel is in use. Enjoy your awesome development workflow! `;
- }
- renderHotswapAgentInstalledContent() {
- return r` Hotswap agent is in use. Enjoy your awesome development workflow! `;
- }
- async downloadJetbrainsRuntime(e) {
- return e.target.disabled = !0, e.preventDefault(), this.downloadStatusMessages = [], fe(`${et}set-up-vs-code-hotswap`, {}, (t) => {
- t.data.error ? (Qe("Error downloading JetBrains runtime", t.data.error), this.downloadStatusMessages = [...this.downloadStatusMessages, "Download failed"]) : this.downloadStatusMessages = [...this.downloadStatusMessages, Ie];
- });
- }
- downloadStatusUpdate(e) {
- const t = e.detail.progress;
- t ? this.downloadProgress = t : this.downloadStatusMessages = [...this.downloadStatusMessages, e.detail.message];
- }
-};
-x.NAME = "copilot-development-setup-user-guide";
-x.styles = _`
- :host {
- --icon-size: 24px;
- --summary-header-gap: 10px;
- --footer-height: calc(50px + var(--space-150));
- color: var(--color);
- }
- :host code {
- background-color: var(--gray-50);
- font-size: var(--font-size-0);
- display: inline-block;
- margin-top: var(--space-100);
- margin-bottom: var(--space-100);
- user-select: all;
- }
-
- [part='container'] {
- display: flex;
- flex-direction: column;
- gap: var(--space-150);
- padding: var(--space-150);
- box-sizing: border-box;
- height: calc(100% - var(--footer-height));
- overflow: auto;
- }
-
- [part='footer'] {
- display: flex;
- justify-content: flex-end;
- height: var(--footer-height);
- padding-left: var(--space-150);
- padding-right: var(--space-150);
- }
- [part='hotswap-agent-section-container'] {
- display: flex;
- flex-direction: column;
- gap: var(--space-100);
- position: relative;
- }
- [part='content'] {
- display: flex;
- padding: var(--space-150);
- flex-direction: column;
- }
- div.inner-section div.hint {
- margin-left: calc(var(--summary-header-gap) + var(--icon-size));
- margin-top: var(--space-75);
- }
- details {
- display: flex;
- flex-direction: column;
- box-sizing: border-box;
-
- & span.icon {
- width: var(--icon-size);
- height: var(--icon-size);
- }
- & span.icon.warning {
- color: var(--lumo-warning-color);
- }
- & span.icon.success {
- color: var(--lumo-success-color);
- }
- & span.hotswap.icon {
- position: absolute;
- top: var(--space-75);
- left: var(--space-75);
- }
- & > summary,
- summary::part(header) {
- display: flex;
- flex-direction: row;
- align-items: center;
- cursor: pointer;
- position: relative;
- gap: var(--summary-header-gap);
- font: var(--font);
- }
- summary::after,
- summary::part(header)::after {
- content: '';
- display: block;
- width: 4px;
- height: 4px;
- border-color: var(--color);
- opacity: var(--panel-toggle-opacity, 0.2);
- border-width: 2px;
- border-style: solid solid none none;
- transform: rotate(var(--panel-toggle-angle, -45deg));
- position: absolute;
- right: 15px;
- top: calc(50% - var(--panel-toggle-offset, 2px));
- }
- &:not([open]) {
- --panel-toggle-angle: 135deg;
- --panel-toggle-offset: 4px;
- }
- }
- details[part='panel'] {
- background: var(--card-bg);
- border: var(--card-border);
- border-radius: 4px;
- user-select: none;
-
- &:has(summary:hover) {
- border-color: var(--accent-color);
- }
-
- & > summary,
- summary::part(header) {
- padding: 10px 10px;
- padding-right: 25px;
- }
-
- summary:hover,
- summary::part(header):hover {
- --panel-toggle-opacity: 0.5;
- }
-
- input[type='checkbox'],
- summary::part(checkbox) {
- margin: 0;
- }
-
- &:not([open]):hover {
- background: var(--card-hover-bg);
- }
-
- &[open] {
- background: var(--card-open-bg);
- box-shadow: var(--card-open-shadow);
-
- & > summary {
- font-weight: bold;
- }
- }
- .tabs {
- border-bottom: 1px solid var(--border-color);
- box-sizing: border-box;
- display: flex;
- height: 2.25rem;
- }
-
- .tab {
- background: none;
- border: none;
- border-bottom: 1px solid transparent;
- color: var(--color);
- font: var(--font-button);
- height: 2.25rem;
- padding: 0 0.75rem;
- }
-
- .tab[aria-selected='true'] {
- color: var(--color-high-contrast);
- border-bottom-color: var(--color-high-contrast);
- }
-
- .tab-content {
- flex: 1 1 auto;
- gap: var(--space-150);
- overflow: auto;
- padding: var(--space-150);
- }
-
- h3 {
- margin-top: 0;
- }
- }
- `;
-j([
- v()
-], x.prototype, "javaPluginSectionOpened", 2);
-j([
- v()
-], x.prototype, "hotswapSectionOpened", 2);
-j([
- v()
-], x.prototype, "hotswapTab", 2);
-j([
- v()
-], x.prototype, "downloadStatusMessages", 2);
-j([
- v()
-], x.prototype, "downloadProgress", 2);
-x = j([
- y(x.NAME)
-], x);
-const ve = Ge({
- header: "Development Workflow",
- tag: Ke,
- width: 800,
- height: 800,
- floatingPosition: {
- top: 50,
- left: 50
- },
- individual: !0
-}), Mt = {
- init(e) {
- e.addPanel(ve);
- }
-};
-window.Vaadin.copilot.plugins.push(Mt);
-p.addPanel(ve);
-var _t = Object.getOwnPropertyDescriptor, Ot = (e, t, i, n) => {
- for (var o = n > 1 ? void 0 : n ? _t(t, i) : t, s = e.length - 1, a; s >= 0; s--)
- (a = e[s]) && (o = a(o) || o);
- return o;
-};
-let Ae = class extends A {
- createRenderRoot() {
- return this;
- }
- connectedCallback() {
- super.connectedCallback(), this.classList.add("custom-menu-item");
- }
- render() {
- const t = _e(), i = t.status === "warning" || t.status === "error";
- return r`
-
-
- Development Workflow
- ${t.message}
-
-
- `;
- }
-};
-Ae = Ot([
- y("copilot-activation-button-development-workflow")
-], Ae);
-var Tt = Object.getOwnPropertyDescriptor, Ht = (e, t, i, n) => {
- for (var o = n > 1 ? void 0 : n ? Tt(t, i) : t, s = e.length - 1, a; s >= 0; s--)
- (a = e[s]) && (o = a(o) || o);
- return o;
-};
-let Ce = class extends A {
- constructor() {
- super(), this.clickListener = this.getClickListener(), this.reaction(
- () => l.userInfo,
- () => {
- this.requestUpdate();
- }
- );
- }
- createRenderRoot() {
- return this;
- }
- connectedCallback() {
- super.connectedCallback(), this.classList.add("custom-menu-item"), this.addEventListener("click", this.clickListener);
- }
- disconnectedCallback() {
- super.disconnectedCallback(), this.removeEventListener("click", this.clickListener);
- }
- render() {
- const e = this.getStatus();
- return r`
- ${this.renderPortrait()}
-
- ${this.getUsername()}
- ${e ? r` ${e} ` : g}
-
-
- `;
- }
- getClickListener() {
- return l.userInfo?.validLicense ? () => window.open("https://vaadin.com/myaccount", "_blank", "noopener") : () => l.setLoginCheckActive(!0);
- }
- getUsername() {
- return l.userInfo?.firstName ? `${l.userInfo.firstName} ${l.userInfo.lastName}` : "Log in";
- }
- getStatus() {
- if (l.userInfo?.validLicense)
- return l.userInfo?.copilotProjectCannotLeaveLocalhost ? "AI Disabled" : void 0;
- if (S.active) {
- const e = Math.round(S.remainingTimeInMillis / 864e5);
- return `Preview expires in ${e}${e === 1 ? " day" : " days"}`;
- }
- if (S.expired && !l.userInfo?.validLicense)
- return "Preview expired";
- if (!S.active && !S.expired && !l.userInfo?.validLicense)
- return "No valid license available";
- }
- renderPortrait() {
- return l.userInfo?.portraitUrl ? r`` : g;
- }
- renderDot() {
- return l.userInfo?.validLicense ? g : S.active || S.expired ? r`` : g;
- }
-};
-Ce = Ht([
- y("copilot-activation-button-user-info")
-], Ce);
-var Ut = Object.getOwnPropertyDescriptor, jt = (e, t, i, n) => {
- for (var o = n > 1 ? void 0 : n ? Ut(t, i) : t, s = e.length - 1, a; s >= 0; s--)
- (a = e[s]) && (o = a(o) || o);
- return o;
-};
-function Bt() {
- p.updatePanel("copilot-feedback-panel", {
- floating: !0
- }), h.setFeedbackDisplayedAtLeastOnce(!0);
-}
-let $e = class extends A {
- constructor() {
- super(), this.reaction(
- () => h.isFeedbackDisplayedAtLeastOnce(),
- () => {
- this.requestUpdate();
- }
- );
- }
- createRenderRoot() {
- return this;
- }
- connectedCallback() {
- super.connectedCallback(), this.classList.add("custom-menu-item");
- }
- render() {
- return r`
-
-
- Tell Us What You Think
- Give feedback or report an issue
-
-
- `;
- }
-};
-$e = jt([
- y("copilot-activation-button-feedback")
-], $e);
-function f(e) {
- return je("vaadin-menu-bar-item", e);
-}
-function ne(e) {
- return je("vaadin-context-menu-item", e);
-}
-function je(e, t) {
- const i = document.createElement(e);
- if (t.style && (i.className = t.style), t.icon)
- if (typeof t.icon == "string") {
- const n = document.createElement("vaadin-icon");
- n.setAttribute("icon", t.icon), i.append(n);
- } else
- i.append(ke(t.icon.strings[0]));
- if (t.label) {
- const n = document.createElement("span");
- n.className = "label", n.innerHTML = t.label, i.append(n);
- } else if (t.component) {
- const n = nt(t.component) ? t.component : document.createElement(t.component);
- i.append(n);
- }
- if (t.description) {
- const n = document.createElement("span");
- n.className = "desc", n.innerHTML = t.description, i.append(n);
- }
- if (t.hint) {
- const n = document.createElement("span");
- n.className = "hint", n.innerHTML = t.hint, i.append(n);
- }
- if (t.suffix)
- if (typeof t.suffix == "string") {
- const n = document.createElement("span");
- n.innerHTML = t.suffix, i.append(n);
- } else
- i.append(ke(t.suffix.strings[0]));
- return i;
-}
-function ke(e) {
- if (!e) return null;
- const t = document.createElement("template");
- t.innerHTML = e;
- const i = t.content.children;
- return i.length === 1 ? i[0] : i;
-}
-function Be(e) {
- return fe("copilot-switch-user", { username: e }, (t) => t.data.error ? (O({ type: T.ERROR, message: "Unable to switch user", details: t.data.error.message }), !1) : !0);
-}
-var Nt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, B = (e, t, i, n) => {
- for (var o = n > 1 ? void 0 : n ? Vt(t, i) : t, s = e.length - 1, a; s >= 0; s--)
- (a = e[s]) && (o = (n ? a(t, i, o) : a(o)) || o);
- return n && o && Nt(t, i, o), o;
-};
-const Jt = 8;
-function Ft() {
- const e = document.createElement("vaadin-text-field");
- return e.label = "Username to Switch To", e.style.width = "100%", e.autocomplete = "off", e.addEventListener("click", async (t) => {
- t.stopPropagation();
- }), e.addEventListener("keydown", async (t) => {
- if (t.stopPropagation(), t.key === "Enter") {
- const i = e.value;
- await Be(i) && (h.addRecentSwitchedUsername(i), window.location.reload());
- }
- }), e;
-}
-let le = class extends A {
- constructor() {
- super(...arguments), this.username = "";
- }
- connectedCallback() {
- super.connectedCallback(), this.style.display = "contents";
- }
- render() {
- return r`${this.username} {
- h.removeRecentSwitchedUsername(this.username), e.stopPropagation();
- const t = this.parentElement;
- if (t.style.display = "none", h.getRecentSwitchedUsernames().length === 0) {
- const i = t.parentElement?.firstElementChild;
- i && (i.style.display = "none");
- }
- }}
- >${d.trash}`;
- }
-};
-B([
- z({ type: String })
-], le.prototype, "username", 2);
-le = B([
- y("copilot-switch-user")
-], le);
-function qt(e) {
- const t = document.createElement("copilot-switch-user");
- return t.username = e, t;
-}
-let q = class extends A {
- constructor() {
- super(...arguments), this.initialMouseDownPosition = null, this.dragging = !1, this.items = [], this.mouseDownListener = (e) => {
- this.initialMouseDownPosition = { x: e.clientX, y: e.clientY }, I.draggingStarts(this, e), document.addEventListener("mousemove", this.documentDraggingMouseMoveEventListener);
- }, this.documentDraggingMouseMoveEventListener = (e) => {
- if (this.initialMouseDownPosition && !this.dragging) {
- const { clientX: t, clientY: i } = e;
- this.dragging = Math.abs(t - this.initialMouseDownPosition.x) + Math.abs(i - this.initialMouseDownPosition.y) > Jt;
- }
- this.dragging && (this.setOverlayVisibility(!1), I.dragging(this, e));
- }, this.documentMouseUpListener = (e) => {
- if (this.initialMouseDownPosition = null, document.removeEventListener("mousemove", this.documentDraggingMouseMoveEventListener), this.dragging) {
- const t = I.dragging(this, e);
- h.setActivationButtonPosition(t), this.setOverlayVisibility(!0);
- } else
- this.setMenuBarOnClick();
- this.dragging = !1;
- }, this.closeMenuMouseMoveListener = (e) => {
- if (!e.composed || this.dragging)
- return;
- e.composedPath().some((n) => {
- if (n instanceof HTMLElement) {
- const o = n;
- if (o.localName === this.localName || o.localName === "vaadin-menu-bar-overlay" && o.classList.contains("activation-button-menu"))
- return !0;
- }
- return this.checkPointerIsInRangeInSurroundingRectangle(e);
- }) ? this.closeMenuWithDebounce.clear() : this.closeMenuWithDebounce();
- }, this.closeMenuWithDebounce = Z(() => {
- this.closeMenu();
- }, 250), this.checkPointerIsInRangeInSurroundingRectangle = (e) => {
- const i = document.querySelector("copilot-main")?.shadowRoot?.querySelectorAll("vaadin-menu-bar-overlay.activation-button-menu"), n = this.menubar;
- return i ? Array.from(i).some((o) => {
- const s = o.querySelector("vaadin-menu-bar-list-box");
- if (!s)
- return !1;
- const a = s.getBoundingClientRect(), c = n.getBoundingClientRect(), m = Math.min(a.x, c.x), b = Math.min(a.y, c.y), P = Math.max(a.width, c.width), V = a.height + c.height;
- return Me(new DOMRect(m, b, P, V), e.clientX, e.clientY);
- }) : !1;
- }, this.dispatchSpotlightActivationEvent = (e) => {
- this.dispatchEvent(
- new CustomEvent("spotlight-activation-changed", {
- detail: e
- })
- );
- }, this.activationBtnClicked = (e) => {
- if (l.active && this.handleAttentionRequiredOnClick()) {
- e?.stopPropagation(), e?.preventDefault();
- return;
- }
- e?.stopPropagation(), this.dispatchEvent(new CustomEvent("activation-btn-clicked")), requestAnimationFrame(() => {
- this.closeMenu(), this.openMenu();
- });
- }, this.handleAttentionRequiredOnClick = () => {
- const e = p.getAttentionRequiredPanelConfiguration();
- return e ? e.panel && !e.floating ? (u.emit("open-attention-required-drawer", null), !0) : (p.clearAttention(), !0) : !1;
- }, this.closeMenu = () => {
- this.menubar._close();
- }, this.openMenu = () => {
- this.menubar._buttons[0].dispatchEvent(new CustomEvent("mouseover", { bubbles: !0 }));
- }, this.setMenuBarOnClick = () => {
- const e = this.shadowRoot.querySelector("vaadin-menu-bar-button");
- e && (e.onclick = this.activationBtnClicked);
- };
- }
- static get styles() {
- return [
- C(Q),
- _`
- :host {
- --space: 8px;
- --height: 28px;
- --width: 28px;
- position: absolute;
- top: clamp(var(--space), var(--top), calc(100vh - var(--height) - var(--space)));
- left: clamp(var(--space), var(--left), calc(100vw - var(--width) - var(--space)));
- bottom: clamp(var(--space), var(--bottom), calc(100vh - var(--height) - var(--space)));
- right: clamp(var(--space), var(--right), calc(100vw - var(--width) - var(--space)));
- user-select: none;
- -ms-user-select: none;
- -moz-user-select: none;
- -webkit-user-select: none;
- --indicator-color: var(--red);
- /* Don't add a z-index or anything else that creates a stacking context */
- }
-
- :host .menu-button {
- min-width: unset;
- }
-
- :host([document-hidden]) {
- -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
- filter: grayscale(100%);
- }
-
- .menu-button::part(container) {
- overflow: visible;
- }
-
- .menu-button vaadin-menu-bar-button {
- all: initial;
- display: block;
- position: relative;
- z-index: var(--z-index-activation-button);
- width: var(--width);
- height: var(--height);
- overflow: hidden;
- color: transparent;
- background: hsl(0 0% 0% / 0.25);
- border-radius: 8px;
- box-shadow: 0 0 0 1px hsl(0 0% 100% / 0.1);
- cursor: default;
- -webkit-backdrop-filter: blur(8px);
- backdrop-filter: blur(8px);
- transition:
- box-shadow 0.2s,
- background-color 0.2s;
- }
-
- /* visual effect when active */
-
- .menu-button vaadin-menu-bar-button::before {
- all: initial;
- content: '';
- background-image:
- radial-gradient(circle at 50% -10%, hsl(221 100% 55% / 0.6) 0%, transparent 60%),
- radial-gradient(circle at 25% 40%, hsl(303 71% 64%) 0%, transparent 70%),
- radial-gradient(circle at 80% 10%, hsla(262, 38%, 9%, 0.5) 0%, transparent 80%),
- radial-gradient(circle at 110% 50%, hsla(147, 100%, 77%, 1) 20%, transparent 100%);
- animation: 5s swirl linear infinite;
- animation-play-state: paused;
- inset: -6px;
- opacity: 0;
- position: absolute;
- transition: opacity 0.5s;
- }
-
- /* vaadin symbol */
-
- .menu-button vaadin-menu-bar-button::after {
- all: initial;
- content: '';
- position: absolute;
- inset: 1px;
- background: url('data:image/svg+xml;utf8,');
- background-size: 100%;
- }
-
- .menu-button vaadin-menu-bar-button[focus-ring] {
- outline: 2px solid var(--selection-color);
- outline-offset: 2px;
- }
-
- .menu-button vaadin-menu-bar-button:hover {
- background: hsl(0 0% 0% / 0.8);
- box-shadow:
- 0 0 0 1px hsl(0 0% 100% / 0.1),
- 0 2px 8px -1px hsl(0 0% 0% / 0.3);
- }
-
- :host([active]) .menu-button vaadin-menu-bar-button {
- background-color: transparent;
- box-shadow:
- inset 0 0 0 1px hsl(0 0% 0% / 0.2),
- 0 2px 8px -1px hsl(0 0% 0% / 0.3);
- }
-
- :host([active]) .menu-button vaadin-menu-bar-button::before {
- opacity: 1;
- animation-play-state: running;
- }
-
- :host([attention-required]) {
- animation: bounce 0.5s;
- animation-iteration-count: 2;
- }
-
- [part='indicator'] {
- top: -6px;
- right: -6px;
- width: 12px;
- height: 12px;
- box-sizing: border-box;
- border-radius: 100%;
- position: absolute;
- display: var(--indicator-display, none);
- background: var(--indicator-color);
- z-index: calc(var(--z-index-activation-button) + 1);
- border: 2px solid var(--indicator-border);
- }
-
- :host([indicator='info']) {
- --indicator-display: block;
- --indicator-color: var(--info-color);
- }
-
- :host([indicator='warning']) {
- --indicator-display: block;
- --indicator-color: var(--warning-color);
- }
-
- :host([indicator='error']) {
- --indicator-display: block;
- --indicator-color: var(--error-color);
- }
- `
- ];
- }
- connectedCallback() {
- super.connectedCallback(), this.reaction(
- () => p.attentionRequiredPanelTag,
- () => {
- this.toggleAttribute($, p.attentionRequiredPanelTag !== null), this.updateIndicator();
- }
- ), this.reaction(
- () => l.active,
- () => {
- this.toggleAttribute("active", l.active);
- },
- { fireImmediately: !0 }
- ), this.addEventListener("mousedown", this.mouseDownListener), document.addEventListener("mouseup", this.documentMouseUpListener);
- const e = h.getActivationButtonPosition();
- e ? (this.style.setProperty("--left", `${e.left}px`), this.style.setProperty("--bottom", `${e.bottom}px`), this.style.setProperty("--right", `${e.right}px`), this.style.setProperty("--top", `${e.top}px`)) : (this.style.setProperty("--bottom", "var(--space)"), this.style.setProperty("--right", "var(--space)")), u.on("document-activation-change", (t) => {
- this.toggleAttribute("document-hidden", !t.detail.active);
- }), this.reaction(
- () => [
- l.jdkInfo,
- l.idePluginState,
- h.isFeedbackDisplayedAtLeastOnce()
- ],
- () => {
- this.updateIndicator();
- }
- ), this.reaction(
- () => [
- l.active,
- l.idePluginState,
- h.isActivationAnimation(),
- h.isActivationShortcut(),
- h.isSendErrorReportsAllowed(),
- h.isAIUsageAllowed(),
- h.getDismissedNotifications()
- ],
- () => {
- this.generateItems();
- }
- ), document.addEventListener("mousemove", this.closeMenuMouseMoveListener);
- }
- disconnectedCallback() {
- super.disconnectedCallback(), this.removeEventListener("mousedown", this.mouseDownListener), document.removeEventListener("mouseup", this.documentMouseUpListener), document.removeEventListener("mousemove", this.closeMenuMouseMoveListener);
- }
- updateIndicator() {
- if (this.hasAttribute($)) {
- this.setAttribute("indicator", "error");
- return;
- }
- const e = _e();
- if (e.status !== "success") {
- this.setAttribute("indicator", e.status);
- return;
- }
- if (!h.isFeedbackDisplayedAtLeastOnce()) {
- this.setAttribute("indicator", "info");
- return;
- }
- this.removeAttribute("indicator");
- }
- /**
- * To hide overlay while dragging
- * @param visible
- */
- setOverlayVisibility(e) {
- const t = this.shadowRoot.querySelector("vaadin-menu-bar-button").__overlay;
- e ? (t?.style.setProperty("display", "flex"), t?.style.setProperty("visibility", "visible")) : (t?.style.setProperty("display", "none"), t?.style.setProperty("visibility", "invisible"));
- }
- generateItems() {
- const e = l.active, t = e && !!l.idePluginState?.supportedActions?.find((o) => o === "undo"), i = [];
- if (R.springSecurityEnabled) {
- const o = h.getRecentSwitchedUsernames();
- i.push(
- ...o.map((s) => ({
- component: f({ component: qt(s) }),
- action: async () => {
- await Be(s) && window.location.reload();
- }
- }))
- ), i.length > 0 && i.unshift({
- component: f({ label: "Recently Used Usernames" }),
- disabled: !0
- });
- }
- const n = [
- {
- text: "Vaadin Copilot",
- children: [
- { visible: e, component: f({ component: "copilot-activation-button-user-info" }) },
- { visible: e, component: "hr" },
- {
- component: f({ component: "copilot-activation-button-development-workflow" }),
- action: ot
- },
- { visible: e, component: "hr" },
- {
- visible: R.springSecurityEnabled,
- component: f({
- icon: d.user,
- label: "Application's User"
- }),
- children: [
- ...i,
- {
- component: f({ component: Ft() })
- }
- ]
- },
- {
- component: "hr",
- visible: e
- },
- {
- visible: t,
- component: f({
- icon: d.flipBack,
- label: "Undo",
- hint: W.undo
- }),
- action: () => {
- u.emit("undoRedo", { undo: !0 });
- }
- },
- {
- visible: t,
- component: f({
- icon: d.flipForward,
- label: "Redo",
- hint: W.redo
- }),
- action: () => {
- u.emit("undoRedo", { undo: !1 });
- }
- },
- {
- component: f({
- icon: d.starsAlt,
- label: "Toggle Command Window",
- hint: W.toggleCommandWindow,
- style: "toggle-spotlight"
- }),
- action: () => {
- l.setSpotlightActive(!l.spotlightActive);
- }
- },
- {
- component: "hr",
- visible: e
- },
- {
- visible: e,
- component: f({
- icon: d.settings,
- label: "Settings"
- }),
- children: [
- {
- component: f({
- icon: d.keyboard,
- label: "Activation Shortcut",
- suffix: h.isActivationShortcut() ? '' : ''
- }),
- keepOpen: !0,
- action: (o) => {
- h.setActivationShortcut(!h.isActivationShortcut()), oe(o, h.isActivationShortcut());
- }
- },
- {
- component: f({
- icon: d.play,
- label: "Activation Animation",
- suffix: h.isActivationAnimation() ? '' : ''
- }),
- keepOpen: !0,
- action: (o) => {
- h.setActivationAnimation(!h.isActivationAnimation()), oe(o, h.isActivationAnimation());
- }
- },
- {
- component: f({
- icon: d.starsAlt,
- label: "AI Usage",
- hint: Ne()
- }),
- keepOpen: !0,
- action: (o) => {
- let s;
- const a = h.isAIUsageAllowed();
- a === "ask" ? s = "yes" : a === "no" ? s = "ask" : s = "no", h.setAIUsageAllowed(s), Xt(o);
- }
- },
- {
- component: f({
- icon: d.alertCircle,
- label: "Report Errors to Vaadin",
- suffix: h.isSendErrorReportsAllowed() ? '' : ''
- }),
- keepOpen: !0,
- action: (o) => {
- h.setSendErrorReportsAllowed(!h.isSendErrorReportsAllowed()), oe(o, h.isSendErrorReportsAllowed());
- }
- },
- { component: "hr" },
- {
- visible: e,
- component: f({
- icon: d.annotation,
- label: "Show Welcome Message"
- }),
- keepOpen: !0,
- action: () => {
- l.setWelcomeActive(!0), l.setSpotlightActive(!0);
- }
- },
- {
- visible: e,
- component: f({
- icon: d.keyboard,
- label: "Show Keyboard Shortcuts"
- }),
- action: () => {
- p.updatePanel("copilot-shortcuts-panel", {
- floating: !0
- });
- }
- },
- {
- visible: h.getDismissedNotifications().length > 0,
- component: f({
- icon: d.annotationX,
- label: "Clear Dismissed Notifications"
- }),
- action: () => {
- h.clearDismissedNotifications();
- }
- }
- ]
- },
- { component: "hr" },
- {
- component: f({
- component: "copilot-activation-button-feedback"
- }),
- action: Bt
- },
- {
- component: f({
- icon: d.vaadinLogo,
- label: "Copilot",
- hint: h.isActivationShortcut() ? W.toggleCopilot : void 0,
- suffix: l.active ? '' : ''
- }),
- action: () => {
- this.activationBtnClicked();
- }
- }
- ]
- }
- ];
- this.items = n.filter(st);
- }
- render() {
- return r`
-
-
- ` : g;
- }
- getPopupButtonIcon() {
- return this.panelInfo ? this.panelInfo.panel === void 0 ? d.x : this.panelInfo.floating ? this.panelInfo.panel === "bottom" ? d.layoutBottom : this.panelInfo.panel === "left" ? d.layoutLeft : this.panelInfo.panel === "right" ? d.layoutRight : g : d.share : g;
- }
- renderHelpButton() {
- return this.panelInfo?.helpUrl ? r` ` : g;
- }
- renderActions() {
- if (!this.panelInfo?.actionsTag)
- return g;
- const e = this.panelInfo.actionsTag;
- return rt(`<${e}>`);
- }
- changeDockingPanel(e) {
- const t = e.detail.value.panel;
- if (this.panelInfo?.panel !== t) {
- const i = p.panels.filter((n) => n.panel === t).map((n) => n.panelOrder).sort((n, o) => o - n)[0];
- ye(this), p.updatePanel(this.panelInfo.tag, { panel: t, panelOrder: i + 1 });
- }
- this.panelInfo.floating && this.changePanelFloating(e);
- }
- getResizeDirections() {
- const e = this.getAttribute(w);
- return e ? e.split(" ") : [];
- }
-};
-N([
- z()
-], E.prototype, "panelTag", 2);
-N([
- H(".drag-handle")
-], E.prototype, "headerDraggableArea", 2);
-N([
- H("#content")
-], E.prototype, "contentArea", 2);
-N([
- H('[part="container"]')
-], E.prototype, "container", 2);
-N([
- v()
-], E.prototype, "dockingItems", 2);
-E = N([
- y("copilot-section-panel-wrapper")
-], E);
-const de = window.Vaadin.copilot.customComponentHandler;
-if (!de)
- throw new Error("Tried to access custom component handler before it was initialized.");
-function Gt(e) {
- l.setOperationWaitsHmrUpdate(e, 3e4);
-}
-u.on("undoRedo", (e) => {
- const i = { files: Kt(e), uiId: lt() }, n = e.detail.undo ? "copilot-plugin-undo" : "copilot-plugin-redo", o = e.detail.undo ? "undo" : "redo";
- dt(o), Gt(ue.RedoUndo), fe(n, i, (s) => {
- s.data.performed || (O({
- type: T.INFORMATION,
- message: `Nothing to ${o}`
- }), u.emit("vite-after-update", {}));
- });
-});
-function Kt(e) {
- if (e.detail.files)
- return e.detail.files;
- const t = de.getActiveDrillDownContext();
- if (t) {
- const i = de.getCustomComponentInfo(t);
- if (i)
- return new Array(i.customComponentFilePath);
- }
- return ct();
-}
-var Zt = Object.getOwnPropertyDescriptor, Qt = (e, t, i, n) => {
- for (var o = n > 1 ? void 0 : n ? Zt(t, i) : t, s = e.length - 1, a; s >= 0; s--)
- (a = e[s]) && (o = a(o) || o);
- return o;
-};
-let Se = class extends A {
- static get styles() {
- return [
- C(Q),
- C(Oe),
- C(pt),
- C(ht),
- _`
- :host {
- --lumo-secondary-text-color: var(--dev-tools-text-color);
- --lumo-contrast-80pct: var(--dev-tools-text-color-emphasis);
- --lumo-contrast-60pct: var(--dev-tools-text-color-secondary);
- --lumo-font-size-m: 14px;
-
- position: fixed;
- bottom: 2.5rem;
- right: 0rem;
- visibility: visible; /* Always show, even if copilot is off */
- user-select: none;
- z-index: var(--copilot-notifications-container-z-index);
-
- --dev-tools-text-color: rgba(255, 255, 255, 0.8);
-
- --dev-tools-text-color-secondary: rgba(255, 255, 255, 0.65);
- --dev-tools-text-color-emphasis: rgba(255, 255, 255, 0.95);
- --dev-tools-text-color-active: rgba(255, 255, 255, 1);
-
- --dev-tools-background-color-inactive: rgba(45, 45, 45, 0.25);
- --dev-tools-background-color-active: rgba(45, 45, 45, 0.98);
- --dev-tools-background-color-active-blurred: rgba(45, 45, 45, 0.85);
-
- --dev-tools-border-radius: 0.5rem;
- --dev-tools-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), 0 4px 12px -2px rgba(0, 0, 0, 0.4);
-
- --dev-tools-blue-hsl: 206, 100%, 70%;
- --dev-tools-blue-color: hsl(var(--dev-tools-blue-hsl));
- --dev-tools-green-hsl: 145, 80%, 42%;
- --dev-tools-green-color: hsl(var(--dev-tools-green-hsl));
- --dev-tools-grey-hsl: 0, 0%, 50%;
- --dev-tools-grey-color: hsl(var(--dev-tools-grey-hsl));
- --dev-tools-yellow-hsl: 38, 98%, 64%;
- --dev-tools-yellow-color: hsl(var(--dev-tools-yellow-hsl));
- --dev-tools-red-hsl: 355, 100%, 68%;
- --dev-tools-red-color: hsl(var(--dev-tools-red-hsl));
-
- /* Needs to be in ms, used in JavaScript as well */
- --dev-tools-transition-duration: 180ms;
- }
-
- .notification-tray {
- display: flex;
- flex-direction: column-reverse;
- align-items: flex-end;
- margin: 0.5rem;
- flex: none;
- }
-
- @supports (backdrop-filter: blur(1px)) {
- .notification-tray div.message {
- backdrop-filter: blur(8px);
- }
-
- .notification-tray div.message {
- background-color: var(--dev-tools-background-color-active-blurred);
- }
- }
-
- .notification-tray .message {
- animation: slideIn var(--dev-tools-transition-duration);
- background-color: var(--dev-tools-background-color-active);
- border-radius: var(--dev-tools-border-radius);
- box-shadow: var(--dev-tools-box-shadow);
- box-sizing: border-box;
- color: var(--dev-tools-text-color);
- flex-direction: row;
- gap: var(--space-100);
- justify-content: space-between;
- margin-top: var(--space-100);
- max-width: 40rem;
- padding-block: var(--space-100);
- pointer-events: auto;
- transform-origin: bottom right;
- transition: var(--dev-tools-transition-duration);
- }
-
- .notification-tray .message.animate-out {
- animation: slideOut forwards var(--dev-tools-transition-duration);
- }
-
- .notification-tray .message .message-details {
- word-break: break-all;
- }
-
- .message.information {
- --dev-tools-notification-color: var(--dev-tools-blue-color);
- }
-
- .message.warning {
- --dev-tools-notification-color: var(--dev-tools-yellow-color);
- }
-
- .message.error {
- --dev-tools-notification-color: var(--dev-tools-red-color);
- }
-
- .message {
- background-clip: padding-box;
- display: flex;
- padding-block: var(--space-75);
- padding-inline: var(--space-450) var(--space-100);
- }
-
- .message.log {
- padding-left: 0.75rem;
- }
-
- .message-content {
- align-self: center;
- flex: 1 1 auto;
- max-width: 100%;
- min-width: 0;
- user-select: text;
- -moz-user-select: text;
- -webkit-user-select: text;
- }
-
- .message .message-details {
- align-items: start;
- color: rgba(255, 255, 255, 0.7);
- display: flex;
- flex-direction: column;
- }
-
- .message .message-details[hidden] {
- display: none;
- }
-
- .message .message-details p {
- display: inline;
- margin: 0;
- margin-right: 0.375em;
- word-break: break-word;
- }
-
- .message .message-details vaadin-details {
- margin: 0;
- }
-
- .message .message-details vaadin-details-summary {
- font-size: var(--font-size-1);
- font-weight: var(--font-weight-medium);
- line-height: var(--line-height-1);
- }
-
- .message .persist::before {
- }
-
- .message .persist:hover::before {
- }
-
- .message .persist.on::before {
- }
-
- .message.log {
- color: var(--dev-tools-text-color-secondary);
- }
-
- .message-heading {
- color: white;
- }
-
- .message-heading::before {
- height: var(--icon-size-m);
- margin-inline-start: calc((var(--space-400) / -1) + ((var(--space-400) - var(--icon-size-m)) / 2));
- position: absolute;
- width: var(--icon-size-m);
- }
-
- .message.information .message-heading::before {
- content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16V12M12 8H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%2395C6FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
- }
-
- .message.warning .message-heading::before,
- .message.error .message-heading::before {
- content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8V12M12 16H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23ff707a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
- }
-
- .ahreflike {
- font-weight: 500;
- color: var(--dev-tools-text-color-secondary);
- text-decoration: underline;
- cursor: pointer;
- }
-
- @keyframes slideIn {
- from {
- transform: translateX(100%);
- opacity: 0;
- }
- to {
- transform: translateX(0%);
- opacity: 1;
- }
- }
-
- @keyframes slideOut {
- from {
- transform: translateX(0%);
- opacity: 1;
- }
- to {
- transform: translateX(100%);
- opacity: 0;
- }
- }
-
- @keyframes fade-in {
- 0% {
- opacity: 0;
- }
- }
-
- @keyframes bounce {
- 0% {
- transform: scale(0.8);
- }
- 50% {
- transform: scale(1.5);
- background-color: hsla(var(--dev-tools-red-hsl), 1);
- }
- 100% {
- transform: scale(1);
- }
- }
- `
- ];
- }
- render() {
- return r`
- ${this.panelInfo.expandable !== !1 ? r` ` : g}
-
-
-
-
- ${this.renderActions()}
- ${this.renderHelpButton()} ${this.renderPopupButton()}
-
-
-
- ${l.notifications.map((e) => this.renderNotification(e))}
- `;
- }
- renderNotification(e) {
- return r`
-
- `;
- }
- toggleDontShowAgain(e) {
- e.dontShowAgain = !e.dontShowAgain, this.requestUpdate();
- }
-};
-Se = Qt([
- y("copilot-notifications-container")
-], Se);
-function ei(e) {
- return e.dontShowAgainMessage ? e.dontShowAgainMessage : "Do not show this again";
-}
-O({
- type: T.WARNING,
- message: "Development Mode",
- details: "This application is running in development mode.",
- dismissId: "devmode"
-});
-const ce = Z(async () => {
- await gt();
-}, 100);
-u.on("vite-after-update", () => {
- ce();
-});
-function Ve() {
- ce.clear(), ce(), ft();
-}
-if (window.__REACT_DEVTOOLS_GLOBAL_HOOK__) {
- const e = window.__REACT_DEVTOOLS_GLOBAL_HOOK__, t = e.onCommitFiberRoot;
- e.onCommitFiberRoot = (i, n, o, s) => (Ve(), t(i, n, o, s));
-}
-const Re = window?.Vaadin?.connectionState?.stateChangeListeners;
-Re ? Re.add((e, t) => {
- e === "loading" && t === "connected" && l.active && Ve();
-}) : console.warn("Unable to add listener for connection state changes");
-u.on("copilot-plugin-state", (e) => {
- l.setIdePluginState(e.detail), e.preventDefault();
-});
-u.on("copilot-early-project-state", (e) => {
- R.setSpringSecurityEnabled(e.detail.springSecurityEnabled), R.setSpringJpaDataEnabled(e.detail.springJpaDataEnabled), R.setSupportsHilla(e.detail.supportsHilla), R.setSpringApplication(e.detail.springApplication), R.setUrlPrefix(e.detail.urlPrefix), e.preventDefault();
-});
-u.on("copilot-ide-notification", (e) => {
- O({
- type: T[e.detail.type],
- message: e.detail.message,
- dismissId: e.detail.dismissId
- }), e.preventDefault();
-});
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
- */
-let De = 0, Je = 0;
-const M = [];
-let pe = !1;
-function ti() {
- pe = !1;
- const e = M.length;
- for (let t = 0; t < e; t++) {
- const i = M[t];
- if (i)
- try {
- i();
- } catch (n) {
- setTimeout(() => {
- throw n;
- });
- }
- }
- M.splice(0, e), Je += e;
-}
-const ii = {
- /**
- * Enqueues a function called at microtask timing.
- *
- * @memberof microTask
- * @param {!Function=} callback Callback to run
- * @return {number} Handle used for canceling task
- */
- run(e) {
- pe || (pe = !0, queueMicrotask(() => ti())), M.push(e);
- const t = De;
- return De += 1, t;
- },
- /**
- * Cancels a previously enqueued `microTask` callback.
- *
- * @memberof microTask
- * @param {number} handle Handle returned from `run` of callback to cancel
- * @return {void}
- */
- cancel(e) {
- const t = e - Je;
- if (t >= 0) {
- if (!M[t])
- throw new Error(`invalid async handle: ${e}`);
- M[t] = null;
- }
- }
-};
-/**
-@license
-Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-*/
-const Ee = /* @__PURE__ */ new Set();
-class G {
- /**
- * Creates a debouncer if no debouncer is passed as a parameter
- * or it cancels an active debouncer otherwise. The following
- * example shows how a debouncer can be called multiple times within a
- * microtask and "debounced" such that the provided callback function is
- * called once. Add this method to a custom element:
- *
- * ```js
- * import {microTask} from '@vaadin/component-base/src/async.js';
- * import {Debouncer} from '@vaadin/component-base/src/debounce.js';
- * // ...
- *
- * _debounceWork() {
- * this._debounceJob = Debouncer.debounce(this._debounceJob,
- * microTask, () => this._doWork());
- * }
- * ```
- *
- * If the `_debounceWork` method is called multiple times within the same
- * microtask, the `_doWork` function will be called only once at the next
- * microtask checkpoint.
- *
- * Note: In testing it is often convenient to avoid asynchrony. To accomplish
- * this with a debouncer, you can use `enqueueDebouncer` and
- * `flush`. For example, extend the above example by adding
- * `enqueueDebouncer(this._debounceJob)` at the end of the
- * `_debounceWork` method. Then in a test, call `flush` to ensure
- * the debouncer has completed.
- *
- * @param {Debouncer?} debouncer Debouncer object.
- * @param {!AsyncInterface} asyncModule Object with Async interface
- * @param {function()} callback Callback to run.
- * @return {!Debouncer} Returns a debouncer object.
- */
- static debounce(t, i, n) {
- return t instanceof G ? t._cancelAsync() : t = new G(), t.setConfig(i, n), t;
- }
- constructor() {
- this._asyncModule = null, this._callback = null, this._timer = null;
- }
- /**
- * Sets the scheduler; that is, a module with the Async interface,
- * a callback and optional arguments to be passed to the run function
- * from the async module.
- *
- * @param {!AsyncInterface} asyncModule Object with Async interface.
- * @param {function()} callback Callback to run.
- * @return {void}
- */
- setConfig(t, i) {
- this._asyncModule = t, this._callback = i, this._timer = this._asyncModule.run(() => {
- this._timer = null, Ee.delete(this), this._callback();
- });
- }
- /**
- * Cancels an active debouncer and returns a reference to itself.
- *
- * @return {void}
- */
- cancel() {
- this.isActive() && (this._cancelAsync(), Ee.delete(this));
- }
- /**
- * Cancels a debouncer's async callback.
- *
- * @return {void}
- */
- _cancelAsync() {
- this.isActive() && (this._asyncModule.cancel(
- /** @type {number} */
- this._timer
- ), this._timer = null);
- }
- /**
- * Flushes an active debouncer and returns a reference to itself.
- *
- * @return {void}
- */
- flush() {
- this.isActive() && (this.cancel(), this._callback());
- }
- /**
- * Returns true if the debouncer is active.
- *
- * @return {boolean} True if active.
- */
- isActive() {
- return this._timer != null;
- }
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const F = (e, t) => {
- const i = e._$AN;
- if (i === void 0) return !1;
- for (const n of i) n._$AO?.(t, !1), F(n, t);
- return !0;
-}, K = (e) => {
- let t, i;
- do {
- if ((t = e._$AM) === void 0) break;
- i = t._$AN, i.delete(e), e = t;
- } while (i?.size === 0);
-}, Fe = (e) => {
- for (let t; t = e._$AM; e = t) {
- let i = t._$AN;
- if (i === void 0) t._$AN = i = /* @__PURE__ */ new Set();
- else if (i.has(e)) break;
- i.add(e), si(t);
- }
-};
-function ni(e) {
- this._$AN !== void 0 ? (K(this), this._$AM = e, Fe(this)) : this._$AM = e;
-}
-function oi(e, t = !1, i = 0) {
- const n = this._$AH, o = this._$AN;
- if (o !== void 0 && o.size !== 0) if (t) if (Array.isArray(n)) for (let s = i; s < n.length; s++) F(n[s], !1), K(n[s]);
- else n != null && (F(n, !1), K(n));
- else F(this, e);
-}
-const si = (e) => {
- e.type == He.CHILD && (e._$AP ??= oi, e._$AQ ??= ni);
-};
-class ai extends mt {
- constructor() {
- super(...arguments), this._$AN = void 0;
- }
- _$AT(t, i, n) {
- super._$AT(t, i, n), Fe(this), this.isConnected = t._$AU;
- }
- _$AO(t, i = !0) {
- t !== this.isConnected && (this.isConnected = t, t ? this.reconnected?.() : this.disconnected?.()), i && (F(this, t), K(this));
- }
- setValue(t) {
- if (vt(this._$Ct)) this._$Ct._$AI(t, this);
- else {
- const i = [...this._$Ct._$AH];
- i[this._$Ci] = t, this._$Ct._$AI(i, this, 0);
- }
- }
- disconnected() {
- }
- reconnected() {
- }
-}
-/**
- * @license
- * Copyright (c) 2016 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const ze = Symbol("valueNotInitialized");
-class ri extends ai {
- constructor(t) {
- if (super(t), t.type !== He.ELEMENT)
- throw new Error(`\`${this.constructor.name}\` must be bound to an element.`);
- this.previousValue = ze;
- }
- /** @override */
- render(t, i) {
- return g;
- }
- /** @override */
- update(t, [i, n]) {
- return this.hasChanged(n) ? (this.host = t.options && t.options.host, this.element = t.element, this.renderer = i, this.previousValue === ze ? this.addRenderer() : this.runRenderer(), this.previousValue = Array.isArray(n) ? [...n] : n, g) : g;
- }
- /** @override */
- reconnected() {
- this.addRenderer();
- }
- /** @override */
- disconnected() {
- this.removeRenderer();
- }
- /** @abstract */
- addRenderer() {
- throw new Error("The `addRenderer` method must be implemented.");
- }
- /** @abstract */
- runRenderer() {
- throw new Error("The `runRenderer` method must be implemented.");
- }
- /** @abstract */
- removeRenderer() {
- throw new Error("The `removeRenderer` method must be implemented.");
- }
- /** @protected */
- renderRenderer(t, ...i) {
- const n = this.renderer.call(this.host, ...i);
- bt(n, t, { host: this.host });
- }
- /** @protected */
- hasChanged(t) {
- return Array.isArray(t) ? !Array.isArray(this.previousValue) || this.previousValue.length !== t.length ? !0 : t.some((i, n) => i !== this.previousValue[n]) : this.previousValue !== t;
- }
-}
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const ae = Symbol("contentUpdateDebouncer");
-class be extends ri {
- /**
- * A property to that the renderer callback will be assigned.
- *
- * @abstract
- */
- get rendererProperty() {
- throw new Error("The `rendererProperty` getter must be implemented.");
- }
- /**
- * Adds the renderer callback to the dialog.
- */
- addRenderer() {
- this.element[this.rendererProperty] = (t, i) => {
- this.renderRenderer(t, i);
- };
- }
- /**
- * Runs the renderer callback on the dialog.
- */
- runRenderer() {
- this.element[ae] = G.debounce(
- this.element[ae],
- ii,
- () => {
- this.element.requestContentUpdate();
- }
- );
- }
- /**
- * Removes the renderer callback from the dialog.
- */
- removeRenderer() {
- this.element[this.rendererProperty] = null, delete this.element[ae];
- }
-}
-class li extends be {
- get rendererProperty() {
- return "renderer";
- }
-}
-class di extends be {
- get rendererProperty() {
- return "headerRenderer";
- }
-}
-class ci extends be {
- get rendererProperty() {
- return "footerRenderer";
- }
-}
-const qe = me(li), Xe = me(di), We = me(ci);
-var pi = Object.defineProperty, hi = Object.getOwnPropertyDescriptor, Ye = (e, t, i, n) => {
- for (var o = n > 1 ? void 0 : n ? hi(t, i) : t, s = e.length - 1, a; s >= 0; s--)
- (a = e[s]) && (o = (n ? a(t, i, o) : a(o)) || o);
- return n && o && pi(t, i, o), o;
-};
-let he = class extends ge {
- constructor() {
- super(...arguments), this.rememberChoice = !1, this.opened = !1;
- }
- firstUpdated(e) {
- super.firstUpdated(e), ee(this.renderRoot);
- }
- render() {
- return r` This Operation Uses AI
- ${d.starsAlt}
- `
- )}
- ${qe(
- () => r`
-
-
- `
- )}
- ${qe(
- () => r`
- Send report
-
-
-
-
-
-
- `,
- [this.exceptionReport, this.visibleItemIndex, this.selectedItems]
- )}
- ${We(
- () => r`
-
-
-
- `,
- [this.exceptionReport, this.selectedItems, this.searchInputValue]
- )}>
- Following files have compilation errors:
- `
- );
- } else
- t = "Project contains one or more compilation errors.";
- Y = O({
- message: "Compilation error",
- details: t,
- type: T.WARNING,
- delay: 3e4
- });
- } else
- Y && Te(Y), Y = void 0;
-});
-u.on("copilot-java-after-update", (e) => {
- const t = e.detail.classes.filter((n) => n.redefined).map((n) => n.class).join(", ");
- if (t.length === 0)
- return;
- const i = "java-hot-deploy";
- e.detail.classes.find((n) => n.routePath !== void 0) && u.emit("update-routes", {}), O({
- type: T.INFORMATION,
- message: `Java changes were hot deployed for ${yt(t)}`,
- dismissId: i,
- delay: 5e3
- });
-});
diff --git a/src/main/frontend/generated/jar-resources/copilot/copilot-log-plugin-KBXqvPJL.js b/src/main/frontend/generated/jar-resources/copilot/copilot-log-plugin-KBXqvPJL.js
deleted file mode 100644
index 2c24649..0000000
--- a/src/main/frontend/generated/jar-resources/copilot/copilot-log-plugin-KBXqvPJL.js
+++ /dev/null
@@ -1,235 +0,0 @@
-import { j as R, ah as S, ai as x, a6 as c, F as n, M as p, aj as M, a2 as L, v as D, b as k, K as I, m as q, x as A, u as v } from "./copilot-CP3-W7yE.js";
-import { r as $ } from "./state-C3WY-pqX.js";
-import { B as P } from "./base-panel-Ckfoxxex.js";
-import { i as l } from "./icons-DVw-r69H.js";
-const B = 'copilot-log-panel ul{list-style-type:none;margin:0;padding:0}copilot-log-panel ul li{align-items:start;display:flex;gap:var(--space-50);padding:var(--space-100) var(--space-50);position:relative}copilot-log-panel ul li:before{border-bottom:1px dashed var(--divider-primary-color);content:"";inset:auto 0 0 calc(var(--size-m) + var(--space-100));position:absolute}copilot-log-panel ul li span.icon{display:flex;flex-shrink:0;justify-content:center;width:var(--size-m)}copilot-log-panel ul li.information span.icon{color:var(--blue-color)}copilot-log-panel ul li.warning span.icon{color:var(--warning-color)}copilot-log-panel ul li.error span.icon{color:var(--error-color)}copilot-log-panel ul li .message{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}copilot-log-panel ul li:not(.expanded) span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}copilot-log-panel ul li button svg{transition:transform .15s cubic-bezier(.2,0,0,1)}copilot-log-panel ul li button[aria-expanded=true] svg{transform:rotate(90deg)}copilot-log-panel ul li code{margin-top:var(--space-50)}copilot-log-panel ul li.expanded .secondary{margin-top:var(--space-100)}copilot-log-panel .secondary a{display:block;margin-bottom:var(--space-50)}';
-var C = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, u = (e, t, a, i) => {
- for (var o = i > 1 ? void 0 : i ? _(t, a) : t, d = e.length - 1, s; d >= 0; d--)
- (s = e[d]) && (o = (i ? s(t, a, o) : s(o)) || o);
- return i && o && C(t, a, o), o;
-};
-class b {
- constructor() {
- this.showTimestamps = !1, q(this);
- }
- toggleShowTimestamps() {
- this.showTimestamps = !this.showTimestamps;
- }
-}
-const h = new b();
-let r = class extends P {
- constructor() {
- super(...arguments), this.unreadErrors = !1, this.messages = [], this.nextMessageId = 1, this.transitionDuration = 0, this.errorHandlersAdded = !1;
- }
- connectedCallback() {
- if (super.connectedCallback(), this.onCommand("log", (e) => {
- this.handleLogEventData({ type: e.data.type, message: e.data.message });
- }), this.onEventBus("log", (e) => this.handleLogEvent(e)), this.onEventBus("update-log", (e) => this.updateLog(e.detail)), this.onEventBus("notification-shown", (e) => this.handleNotification(e)), this.onEventBus("clear-log", () => this.clear()), this.reaction(
- () => R.sectionPanelResizing,
- () => {
- this.requestUpdate();
- }
- ), this.transitionDuration = parseInt(
- window.getComputedStyle(this).getPropertyValue("--dev-tools-transition-duration"),
- 10
- ), !this.errorHandlersAdded) {
- const e = (t) => {
- I(() => {
- A.attentionRequiredPanelTag = "copilot-log-panel";
- }), this.log(p.ERROR, t.message, !!t.internal, t.details, t.link);
- };
- S((t) => {
- e(t);
- }), x.forEach((t) => {
- e(t);
- }), x.length = 0, this.errorHandlersAdded = !0;
- }
- }
- clear() {
- this.messages = [];
- }
- handleNotification(e) {
- this.log(e.detail.type, e.detail.message, !0, e.detail.details, e.detail.link);
- }
- handleLogEvent(e) {
- this.handleLogEventData(e.detail);
- }
- handleLogEventData(e) {
- this.log(
- e.type,
- e.message,
- !!e.internal,
- e.details,
- e.link,
- c(e.expandedMessage),
- c(e.expandedDetails),
- e.id
- );
- }
- activate() {
- this.unreadErrors = !1, this.updateComplete.then(() => {
- const e = this.renderRoot.querySelector(".message:last-child");
- e && e.scrollIntoView();
- });
- }
- render() {
- return n`
-
-
- ${e.detail.files.map(
- (n) => r`
-
- ${i}
-
- ${this.messages.map((e) => this.renderMessage(e))}
-
- `;
- }
- renderMessage(e) {
- let t, a;
- return e.type === p.ERROR ? (a = l.alertTriangle, t = "Error") : e.type === p.WARNING ? (a = l.warning, t = "Warning") : (a = l.info, t = "Info"), n`
- Global
-
-
- Selected component
-
-
`;
- }
-};
-d = w([
- f("copilot-shortcuts-panel")
-], d);
-function a(t) {
- return i`${b(t)}`;
-}
-const x = m({
- header: "Keyboard Shortcuts",
- tag: "copilot-shortcuts-panel",
- width: 400,
- height: 550,
- floatingPosition: {
- top: 50,
- left: 50
- }
-}), C = {
- init(t) {
- t.addPanel(x);
- }
-};
-window.Vaadin.copilot.plugins.push(C);
diff --git a/src/main/frontend/generated/jar-resources/copilot/early-project-state-DgrvrTky.js b/src/main/frontend/generated/jar-resources/copilot/early-project-state-DgrvrTky.js
deleted file mode 100644
index 54a7b82..0000000
--- a/src/main/frontend/generated/jar-resources/copilot/early-project-state-DgrvrTky.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import { a as D } from "./copilot-CP3-W7yE.js";
-var y, v;
-function E() {
- return v || (v = 1, y = function() {
- var a = document.getSelection();
- if (!a.rangeCount)
- return function() {
- };
- for (var o = document.activeElement, s = [], i = 0; i < a.rangeCount; i++)
- s.push(a.getRangeAt(i));
- switch (o.tagName.toUpperCase()) {
- // .toUpperCase handles XHTML
- case "INPUT":
- case "TEXTAREA":
- o.blur();
- break;
- default:
- o = null;
- break;
- }
- return a.removeAllRanges(), function() {
- a.type === "Caret" && a.removeAllRanges(), a.rangeCount || s.forEach(function(d) {
- a.addRange(d);
- }), o && o.focus();
- };
- }), y;
-}
-var g, C;
-function h() {
- if (C) return g;
- C = 1;
- var a = E(), o = {
- "text/plain": "Text",
- "text/html": "Url",
- default: "Text"
- }, s = "Copy to clipboard: #{key}, Enter";
- function i(n) {
- var t = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
- return n.replace(/#{\s*key\s*}/g, t);
- }
- function d(n, t) {
- var c, m, b, u, l, e, f = !1;
- t || (t = {}), c = t.debug || !1;
- try {
- b = a(), u = document.createRange(), l = document.getSelection(), e = document.createElement("span"), e.textContent = n, e.ariaHidden = "true", e.style.all = "unset", e.style.position = "fixed", e.style.top = 0, e.style.clip = "rect(0, 0, 0, 0)", e.style.whiteSpace = "pre", e.style.webkitUserSelect = "text", e.style.MozUserSelect = "text", e.style.msUserSelect = "text", e.style.userSelect = "text", e.addEventListener("copy", function(r) {
- if (r.stopPropagation(), t.format)
- if (r.preventDefault(), typeof r.clipboardData > "u") {
- c && console.warn("unable to use e.clipboardData"), c && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
- var p = o[t.format] || o.default;
- window.clipboardData.setData(p, n);
- } else
- r.clipboardData.clearData(), r.clipboardData.setData(t.format, n);
- t.onCopy && (r.preventDefault(), t.onCopy(r.clipboardData));
- }), document.body.appendChild(e), u.selectNodeContents(e), l.addRange(u);
- var w = document.execCommand("copy");
- if (!w)
- throw new Error("copy command was unsuccessful");
- f = !0;
- } catch (r) {
- c && console.error("unable to copy using execCommand: ", r), c && console.warn("trying IE specific stuff");
- try {
- window.clipboardData.setData(t.format || "text", n), t.onCopy && t.onCopy(window.clipboardData), f = !0;
- } catch (p) {
- c && console.error("unable to copy using clipboardData: ", p), c && console.error("falling back to prompt"), m = i("message" in t ? t.message : s), window.prompt(m, n);
- }
- } finally {
- l && (typeof l.removeRange == "function" ? l.removeRange(u) : l.removeAllRanges()), e && document.body.removeChild(e), b();
- }
- return f;
- }
- return g = d, g;
-}
-var x = h();
-const S = /* @__PURE__ */ D(x), T = window.Vaadin.copilot._earlyProjectState;
-if (!T)
- throw new Error("Tried to access early project state before it was initialized.");
-export {
- S as c,
- T as e
-};
diff --git a/src/main/frontend/generated/jar-resources/copilot/figma-public/figma-api.d.ts b/src/main/frontend/generated/jar-resources/copilot/figma-public/figma-api.d.ts
deleted file mode 100644
index 9ae466a..0000000
--- a/src/main/frontend/generated/jar-resources/copilot/figma-public/figma-api.d.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { NodeType, StackAlign, StackCounterAlign, StackJustify, StackMode, StackSize } from 'fig-kiwi/fig-kiwi';
-import { ComponentDefinition } from '../shared/flow-utils';
-export type SwappedInstance = {
- name: string | undefined;
- symbolDescription: string | undefined;
-};
-export type PropertyValue = SwappedInstance | boolean | number | string;
-export type FigmaNode = {
- type: NodeType | undefined;
- name: string | undefined;
- symbolDescription: string | undefined;
- parent: FigmaNode | undefined;
- children: FigmaNode[];
- htmlTag: string;
- reactTag: string;
- vaadinComponent: boolean;
- vaadinLayout: boolean;
- width: number | undefined;
- height: number | undefined;
- x: number | undefined;
- y: number | undefined;
- classNames: string[];
- styles: RecordHere I am`;
- * }
- * }
- * customElements.define('my-tab', MyTab);
- *
- * const plugin: DevToolsPlugin = {
- * init: function (devToolsInterface: DevToolsInterface): void {
- * devToolsInterface.addTab('Tab title', 'my-tab')
- * }
- * };
- *
- * (window as any).Vaadin.devToolsPlugins.push(plugin);
- */
-export interface DevToolsPlugin {
- /**
- * Called once to initialize the plugin.
- *
- * @param devToolsInterface provides methods to interact with the dev tools
- */
- init(devToolsInterface: DevToolsInterface): void;
-}
-export declare enum MessageType {
- LOG = "log",
- INFORMATION = "information",
- WARNING = "warning",
- ERROR = "error"
-}
-type DevToolsConf = {
- enable: boolean;
- url: string;
- backend?: string;
- liveReloadPort: number;
- token?: string;
-};
-export declare class VaadinDevTools extends LitElement {
- unhandledMessages: ServerMessage[];
- conf: DevToolsConf;
- static get styles(): import("lit").CSSResult[];
- static DISMISSED_NOTIFICATIONS_IN_LOCAL_STORAGE: string;
- static ACTIVE_KEY_IN_SESSION_STORAGE: string;
- static TRIGGERED_KEY_IN_SESSION_STORAGE: string;
- static TRIGGERED_COUNT_KEY_IN_SESSION_STORAGE: string;
- static AUTO_DEMOTE_NOTIFICATION_DELAY: number;
- static HOTSWAP_AGENT: string;
- static JREBEL: string;
- static SPRING_BOOT_DEVTOOLS: string;
- static BACKEND_DISPLAY_NAME: Record${s}