@foxy.io/elements 1.29.0-beta.5 → 1.29.0

package/dist/cdn/foxy-i18n-editor.js

@@ -1,2 +1,554 @@
-import"./shared-e9bf9d3d.js";import"./foxy-nucleon-element.js";import"./foxy-spinner.js";import"./shared-4f6e3162.js";import"./shared-928400e3.js";import"./shared-c0ce5ed0.js";import"./shared-aba112fe.js";import{_ as e}from"./shared-0f6e4584.js";import{C as t}from"./shared-0b01f721.js";import{R as s,a as r,T as i}from"./shared-91445b2b.js";import{N as a}from"./shared-24d71d01.js";import{c as n,h as o}from"./shared-dc73b9a5.js";import{c as d}from"./shared-4e709717.js";import{i as l}from"./shared-9803aa7c.js";import{r as c}from"./shared-a0c6a159.js";import"./shared-5e463387.js";import"./shared-f0cbc9b6.js";import"./shared-1c166d01.js";import"./shared-c308b7e0.js";import"./shared-aa9765b6.js";import"./shared-c92aa1b4.js";import"./shared-651c44fa.js";import"./shared-72d815f5.js";import"./shared-c286c5ad.js";import"./shared-343d1fd7.js";import"./shared-cd96ff03.js";import"./shared-f7a1193f.js";import"./shared-522a172d.js";import"./shared-12a7a15d.js";import"./shared-6474675f.js";import"./shared-ee36b83f.js";import"./shared-61ade33e.js";let u,h,m,p=e=>e;const f=s(r(t(i(a))));customElements.define("foxy-internal-i18n-editor-entry",class extends f{constructor(){super(...arguments),this.defaultValue=null,this.gateway=null,this.code=null}static get properties(){return e(e({},super.properties),{},{defaultValue:{attribute:"default-value"},gateway:{},code:{}})}static get styles(){return[super.styles,n(u||(u=p`:host{--button-height:1.703rem}textarea{-webkit-text-fill-color:var(--lumo-body-text-color)}vaadin-button{height:var(--button-height);--lumo-primary-color-50pct:var(--lumo-success-contrast-color)}.h-bottom-bar{height:calc(var(--button-height) + (var(--lumo-space-xs) * 2))}.h-0{height:0}`))]}render(){var e,t,s;const r=null!==(e=this.form.custom_value)&&void 0!==e?e:this.defaultValue,i=this.in({idle:"snapshot"}),a=this.in({idle:"template"}),n=this.in({idle:{snapshot:"dirty"}}),l=this.in({idle:{template:"dirty"}}),c=n||l,u=!this.in("idle")||this.disabled,f=this.readonly,v=!u&&!f,b=this.in("fail");return o(h||(h=p` <div class="${0}"> <label class="group flex flex-col sm-flex-row"> <div class="flex-1 p-xs break-all" style="max-width:20rem"> <span class="inline-block rounded text-s p-xs font-medium"> ${0} </span> </div> <div class="flex-1 flex"> <div class="relative flex-1"> <div class="opacity-0 text-s p-s font-medium break-all"> <span class="whitespace-pre-wrap">${0}&ZeroWidthSpace;</span> </div> <textarea class="${0}" .value="${0}" ?disabled="${0}" ?readonly="${0}" @input="${0}">
-              </textarea> </div> ${0} </div> </label> <div class="${0}"> <vaadin-button theme="primary success small" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="" key="undo_button"></foxy-i18n> </vaadin-button> <vaadin-button theme="primary success small" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="" key="save_button"></foxy-i18n> </vaadin-button> </div> </div> `),d({"transition-all rounded ring-1 leading-s text-secondary":!0,"ring-contrast-10":!b&&(!c||f),"ring-success":!b&&c&&!f,"ring-error":b,"opacity-75":u,"hover-ring-contrast-20":!b&&!c&&v,"hover-text-body":!b&&v}),null!==(s=null===(t=this.data)||void 0===t?void 0:t.code)&&void 0!==s?s:this.code,r,d({"absolute inset-0 p-s resize-none":!0,"sm-border-l sm-border-transparent":!0,"break-all text-body transition-colors text-s font-medium":!0,"rounded-b sm-rounded-bl-none sm-rounded-tr":a&&!c,"rounded-bl sm-rounded-bl-none":i&&!c,"sm-rounded-tr":a&&c,"sm-border-contrast-10":f,"bg-contrast-10":!f,"group-hover-bg-contrast-20":v,"focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50":!0}),r,u,f,(e=>{const t=e.currentTarget;this.gateway&&this.edit({gateway:this.gateway}),this.code&&this.edit({code:this.code}),this.edit({custom_value:t.value})}),i?o(m||(m=p` <button class="${0}" title="${0}" theme="contrast icon" ?disabled="${0}" @click="${0}"> <iron-icon class="icon-inline text-xl" icon="icons:restore"></iron-icon> </button> `),d({"flex-shrink-0 w-m flex items-center justify-center":!0,"transition-colors text-tertiary ring-inset":!0,"rounded-br sm-rounded-tr":!c,"sm-rounded-tr":c,"bg-contrast-10":!f,"cursor-default":!v,"cursor-pointer":v,"group-hover-bg-contrast-20 hover-text-body":v,"focus-outline-none focus-ring-2 focus-ring-primary-50":!0}),this.t("delete_button_title"),u||f,(()=>this.delete())):"",d({"transition-all bg-success rounded-b overflow-hidden":!0,"flex items-center justify-end gap-xs px-xs":!0,"h-bottom-bar":c&&!f,"h-0":!c||f}),!v,(()=>this.undo()),!v,(()=>this.submit()))}});let v,b,g,y,x,$,j=e=>e;const _=r(t(i(a)),"i18n-editor");class w extends _{constructor(){super(...arguments),this.languageOverrides=null,this.selectedLanguage=null,this.__selectedTabIndex=0}static get properties(){return e(e({},super.properties),{},{languageOverrides:{attribute:"language-overrides"},selectedLanguage:{attribute:"selected-language"},__selectedTabIndex:{attribute:!1}})}render(){var e,t,s;const r=this.__tabs,i=r[this.__selectedTabIndex],a=null!==(s=null===(e=this.data)||void 0===e?void 0:e.values[null!==(t=this.selectedLanguage)&&void 0!==t?t:""])&&void 0!==s?s:{},n={},u=!this.in({idle:"snapshot"});if(i)if(i.includes("_")){const e=i.substring(0,i.indexOf("_")),t=i.substring(i.indexOf("_")+1),s=a[e][t];for(const r in s)n[`${e}_${t}_${r}`]=s[r]}else for(const e in a)e.startsWith(i)&&(n[e]=a[e]);const h=this.__renderOverridesLoader(),m=h.overrides;return o(v||(v=j` ${0} <div aria-busy="${0}" aria-live="polite" class="relative"> <div class="${0}"> <vaadin-tabs selected="${0}" class="-mx-l" theme="minimal" @selected-changed="${0}"> ${0} </vaadin-tabs> ${0} </div> <div data-testid="spinner" class="${0}"> <foxy-spinner layout="${0}" class="m-auto" state="${0}" infer="spinner"> </foxy-spinner> </div> </div> `),h.template,this.in("busy"),d({"transition-opacity grid grid-cols-1 gap-s":!0,"opacity-0 pointer-events-none":u}),this.__selectedTabIndex,(e=>{var t;const s=e.currentTarget;this.__selectedTabIndex=null!==(t=s.selected)&&void 0!==t?t:0}),r.map((e=>{const t=e.substring(e.indexOf("_")+1).replace(/_/g," "),s=o(b||(b=j`<span class="capitalize">${0}</span>`),t);return o(g||(g=j`<vaadin-tab>${0}</vaadin-tab>`),s)})),c(Object.entries(n),(([e])=>e),(([e,t])=>{var s;let r,a,n;return e.startsWith("gateways_")?(r=e.substring(i.length+1),a=i.substring(9),n=m.find((e=>e.code===r&&e.gateway===a))):(r=e,a=void 0,n=m.find((e=>e.code===r))),o(y||(y=j` <foxy-internal-i18n-editor-entry default-value="${0}" gateway="${0}" parent="${0}" code="${0}" infer="" .data="${0}"> </foxy-internal-i18n-editor-entry> `),t,l(a),l(null!==(s=this.languageOverrides)&&void 0!==s?s:void 0),r,null!=n?n:null)})),d({"transition-opacity absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!u}),this.in("busy")?"no-label":"horizontal",this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy")}get __tabs(){var e;const t=this.selectedLanguage?null===(e=this.data)||void 0===e?void 0:e.values[this.selectedLanguage]:void 0,s=Object.entries(null!=t?t:{}).reduce(((e,[t,s])=>{if("string"==typeof s){const s=t.substring(0,t.indexOf("_"));e.add(s||t)}else Object.entries(s).forEach((([s,r])=>{0!==Object.keys(r).length&&e.add(`${t}_${s}`)}));return e}),new Set);return Array.from(s)}__renderOverridesLoader(){var e;const t=Array.from(this.renderRoot.querySelectorAll("foxy-nucleon")),s=t.reduce(((e,t)=>{var s,r;return[...e,...null!==(r=null===(s=t.data)||void 0===s?void 0:s._embedded["fx:language_overrides"])&&void 0!==r?r:[]]}),[]),r=t[0],i=new Array(Math.ceil(((null===(e=null==r?void 0:r.data)||void 0===e?void 0:e.total_items)||300)/300)).fill(0).map(((e,t)=>{var s;try{const e=new URL(null!==(s=this.languageOverrides)&&void 0!==s?s:"");return e.searchParams.set("offset",String(300*t)),e.searchParams.set("limit","300"),o(x||(x=j` <foxy-nucleon infer="" href="${0}" @update="${0}"> </foxy-nucleon> `),e.toString(),(()=>this.requestUpdate()))}catch(e){return}}));return{template:o($||($=j`<div class="hidden">${0}</div>`),i),overrides:s,loaders:t}}}customElements.define("foxy-i18n-editor",w);export{w as I18nEditor};
+import"./shared-fb1602a2.js";import{h as t,P as e}from"./shared-98ddb87c.js";import{E as r,T as o}from"./shared-38f0bda5.js";import{I as a}from"./shared-651c44fa.js";import"./shared-ff7b2af6.js";import{L as i}from"./shared-70747a5c.js";import{I as s}from"./shared-5c4d786c.js";import{a as n}from"./shared-e7232c2b.js";import{a as l}from"./shared-887e1795.js";import"./foxy-nucleon-element.js";import"./foxy-spinner.js";import"./shared-49ecea83.js";import"./shared-cc808e01.js";import"./shared-59b7fcc0.js";import{_ as d}from"./shared-0f6e4584.js";import{C as c}from"./shared-0b01f721.js";import{R as m,a as h,T as u}from"./shared-25502f01.js";import{N as f}from"./shared-24d71d01.js";import{c as p,h as v}from"./shared-dc73b9a5.js";import{c as b}from"./shared-4e709717.js";import{i as g}from"./shared-9803aa7c.js";import{r as y}from"./shared-a0c6a159.js";import"./shared-c286c5ad.js";import"./shared-343d1fd7.js";import"./shared-cd96ff03.js";import"./shared-f7a1193f.js";import"./shared-522a172d.js";import"./shared-12a7a15d.js";import"./shared-6474675f.js";import"./shared-ee36b83f.js";import"./shared-61ade33e.js";const w=t`<dom-module id="lumo-tab" theme-for="vaadin-tab">
+  <template>
+    <style>
+      :host {
+        box-sizing: border-box;
+        padding: 0.5rem 0.75rem;
+        font-family: var(--lumo-font-family);
+        font-size: var(--lumo-font-size-m);
+        line-height: var(--lumo-line-height-xs);
+        font-weight: 500;
+        opacity: 1;
+        color: var(--lumo-contrast-60pct);
+        transition: 0.15s color, 0.2s transform;
+        flex-shrink: 0;
+        display: flex;
+        align-items: center;
+        position: relative;
+        cursor: pointer;
+        transform-origin: 50% 100%;
+        outline: none;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        overflow: hidden;
+        min-width: var(--lumo-size-m);
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+      }
+
+      :host(:not([orientation="vertical"])) {
+        text-align: center;
+      }
+
+      :host([orientation="vertical"]) {
+        transform-origin: 0% 50%;
+        padding: 0.25rem 1rem;
+        min-height: var(--lumo-size-m);
+        min-width: 0;
+      }
+
+      :host(:hover),
+      :host([focus-ring]) {
+        color: var(--lumo-body-text-color);
+      }
+
+      :host([selected]) {
+        color: var(--lumo-primary-text-color);
+        transition: 0.6s color;
+      }
+
+      :host([active]:not([selected])) {
+        color: var(--lumo-primary-text-color);
+        transition-duration: 0.1s;
+      }
+
+      :host::before,
+      :host::after {
+        content: "";
+        position: absolute;
+        display: var(--_lumo-tab-marker-display, block);
+        bottom: 0;
+        left: 50%;
+        width: var(--lumo-size-s);
+        height: 2px;
+        background-color: var(--lumo-contrast-60pct);
+        border-radius: var(--lumo-border-radius) var(--lumo-border-radius) 0 0;
+        transform: translateX(-50%) scale(0);
+        transform-origin: 50% 100%;
+        transition: 0.14s transform cubic-bezier(.12, .32, .54, 1);
+        will-change: transform;
+      }
+
+      :host([selected])::before,
+      :host([selected])::after {
+        background-color: var(--lumo-primary-color);
+      }
+
+      :host([orientation="vertical"])::before,
+      :host([orientation="vertical"])::after {
+        left: 0;
+        bottom: 50%;
+        transform: translateY(50%) scale(0);
+        width: 2px;
+        height: var(--lumo-size-xs);
+        border-radius: 0 var(--lumo-border-radius) var(--lumo-border-radius) 0;
+        transform-origin: 100% 50%;
+      }
+
+      :host::after {
+        box-shadow: 0 0 0 4px var(--lumo-primary-color);
+        opacity: 0.15;
+        transition: 0.15s 0.02s transform, 0.8s 0.17s opacity;
+      }
+
+      :host([selected])::before,
+      :host([selected])::after {
+        transform: translateX(-50%) scale(1);
+        transition-timing-function: cubic-bezier(.12, .32, .54, 1.5);
+      }
+
+      :host([orientation="vertical"][selected])::before,
+      :host([orientation="vertical"][selected])::after {
+        transform: translateY(50%) scale(1);
+      }
+
+      :host([selected]:not([active]))::after {
+        opacity: 0;
+      }
+
+      :host(:not([orientation="vertical"])) ::slotted(a[href]) {
+        justify-content: center;
+      }
+
+      :host ::slotted(a) {
+        display: flex;
+        width: 100%;
+        align-items: center;
+        height: 100%;
+        margin: -0.5rem -0.75rem;
+        padding: 0.5rem 0.75rem;
+        outline: none;
+
+        /*
+          Override the CSS inherited from \`lumo-color\` and \`lumo-typography\`.
+          Note: \`!important\` is needed because of the \`:slotted\` specificity.
+        */
+        text-decoration: none !important;
+        color: inherit !important;
+      }
+
+      :host ::slotted(iron-icon) {
+        margin: 0 4px;
+        width: var(--lumo-icon-size-m);
+        height: var(--lumo-icon-size-m);
+      }
+
+      /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
+      :host ::slotted(iron-icon[icon^="vaadin:"]) {
+        padding: 0.25rem;
+        box-sizing: border-box !important;
+      }
+
+      :host(:not([dir="rtl"])) ::slotted(iron-icon:first-child) {
+        margin-left: 0;
+      }
+
+      :host(:not([dir="rtl"])) ::slotted(iron-icon:last-child) {
+        margin-right: 0;
+      }
+
+      :host([theme~="icon-on-top"]) {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: space-around;
+        text-align: center;
+        padding-bottom: 0.5rem;
+        padding-top: 0.25rem;
+      }
+
+      :host([theme~="icon-on-top"]) ::slotted(a) {
+        flex-direction: column;
+        align-items: center;
+        margin-top: -0.25rem;
+        padding-top: 0.25rem;
+      }
+
+      :host([theme~="icon-on-top"]) ::slotted(iron-icon) {
+        margin: 0;
+      }
+
+      /* Disabled */
+
+      :host([disabled]) {
+        pointer-events: none;
+        opacity: 1;
+        color: var(--lumo-disabled-text-color);
+      }
+
+      /* Focus-ring */
+
+      :host([focus-ring]) {
+        box-shadow: inset 0 0 0 2px var(--lumo-primary-color-50pct);
+        border-radius: var(--lumo-border-radius);
+      }
+
+      /* RTL specific styles */
+
+      :host([dir="rtl"])::before,
+      :host([dir="rtl"])::after {
+        left: auto;
+        right: 50%;
+        transform: translateX(50%) scale(0);
+      }
+
+      :host([dir="rtl"][selected]:not([orientation="vertical"]))::before,
+      :host([dir="rtl"][selected]:not([orientation="vertical"]))::after {
+        transform: translateX(50%) scale(1);
+      }
+
+      :host([dir="rtl"]) ::slotted(iron-icon:first-child) {
+        margin-right: 0;
+      }
+
+      :host([dir="rtl"]) ::slotted(iron-icon:last-child) {
+        margin-left: 0;
+      }
+
+      :host([orientation="vertical"][dir="rtl"]) {
+        transform-origin: 100% 50%;
+      }
+
+      :host([dir="rtl"][orientation="vertical"])::before,
+      :host([dir="rtl"][orientation="vertical"])::after {
+        left: auto;
+        right: 0;
+        border-radius: var(--lumo-border-radius) 0 0 var(--lumo-border-radius);
+        transform-origin: 0% 50%;
+      }
+    </style>
+  </template>
+</dom-module>`;document.head.appendChild(w.content);
+/**
+@license
+Copyright (c) 2017 Vaadin Ltd.
+This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+*/
+class x extends(r(o(a(e)))){static get template(){return t`
+    <slot></slot>
+`}static get is(){return"vaadin-tab"}static get version(){return"3.2.0"}ready(){super.ready(),this.setAttribute("role","tab")}_onKeyup(t){const e=this.hasAttribute("active");if(super._onKeyup(t),e){const t=this.querySelector("a");t&&t.click()}}}customElements.define(x.is,x);const _=t`<dom-module id="lumo-tabs" theme-for="vaadin-tabs">
+  <template>
+    <style>
+      :host {
+        -webkit-tap-highlight-color: transparent;
+      }
+
+      :host(:not([orientation="vertical"])) {
+        box-shadow: inset 0 -1px 0 0 var(--lumo-contrast-10pct);
+        position: relative;
+        min-height: var(--lumo-size-l);
+      }
+
+      :host([orientation="horizontal"]) [part="tabs"] ::slotted(vaadin-tab:not([theme~="icon-on-top"])) {
+        justify-content: center;
+      }
+
+      :host([orientation="vertical"]) {
+        box-shadow: -1px 0 0 0 var(--lumo-contrast-10pct);
+      }
+
+      :host([orientation="horizontal"]) [part="tabs"] {
+        margin: 0 0.75rem;
+      }
+
+      :host([orientation="vertical"]) [part="tabs"] {
+        width: 100%;
+        margin: 0.5rem 0;
+      }
+
+      [part="forward-button"],
+      [part="back-button"] {
+        position: absolute;
+        z-index: 1;
+        font-family: lumo-icons;
+        color: var(--lumo-tertiary-text-color);
+        font-size: var(--lumo-icon-size-m);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 1.5em;
+        height: 100%;
+        transition: 0.2s opacity;
+        top: 0;
+      }
+
+      [part="forward-button"]:hover,
+      [part="back-button"]:hover {
+        color: inherit;
+      }
+
+      :host(:not([dir="rtl"])) [part="forward-button"] {
+        right: 0;
+      }
+
+      [part="forward-button"]::after {
+        content: var(--lumo-icons-angle-right);
+      }
+
+      [part="back-button"]::after {
+        content: var(--lumo-icons-angle-left);
+      }
+
+      /* Tabs overflow */
+
+      [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: none;
+        -webkit-mask-image: var(--_lumo-tabs-overflow-mask-image);
+        /* For IE11 */
+        min-height: var(--lumo-size-l);
+      }
+
+      /*
+        TODO: CSS custom property in \`mask-image\` causes crash in Edge
+        see https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15415089/
+      */
+      @-moz-document url-prefix() {
+        [part="tabs"] {
+          mask-image: var(--_lumo-tabs-overflow-mask-image);
+        }
+      }
+
+      /* Horizontal tabs overflow */
+
+      /* Both ends overflowing */
+      :host([overflow~="start"][overflow~="end"]:not([orientation="vertical"])) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(90deg, transparent 2em, #000 4em, #000 calc(100% - 4em), transparent calc(100% - 2em));
+      }
+
+      /* End overflowing */
+      :host([overflow~="end"]:not([orientation="vertical"])) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(90deg, #000 calc(100% - 4em), transparent calc(100% - 2em));
+      }
+
+      /* Start overflowing */
+      :host([overflow~="start"]:not([orientation="vertical"])) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(90deg, transparent 2em, #000 4em);
+      }
+
+      /* Vertical tabs overflow */
+
+      /* Both ends overflowing */
+      :host([overflow~="start"][overflow~="end"][orientation="vertical"]) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(transparent, #000 2em, #000 calc(100% - 2em), transparent);
+      }
+
+      /* End overflowing */
+      :host([overflow~="end"][orientation="vertical"]) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(#000 calc(100% - 2em), transparent);
+      }
+
+      /* Start overflowing */
+      :host([overflow~="start"][orientation="vertical"]) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(transparent, #000 2em);
+      }
+
+      :host [part="tabs"] ::slotted(:not(vaadin-tab)) {
+        margin-left: var(--lumo-space-m);
+      }
+
+      /* Centered */
+
+      :host([theme~="centered"][orientation="horizontal"]) [part="tabs"] {
+        justify-content: center;
+      }
+
+      /* Small */
+
+      :host([theme~="small"]),
+      :host([theme~="small"]) [part="tabs"] {
+        min-height: var(--lumo-size-m);
+      }
+
+      :host([theme~="small"]) [part="tabs"] ::slotted(vaadin-tab) {
+        font-size: var(--lumo-font-size-s);
+      }
+
+      /* Minimal */
+
+      :host([theme~="minimal"]) {
+        box-shadow: none;
+        /* This doesn't work with ShadyCSS */
+        --_lumo-tab-marker-display: none;
+      }
+
+      /* Workaround for the above ShadyCSS issue */
+      :host([theme~="minimal"]) [part="tabs"] ::slotted(vaadin-tab[selected])::before,
+      :host([theme~="minimal"]) [part="tabs"] ::slotted(vaadin-tab[selected])::after {
+        display: none;
+      }
+
+      /* Hide-scroll-buttons */
+
+      :host([theme~="hide-scroll-buttons"]) [part="back-button"],
+      :host([theme~="hide-scroll-buttons"]) [part="forward-button"] {
+        display: none;
+      }
+
+      :host([theme~="hide-scroll-buttons"][overflow~="start"][overflow~="end"]:not([orientation="vertical"])) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(90deg, transparent, #000 2em, #000 calc(100% - 2em), transparent 100%);
+      }
+
+      :host([theme~="hide-scroll-buttons"][overflow~="end"]:not([orientation="vertical"])) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(90deg, #000 calc(100% - 2em), transparent 100%);
+      }
+
+      :host([theme~="hide-scroll-buttons"][overflow~="start"]:not([orientation="vertical"])) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(90deg, transparent, #000 2em);
+      }
+
+      /* Equal-width tabs */
+      :host([theme~="equal-width-tabs"]) {
+        flex: auto;
+      }
+
+      :host([theme~="equal-width-tabs"]) [part="tabs"] ::slotted(vaadin-tab) {
+        flex: 1 0 0%;
+      }
+
+      /* RTL specific styles */
+
+      :host([dir="rtl"]) [part="forward-button"]::after {
+        content: var(--lumo-icons-angle-left);
+      }
+
+      :host([dir="rtl"]) [part="back-button"]::after {
+        content: var(--lumo-icons-angle-right);
+      }
+
+      :host([orientation="vertical"][dir="rtl"]) {
+        box-shadow: 1px 0 0 0 var(--lumo-contrast-10pct);
+      }
+
+      :host([dir="rtl"]) [part="forward-button"] {
+        left: 0;
+      }
+
+      :host([dir="rtl"]) [part="tabs"] ::slotted(:not(vaadin-tab)) {
+        margin-left: 0;
+        margin-right: var(--lumo-space-m);
+      }
+
+      /* Both ends overflowing */
+      :host([dir="rtl"][overflow~="start"][overflow~="end"]:not([orientation="vertical"])) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(-90deg, transparent 2em, #000 4em, #000 calc(100% - 4em), transparent calc(100% - 2em));
+      }
+
+      /* End overflowing */
+      :host([dir="rtl"][overflow~="end"]:not([orientation="vertical"])) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(-90deg, #000 calc(100% - 4em), transparent calc(100% - 2em));
+      }
+
+      /* Start overflowing */
+      :host([dir="rtl"][overflow~="start"]:not([orientation="vertical"])) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(-90deg, transparent 2em, #000 4em);
+      }
+
+      :host([dir="rtl"][theme~="hide-scroll-buttons"][overflow~="start"][overflow~="end"]:not([orientation="vertical"])) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(-90deg, transparent, #000 2em, #000 calc(100% - 2em), transparent 100%);
+      }
+
+      :host([dir="rtl"][theme~="hide-scroll-buttons"][overflow~="end"]:not([orientation="vertical"])) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(-90deg, #000 calc(100% - 2em), transparent 100%);
+      }
+
+      :host([dir="rtl"][theme~="hide-scroll-buttons"][overflow~="start"]:not([orientation="vertical"])) [part="tabs"] {
+        --_lumo-tabs-overflow-mask-image: linear-gradient(-90deg, transparent, #000 2em);
+      }
+    </style>
+  </template>
+</dom-module>`;document.head.appendChild(_.content);
+/**
+@license
+Copyright (c) 2017 Vaadin Ltd.
+This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+*/
+const k=/Apple.* Version\/(9|10)/.test(navigator.userAgent);class $ extends(r(i(o(l([s],e))))){static get template(){return t`
+    <style>
+      :host {
+        display: flex;
+        align-items: center;
+      }
+
+      :host([hidden]) {
+        display: none !important;
+      }
+
+      :host([orientation="vertical"]) {
+        display: block;
+      }
+
+      :host([orientation="horizontal"]) [part="tabs"] {
+        flex-grow: 1;
+        display: flex;
+        align-self: stretch;
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+        -ms-overflow-style: none;
+      }
+
+      /* This seems more future-proof than \`overflow: -moz-scrollbars-none\` which is marked obsolete
+         and is no longer guaranteed to work:
+         https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Mozilla_Extensions */
+      @-moz-document url-prefix() {
+        :host([orientation="horizontal"]) [part="tabs"] {
+          overflow: hidden;
+        }
+      }
+
+      :host([orientation="horizontal"]) [part="tabs"]::-webkit-scrollbar {
+        display: none;
+      }
+
+      :host([orientation="vertical"]) [part="tabs"] {
+        height: 100%;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+      }
+
+      [part="back-button"],
+      [part="forward-button"] {
+        pointer-events: none;
+        opacity: 0;
+        cursor: default;
+      }
+
+      :host([overflow~="start"]) [part="back-button"],
+      :host([overflow~="end"]) [part="forward-button"] {
+        pointer-events: auto;
+        opacity: 1;
+      }
+
+      [part="back-button"]::after {
+        content: '◀';
+      }
+
+      [part="forward-button"]::after {
+        content: '▶';
+      }
+
+      :host([orientation="vertical"]) [part="back-button"],
+      :host([orientation="vertical"]) [part="forward-button"] {
+        display: none;
+      }
+
+      /* RTL specific styles */
+
+      :host([dir="rtl"]) [part="back-button"]::after {
+        content: '▶';
+      }
+
+      :host([dir="rtl"]) [part="forward-button"]::after {
+        content: '◀';
+      }
+    </style>
+    <div on-click="_scrollBack" part="back-button"></div>
+
+    <div id="scroll" part="tabs">
+      <slot></slot>
+    </div>
+
+    <div on-click="_scrollForward" part="forward-button"></div>
+`}static get is(){return"vaadin-tabs"}static get version(){return"3.2.0"}static get properties(){return{orientation:{value:"horizontal",type:String},selected:{value:0,type:Number}}}static get observers(){return["_updateOverflow(items.*, vertical)"]}ready(){super.ready(),this.addEventListener("iron-resize",(()=>this._updateOverflow())),this._scrollerElement.addEventListener("scroll",(()=>this._updateOverflow())),this.setAttribute("role","tablist"),n(this,(()=>{this._updateOverflow()}))}_scrollForward(){this._scroll(-this.__direction*this._scrollOffset)}_scrollBack(){this._scroll(this.__direction*this._scrollOffset)}get _scrollOffset(){return this._vertical?this._scrollerElement.offsetHeight:this._scrollerElement.offsetWidth}get _scrollerElement(){return this.$.scroll}get __direction(){return this._vertical||"rtl"!==this.getAttribute("dir")?-1:1}_updateOverflow(){const t=this._vertical?this._scrollerElement.scrollTop:this.__getNormalizedScrollLeft(this._scrollerElement);let e=this._vertical?this._scrollerElement.scrollHeight:this._scrollerElement.scrollWidth;e-=1;let r=t>0?"start":"";r+=t+this._scrollOffset<e?" end":"",1==this.__direction&&(r=r.replace(/start|end/gi,(t=>"start"===t?"end":"start"))),r?this.setAttribute("overflow",r.trim()):this.removeAttribute("overflow"),this._repaintShadowNodesHack()}_repaintShadowNodesHack(){if(k&&this.root){const t="-webkit-backface-visibility";this.root.querySelectorAll("*").forEach((e=>{e.style[t]="visible",e.style[t]=""}))}}}customElements.define($.is,$);let j,z,S,O=t=>t;const E=m(h(c(u(f))));customElements.define("foxy-internal-i18n-editor-entry",class extends E{constructor(){super(...arguments),this.defaultValue=null,this.gateway=null,this.code=null}static get properties(){return d(d({},super.properties),{},{defaultValue:{attribute:"default-value"},gateway:{},code:{}})}static get styles(){return[super.styles,p(j||(j=O`:host{--button-height:1.703rem}textarea{-webkit-text-fill-color:var(--lumo-body-text-color)}vaadin-button{height:var(--button-height);--lumo-primary-color-50pct:var(--lumo-success-contrast-color)}.h-bottom-bar{height:calc(var(--button-height) + (var(--lumo-space-xs) * 2))}.h-0{height:0}`))]}render(){var t,e,r;const o=null!==(t=this.form.custom_value)&&void 0!==t?t:this.defaultValue,a=this.in({idle:"snapshot"}),i=this.in({idle:"template"}),s=this.in({idle:{snapshot:"dirty"}}),n=this.in({idle:{template:"dirty"}}),l=s||n,d=!this.in("idle")||this.disabled,c=this.readonly,m=!d&&!c,h=this.in("fail");return v(z||(z=O` <div class="${0}"> <label class="group flex flex-col sm-flex-row"> <div class="flex-1 p-xs break-all" style="max-width:20rem"> <span class="inline-block rounded text-s p-xs font-medium"> ${0} </span> </div> <div class="flex-1 flex"> <div class="relative flex-1"> <div class="opacity-0 text-s p-s font-medium break-all"> <span class="whitespace-pre-wrap">${0}&ZeroWidthSpace;</span> </div> <textarea class="${0}" .value="${0}" ?disabled="${0}" ?readonly="${0}" @input="${0}">
+              </textarea> </div> ${0} </div> </label> <div class="${0}"> <vaadin-button theme="primary success small" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="" key="undo_button"></foxy-i18n> </vaadin-button> <vaadin-button theme="primary success small" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="" key="save_button"></foxy-i18n> </vaadin-button> </div> </div> `),b({"transition-all rounded ring-1 leading-s text-secondary":!0,"ring-contrast-10":!h&&(!l||c),"ring-success":!h&&l&&!c,"ring-error":h,"opacity-75":d,"hover-ring-contrast-20":!h&&!l&&m,"hover-text-body":!h&&m}),null!==(r=null===(e=this.data)||void 0===e?void 0:e.code)&&void 0!==r?r:this.code,o,b({"absolute inset-0 p-s resize-none":!0,"sm-border-l sm-border-transparent":!0,"break-all text-body transition-colors text-s font-medium":!0,"rounded-b sm-rounded-bl-none sm-rounded-tr":i&&!l,"rounded-bl sm-rounded-bl-none":a&&!l,"sm-rounded-tr":i&&l,"sm-border-contrast-10":c,"bg-contrast-10":!c,"group-hover-bg-contrast-20":m,"focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50":!0}),o,d,c,(t=>{const e=t.currentTarget;this.gateway&&this.edit({gateway:this.gateway}),this.code&&this.edit({code:this.code}),this.edit({custom_value:e.value})}),a?v(S||(S=O` <button class="${0}" title="${0}" theme="contrast icon" ?disabled="${0}" @click="${0}"> <iron-icon class="icon-inline text-xl" icon="icons:restore"></iron-icon> </button> `),b({"flex-shrink-0 w-m flex items-center justify-center":!0,"transition-colors text-tertiary ring-inset":!0,"rounded-br sm-rounded-tr":!l,"sm-rounded-tr":l,"bg-contrast-10":!c,"cursor-default":!m,"cursor-pointer":m,"group-hover-bg-contrast-20 hover-text-body":m,"focus-outline-none focus-ring-2 focus-ring-primary-50":!0}),this.t("delete_button_title"),d||c,(()=>this.delete())):"",b({"transition-all bg-success rounded-b overflow-hidden":!0,"flex items-center justify-end gap-xs px-xs":!0,"h-bottom-bar":l&&!c,"h-0":!l||c}),!m,(()=>this.undo()),!m,(()=>this.submit()))}});let T,L,A,C,I,q,W=t=>t;const H=h(c(u(f)),"i18n-editor");class N extends H{constructor(){super(...arguments),this.languageOverrides=null,this.selectedLanguage=null,this.__selectedTabIndex=0}static get properties(){return d(d({},super.properties),{},{languageOverrides:{attribute:"language-overrides"},selectedLanguage:{attribute:"selected-language"},__selectedTabIndex:{attribute:!1}})}render(){var t,e,r;const o=this.__tabs,a=o[this.__selectedTabIndex],i=null!==(r=null===(t=this.data)||void 0===t?void 0:t.values[null!==(e=this.selectedLanguage)&&void 0!==e?e:""])&&void 0!==r?r:{},s={},n=!this.in({idle:"snapshot"});if(a)if(a.includes("_")){const t=a.substring(0,a.indexOf("_")),e=a.substring(a.indexOf("_")+1),r=i[t][e];for(const o in r)s[`${t}_${e}_${o}`]=r[o]}else for(const t in i)t.startsWith(a)&&(s[t]=i[t]);const l=this.__renderOverridesLoader(),d=l.overrides;return v(T||(T=W` ${0} <div aria-busy="${0}" aria-live="polite" class="relative"> <div class="${0}"> <vaadin-tabs selected="${0}" class="-mx-l" theme="minimal" @selected-changed="${0}"> ${0} </vaadin-tabs> ${0} </div> <div data-testid="spinner" class="${0}"> <foxy-spinner layout="${0}" class="m-auto" state="${0}" infer="spinner"> </foxy-spinner> </div> </div> `),l.template,this.in("busy"),b({"transition-opacity grid grid-cols-1 gap-s":!0,"opacity-0 pointer-events-none":n}),this.__selectedTabIndex,(t=>{var e;const r=t.currentTarget;this.__selectedTabIndex=null!==(e=r.selected)&&void 0!==e?e:0}),o.map((t=>{const e=t.substring(t.indexOf("_")+1).replace(/_/g," "),r=v(L||(L=W`<span class="capitalize">${0}</span>`),e);return v(A||(A=W`<vaadin-tab>${0}</vaadin-tab>`),r)})),y(Object.entries(s),(([t])=>t),(([t,e])=>{var r;let o,i,s;return t.startsWith("gateways_")?(o=t.substring(a.length+1),i=a.substring(9),s=d.find((t=>t.code===o&&t.gateway===i))):(o=t,i=void 0,s=d.find((t=>t.code===o))),v(C||(C=W` <foxy-internal-i18n-editor-entry default-value="${0}" gateway="${0}" parent="${0}" code="${0}" infer="" .data="${0}"> </foxy-internal-i18n-editor-entry> `),e,g(i),g(null!==(r=this.languageOverrides)&&void 0!==r?r:void 0),o,null!=s?s:null)})),b({"transition-opacity absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!n}),this.in("busy")?"no-label":"horizontal",this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy")}get __tabs(){var t;const e=this.selectedLanguage?null===(t=this.data)||void 0===t?void 0:t.values[this.selectedLanguage]:void 0,r=Object.entries(null!=e?e:{}).reduce(((t,[e,r])=>{if("string"==typeof r){const r=e.substring(0,e.indexOf("_"));t.add(r||e)}else Object.entries(r).forEach((([r,o])=>{0!==Object.keys(o).length&&t.add(`${e}_${r}`)}));return t}),new Set);return Array.from(r)}__renderOverridesLoader(){var t;const e=Array.from(this.renderRoot.querySelectorAll("foxy-nucleon")),r=e.reduce(((t,e)=>{var r,o;return[...t,...null!==(o=null===(r=e.data)||void 0===r?void 0:r._embedded["fx:language_overrides"])&&void 0!==o?o:[]]}),[]),o=e[0],a=new Array(Math.ceil(((null===(t=null==o?void 0:o.data)||void 0===t?void 0:t.total_items)||300)/300)).fill(0).map(((t,e)=>{var r;try{const t=new URL(null!==(r=this.languageOverrides)&&void 0!==r?r:"");return t.searchParams.set("offset",String(300*e)),t.searchParams.set("limit","300"),v(I||(I=W` <foxy-nucleon infer="" href="${0}" @update="${0}"> </foxy-nucleon> `),t.toString(),(()=>this.requestUpdate()))}catch(t){return}}));return{template:v(q||(q=W`<div class="hidden">${0}</div>`),a),overrides:r,loaders:e}}}customElements.define("foxy-i18n-editor",N);export{N as I18nEditor};

package/dist/cdn/foxy-i18n.js

@@ -1 +1 @@
-export{I as I18n}from"./shared-4f6e3162.js";import"./shared-0f6e4584.js";import"./shared-dc73b9a5.js";import"./shared-91445b2b.js";import"./shared-343d1fd7.js";import"./shared-f7a1193f.js";
+export{I as I18n}from"./shared-49ecea83.js";import"./shared-0f6e4584.js";import"./shared-dc73b9a5.js";import"./shared-25502f01.js";import"./shared-343d1fd7.js";import"./shared-f7a1193f.js";

package/dist/cdn/foxy-integration-card.js

@@ -1 +1 @@
-import"./shared-9a4ccbbb.js";import"./shared-4f6e3162.js";import{a as e}from"./shared-91445b2b.js";import{I as s}from"./shared-01b35bfe.js";import{c as a}from"./shared-4e709717.js";import{h as t}from"./shared-dc73b9a5.js";import"./foxy-spinner.js";import"./shared-aba112fe.js";import"./shared-f0cbc9b6.js";import"./shared-c0ce5ed0.js";import"./shared-0f6e4584.js";import"./shared-f7a1193f.js";import"./shared-343d1fd7.js";import"./shared-24d71d01.js";import"./shared-c286c5ad.js";import"./shared-cd96ff03.js";import"./shared-522a172d.js";import"./shared-12a7a15d.js";import"./shared-6474675f.js";import"./shared-ee36b83f.js";let d,r,i=e=>e;const o=e(s,"integration-card");class n extends o{renderBody(){var e;const s=this.data,o=new Date(1e3*(null!==(e=null==s?void 0:s.expires)&&void 0!==e?e:0)),n=o>new Date;return t(d||(d=i` <div class="flex flex-wrap gap-xs leading-s"> <div class="min-w-full"> <div class="flex justify-between gap-s"> <span class="font-medium truncate min-w-0"> ${0}&ZeroWidthSpace; </span> <foxy-i18n class="${0}" infer="" key="status_${0}" .options="${0}"> </foxy-i18n> </div> <div class="text-secondary text-s"> ${0} </div> </div> <div class="text-secondary text-xs bg-contrast-5 rounded overflow-hidden flex"> <span class="font-medium px-xs bg-contrast-5" lang="en">ID</span> <span class="px-xs"><code>${0}</code>&ZeroWidthSpace;</span> </div> <div class="text-secondary text-xs bg-contrast-5 rounded overflow-hidden flex"> <span class="font-medium px-xs bg-contrast-5" lang="en">Email</span> <span class="px-xs"><code>${0}</code>&ZeroWidthSpace;</span> </div> </div> `),null==s?void 0:s.project_name,a({"whitespace-nowrap font-tnum text-s":!0,"text-tertiary":n,"text-error":!n}),n?"active":"expired",{date:o,month:"short",day:"2-digit"},(null==s?void 0:s.project_description)?s.project_description:t(r||(r=i`<foxy-i18n infer="" key="no_description"></foxy-i18n>`)),null==s?void 0:s.client_id,null==s?void 0:s.added_by_email)}}customElements.define("foxy-integration-card",n);export{n as IntegrationCard};
+import"./shared-c4124870.js";import"./shared-49ecea83.js";import{a as s}from"./shared-25502f01.js";import{I as e}from"./shared-df42c94f.js";import{c as t}from"./shared-4e709717.js";import{h as a}from"./shared-dc73b9a5.js";import"./foxy-spinner.js";import"./shared-887e1795.js";import"./shared-98ddb87c.js";import"./shared-59b7fcc0.js";import"./shared-0f6e4584.js";import"./shared-f7a1193f.js";import"./shared-343d1fd7.js";import"./shared-24d71d01.js";import"./shared-c286c5ad.js";import"./shared-cd96ff03.js";import"./shared-522a172d.js";import"./shared-12a7a15d.js";import"./shared-6474675f.js";import"./shared-ee36b83f.js";let d,r,i=s=>s;const o=s(e,"integration-card");class n extends o{renderBody(){var s;const e=this.data,o=new Date(1e3*(null!==(s=null==e?void 0:e.expires)&&void 0!==s?s:0)),n=o>new Date;return a(d||(d=i` <div class="flex flex-wrap gap-xs leading-s"> <div class="min-w-full"> <div class="flex justify-between gap-s"> <span class="font-medium truncate min-w-0"> ${0}&ZeroWidthSpace; </span> <foxy-i18n class="${0}" infer="" key="status_${0}" .options="${0}"> </foxy-i18n> </div> <div class="text-secondary text-s"> ${0} </div> </div> <div class="text-secondary text-xs bg-contrast-5 rounded overflow-hidden flex"> <span class="font-medium px-xs bg-contrast-5" lang="en">ID</span> <span class="px-xs"><code>${0}</code>&ZeroWidthSpace;</span> </div> <div class="text-secondary text-xs bg-contrast-5 rounded overflow-hidden flex"> <span class="font-medium px-xs bg-contrast-5" lang="en">Email</span> <span class="px-xs"><code>${0}</code>&ZeroWidthSpace;</span> </div> </div> `),null==e?void 0:e.project_name,t({"whitespace-nowrap font-tnum text-s":!0,"text-tertiary":n,"text-error":!n}),n?"active":"expired",{date:o,month:"short",day:"2-digit"},(null==e?void 0:e.project_description)?e.project_description:a(r||(r=i`<foxy-i18n infer="" key="no_description"></foxy-i18n>`)),null==e?void 0:e.client_id,null==e?void 0:e.added_by_email)}}customElements.define("foxy-integration-card",n);export{n as IntegrationCard};

package/dist/cdn/foxy-integration-form.js

@@ -1 +1 @@
-import"./shared-928400e3.js";import"./shared-fd17c575.js";import{I as e}from"./shared-fcb58504.js";import"./shared-c7055ee3.js";import"./shared-51c4a6dd.js";import"./foxy-copy-to-clipboard.js";import"./shared-4f6e3162.js";import{_ as r,B as t}from"./shared-0f6e4584.js";import{a as s}from"./shared-91445b2b.js";import{c as a}from"./shared-4e709717.js";import{h as o}from"./shared-dc73b9a5.js";import"./shared-5e463387.js";import"./shared-f0cbc9b6.js";import"./shared-c308b7e0.js";import"./shared-61ade33e.js";import"./shared-b938ba79.js";import"./shared-fe167efc.js";import"./shared-8e81d32d.js";import"./shared-1c166d01.js";import"./shared-982ea9e1.js";import"./shared-f02d1d28.js";import"./shared-0b01f721.js";import"./shared-9803aa7c.js";import"./shared-f7a1193f.js";import"./shared-24d71d01.js";import"./shared-c286c5ad.js";import"./shared-343d1fd7.js";import"./shared-cd96ff03.js";import"./shared-522a172d.js";import"./shared-12a7a15d.js";import"./shared-6474675f.js";import"./shared-ee36b83f.js";import"./shared-c1770155.js";import"./shared-e891437e.js";import"./foxy-spinner.js";import"./shared-aba112fe.js";import"./shared-c0ce5ed0.js";import"./shared-bab2ea2c.js";import"./shared-22ba9566.js";import"./shared-843229d8.js";import"./shared-bbf4189c.js";let i,n,d,l,c,h,p,_,m,b,f,u,y=e=>e;const j=s(e,"integration-form");class x extends j{constructor(){super(...arguments),this.__postResponse=null}static get properties(){return r(r({},super.properties),{},{__postResponse:{attribute:!1}})}static get v8n(){return[({project_name:e})=>!!e||"project-name:v8n_required"]}get hiddenSelector(){return new t(`header:copy-id ${super.hiddenSelector}`.trimEnd())}renderBody(){return this.data?this.__renderSnapshotBody():this.__renderTemplateBody()}async _fetch(...e){var r;const t=this.constructor,s=await new t.API(this).fetch(...e),a="string"==typeof e[0]?null===(r=e[1])||void 0===r?void 0:r.method:e[0].method,o="string"==typeof e[0]?e[0]:e[0].url;if(!s.ok)throw s;const i=await s.json();return"POST"===(null==a?void 0:a.toUpperCase())&&o===this.parent&&(this.__postResponse=i),i}__renderSnapshotBody(){const e=this.hiddenSelector,r=this.__postResponse;return o(i||(i=y` ${0} ${0} ${0} <foxy-internal-delete-control infer="delete"></foxy-internal-delete-control> `),this.renderHeader(),e.matches("message",!0)||!r?"":this.__renderMessage(),e.matches("table")?"":this.__renderTable())}__renderTemplateBody(){return o(n||(n=y` ${0} <foxy-internal-text-control infer="project-name"></foxy-internal-text-control> <foxy-internal-text-area-control infer="project-description"> </foxy-internal-text-area-control> <foxy-internal-submit-control infer="create"></foxy-internal-submit-control> `),this.renderHeader())}__renderMessage(){return o(d||(d=y` ${0} <div class="bg-success-10 text-success p-m pb-s space-y-xs leading-s rounded-t-l rounded-b-l"> <foxy-i18n infer="message" class="block" key="text"></foxy-i18n> <vaadin-button data-testid="message-action" theme="tertiary contrast" class="p-0" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="message" key="action"></foxy-i18n> </vaadin-button> </div> ${0} `),this.renderTemplateOrSlot("message:before"),this.disabledSelector.matches("message",!0),(()=>this.__postResponse=null),this.renderTemplateOrSlot("message:after"))}__renderTable(){var e;const r=this.data,t=new Date(1e3*(null!==(e=r.expires)&&void 0!==e?e:0)),s=this.__postResponse;return o(l||(l=y` ${0} <table class="font-lumo text-m leading-m w-full"> <tbody class="divide-y divide-contrast-10"> ${0} ${0} ${0} ${0} ${0} ${0} ${0} </tbody> </table> ${0} `),this.renderTemplateOrSlot("table:before"),this.__renderTableRow({label:this.__renderTableI18n("added_by"),value:this.__renderMailToLink(r.added_by_email,r.added_by_name)}),this.__renderTableRow({label:this.__renderTableI18n("contact"),value:this.__renderMailToLink(r.contact_email,r.contact_name)}),this.__renderTableRow({label:this.__renderTableI18n("company"),value:this.__renderLink(r.company_url,r.company_name)}),this.__renderTableRow({label:this.__renderTableI18n("expires"),value:this.__renderTableI18n("expires_date",{date:t})}),this.__renderTableRow({label:"Client ID",value:this.__renderCopiableText(r.client_id)}),s?o(c||(c=y` ${0} ${0} ${0} `),this.__renderTableRow({highlight:!0,label:"Client secret",value:this.__renderCopiableText(s.client_secret)}),this.__renderTableRow({highlight:!0,label:"Refresh token",value:this.__renderCopiableText(s.refresh_token)}),this.__renderTableRow({highlight:!0,label:"Access token",value:this.__renderCopiableText(s.access_token)})):"",this.__renderTableRow({label:"Scope",value:o(h||(h=y`<code>${0}</code>`),r.scope)}),this.renderTemplateOrSlot("table:after"))}__renderCopiableText(e){return o(p||(p=y` <div class="flex items-center gap-s"> <code class="truncate flex-1">${0}</code> <foxy-copy-to-clipboard infer="copy-to-clipboard" class="inline-block" text="${0}"> </foxy-copy-to-clipboard> </div> `),e,e)}__renderMailToLink(e,r){return e?this.__renderLink(`mailto:${e}`,r):o(_||(_=y`${0}`),r)}__renderLink(e,r){return e?o(b||(b=y` <a target="_blank" class="font-medium text-primary rounded hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50" href="${0}"> ${0} </a> `),e,r):o(m||(m=y`${0}`),r)}__renderTableRow(e){const{label:r,value:t,highlight:s=!1}=e;return o(f||(f=y` <tr class="${0}"> <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m">${0}</td> <td class="max-w-0 truncate py-s text-body w-2-3">${0}</td> </tr> `),a({"font-medium text-success":s}),r,t)}__renderTableI18n(e,r){return o(u||(u=y`<foxy-i18n infer="table" key="${0}" .options="${0}"></foxy-i18n>`),e,r)}}customElements.define("foxy-integration-form",x);export{x as IntegrationForm};
+import"./shared-cc808e01.js";import"./shared-376784f0.js";import{I as e}from"./shared-4f183419.js";import"./shared-cfb33387.js";import"./shared-51c4a6dd.js";import"./foxy-copy-to-clipboard.js";import"./shared-49ecea83.js";import{_ as r,B as t}from"./shared-0f6e4584.js";import{a as s}from"./shared-25502f01.js";import{c as a}from"./shared-4e709717.js";import{h as o}from"./shared-dc73b9a5.js";import"./shared-fb1602a2.js";import"./shared-98ddb87c.js";import"./shared-38f0bda5.js";import"./shared-61ade33e.js";import"./shared-1ecfa77b.js";import"./shared-fe4a2e3d.js";import"./shared-77e15843.js";import"./shared-ff7b2af6.js";import"./shared-0f00d4d8.js";import"./shared-226dd830.js";import"./shared-0b01f721.js";import"./shared-9803aa7c.js";import"./shared-f7a1193f.js";import"./shared-24d71d01.js";import"./shared-c286c5ad.js";import"./shared-343d1fd7.js";import"./shared-cd96ff03.js";import"./shared-522a172d.js";import"./shared-12a7a15d.js";import"./shared-6474675f.js";import"./shared-ee36b83f.js";import"./shared-3483c729.js";import"./shared-c11df800.js";import"./foxy-spinner.js";import"./shared-887e1795.js";import"./shared-59b7fcc0.js";import"./shared-bab2ea2c.js";import"./shared-22ba9566.js";import"./shared-8bb3eb45.js";import"./shared-6be24929.js";let i,n,d,l,c,h,p,_,m,b,f,u,y=e=>e;const j=s(e,"integration-form");class x extends j{constructor(){super(...arguments),this.__postResponse=null}static get properties(){return r(r({},super.properties),{},{__postResponse:{attribute:!1}})}static get v8n(){return[({project_name:e})=>!!e||"project-name:v8n_required"]}get hiddenSelector(){return new t(`header:copy-id ${super.hiddenSelector}`.trimEnd())}renderBody(){return this.data?this.__renderSnapshotBody():this.__renderTemplateBody()}async _fetch(...e){var r;const t=this.constructor,s=await new t.API(this).fetch(...e),a="string"==typeof e[0]?null===(r=e[1])||void 0===r?void 0:r.method:e[0].method,o="string"==typeof e[0]?e[0]:e[0].url;if(!s.ok)throw s;const i=await s.json();return"POST"===(null==a?void 0:a.toUpperCase())&&o===this.parent&&(this.__postResponse=i),i}__renderSnapshotBody(){const e=this.hiddenSelector,r=this.__postResponse;return o(i||(i=y` ${0} ${0} ${0} <foxy-internal-delete-control infer="delete"></foxy-internal-delete-control> `),this.renderHeader(),e.matches("message",!0)||!r?"":this.__renderMessage(),e.matches("table")?"":this.__renderTable())}__renderTemplateBody(){return o(n||(n=y` ${0} <foxy-internal-text-control infer="project-name"></foxy-internal-text-control> <foxy-internal-text-area-control infer="project-description"> </foxy-internal-text-area-control> <foxy-internal-submit-control infer="create"></foxy-internal-submit-control> `),this.renderHeader())}__renderMessage(){return o(d||(d=y` ${0} <div class="bg-success-10 text-success p-m pb-s space-y-xs leading-s rounded-t-l rounded-b-l"> <foxy-i18n infer="message" class="block" key="text"></foxy-i18n> <vaadin-button data-testid="message-action" theme="tertiary contrast" class="p-0" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="message" key="action"></foxy-i18n> </vaadin-button> </div> ${0} `),this.renderTemplateOrSlot("message:before"),this.disabledSelector.matches("message",!0),(()=>this.__postResponse=null),this.renderTemplateOrSlot("message:after"))}__renderTable(){var e;const r=this.data,t=new Date(1e3*(null!==(e=r.expires)&&void 0!==e?e:0)),s=this.__postResponse;return o(l||(l=y` ${0} <table class="font-lumo text-m leading-m w-full"> <tbody class="divide-y divide-contrast-10"> ${0} ${0} ${0} ${0} ${0} ${0} ${0} </tbody> </table> ${0} `),this.renderTemplateOrSlot("table:before"),this.__renderTableRow({label:this.__renderTableI18n("added_by"),value:this.__renderMailToLink(r.added_by_email,r.added_by_name)}),this.__renderTableRow({label:this.__renderTableI18n("contact"),value:this.__renderMailToLink(r.contact_email,r.contact_name)}),this.__renderTableRow({label:this.__renderTableI18n("company"),value:this.__renderLink(r.company_url,r.company_name)}),this.__renderTableRow({label:this.__renderTableI18n("expires"),value:this.__renderTableI18n("expires_date",{date:t})}),this.__renderTableRow({label:"Client ID",value:this.__renderCopiableText(r.client_id)}),s?o(c||(c=y` ${0} ${0} ${0} `),this.__renderTableRow({highlight:!0,label:"Client secret",value:this.__renderCopiableText(s.client_secret)}),this.__renderTableRow({highlight:!0,label:"Refresh token",value:this.__renderCopiableText(s.refresh_token)}),this.__renderTableRow({highlight:!0,label:"Access token",value:this.__renderCopiableText(s.access_token)})):"",this.__renderTableRow({label:"Scope",value:o(h||(h=y`<code>${0}</code>`),r.scope)}),this.renderTemplateOrSlot("table:after"))}__renderCopiableText(e){return o(p||(p=y` <div class="flex items-center gap-s"> <code class="truncate flex-1">${0}</code> <foxy-copy-to-clipboard infer="copy-to-clipboard" class="inline-block" text="${0}"> </foxy-copy-to-clipboard> </div> `),e,e)}__renderMailToLink(e,r){return e?this.__renderLink(`mailto:${e}`,r):o(_||(_=y`${0}`),r)}__renderLink(e,r){return e?o(b||(b=y` <a target="_blank" class="font-medium text-primary rounded hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50" href="${0}"> ${0} </a> `),e,r):o(m||(m=y`${0}`),r)}__renderTableRow(e){const{label:r,value:t,highlight:s=!1}=e;return o(f||(f=y` <tr class="${0}"> <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m">${0}</td> <td class="max-w-0 truncate py-s text-body w-2-3">${0}</td> </tr> `),a({"font-medium text-success":s}),r,t)}__renderTableI18n(e,r){return o(u||(u=y`<foxy-i18n infer="table" key="${0}" .options="${0}"></foxy-i18n>`),e,r)}}customElements.define("foxy-integration-form",x);export{x as IntegrationForm};