@foxy.io/elements 1.16.0-beta.4 → 1.16.0-beta.7

package/dist/cdn/shared-9d4835ed.js

@@ -1 +0,0 @@
-import{A as e}from"./shared-3026cee0.js";import{F as t}from"./shared-64657919.js";class s extends e{constructor(e){super({base:new URL(document.baseURI),fetch:(...c)=>new Promise(((n,o)=>{const r="string"==typeof c[0]?new s.WHATWGRequest(...c):c[0];r.headers.set("Content-Type","application/json"),r.headers.set("FOXY-API-VERSION","1");const a=new t("fetch",{cancelable:!0,composed:!0,bubbles:!0,request:r,resolve:n,reject:o});e.dispatchEvent(a),a.defaultPrevented||fetch(r).then(n).catch(o)}))})}}s.FetchEvent=t;export{s as A};

package/dist/cdn/shared-d3ffe0ef.js

@@ -1 +0,0 @@
-import"./foxy-spinner.js";import"./shared-935ba2fc.js";import{C as i}from"./shared-06014421.js";import{T as e,a as t}from"./shared-ea9af4b0.js";import{N as s}from"./shared-1b064836.js";import{c as r}from"./shared-4e709717.js";import{h as a}from"./shared-7f33a83a.js";import"./shared-4e63d6e0.js";import{_ as n}from"./shared-2eee69db.js";import{i as l}from"./shared-d3bf9ac0.js";let o,d,c=i=>i;const h=i(e(t(s)));class p extends h{renderBody(){return a(o||(o=c``))}render(){return a(d||(d=c` <div aria-busy="${0}" aria-live="polite" class="relative"> <div class="${0}"> ${0} </div> <div class="${0}"> <foxy-spinner layout="${0}" class="m-auto" state="${0}" lang="${0}" ns="${0} spinner"> </foxy-spinner> </div> </div> `),this.in("busy"),r({"transition duration-500 ease-in-out":!0,"opacity-0 pointer-events-none":!this.in({idle:"snapshot"})}),this.renderBody(),r({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":this.in({idle:"snapshot"})}),this.in("busy")?"no-label":"horizontal",this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy",this.lang,this.ns)}}customElements.define("foxy-internal-card",p);let u,f,y,v,m,x,_=i=>i;class $ extends(t(p,"item-card")){constructor(){super(...arguments),this.__currencyDisplay="",this.__currency=""}static get properties(){return n(n({},super.properties),{},{__currencyDisplay:{attribute:!1},__currency:{attribute:!1}})}renderBody(){var i,e,t,s,r,n,o,d,c;const h=null!==(e=null===(i=this.data)||void 0===i?void 0:i.quantity)&&void 0!==e?e:0,p=null!==(s=null===(t=this.data)||void 0===t?void 0:t.price)&&void 0!==s?s:0,w=h*p,L=null===(n=null===(r=this.data)||void 0===r?void 0:r._embedded)||void 0===n?void 0:n["fx:item_options"];return a(u||(u=_` <div class="flex items-start space-x-m leading-m"> <div class="w-l h-l relative flex-shrink-0"> <img class="relative w-full h-full object-cover rounded" src="${0}" alt="" @error="${0}"> <div class="border border-contrast-10 absolute inset-0 rounded"></div> </div> <div class="flex-1"> <div class="flex-1 h-l flex items-center"> <div class="flex-1 leading-s"> <div class="font-semibold text-m">${0}</div> <div class="text-secondary text-m"> ${0} &times; <foxy-i18n options="${0}" key="price" infer> </foxy-i18n> &equals; <foxy-i18n options="${0}" key="price" infer> </foxy-i18n> </div> </div> ${0} </div> ${0} </div> </div> `),l(null===(o=this.data)||void 0===o?void 0:o.image),(i=>{i.currentTarget.src=$.__placeholder}),null===(d=this.data)||void 0===d?void 0:d.name,h,JSON.stringify({amount:`${p} ${this.__currency}`,currencyDisplay:this.__currencyDisplay}),JSON.stringify({amount:`${w} ${this.__currency}`,currencyDisplay:this.__currencyDisplay}),(null===(c=this.data)||void 0===c?void 0:c.subscription_frequency)?a(f||(f=_` <div class="w-xs h-xs flex items-center justify-center rounded-full bg-contrast-5"> <iron-icon icon="icons:autorenew" class="icon-inline text-s"></iron-icon> </div> `)):"",L&&L.length>0?a(y||(y=_` <div class="mt-s"> ${0} </div> `),L.map((i=>a(v||(v=_` <div class="flex items-center text-m space-x-xs leading-m"> <div class="flex-1 text-tertiary">${0}: ${0}</div> ${0} ${0} </div> `),i.name,i.value,i.price_mod?a(m||(m=_` <div class="${0} rounded px-xs"> <foxy-i18n options="${0}" key="price" infer> </foxy-i18n> </div> `),i.price_mod>0?"text-success":"text-error",JSON.stringify({amount:`${i.price_mod} ${this.__currency}`,currencyDisplay:this.__currencyDisplay})):"",i.weight_mod?a(x||(x=_` <div class="${0} rounded px-xs"> ${0} <foxy-i18n key="wgt" infer></foxy-i18n> </div> `),i.price_mod>0?"text-success":"text-error",i.weight_mod):"")))):"")}async _sendGet(){const i=await super._sendGet(),[e,t]=await Promise.all([super._fetch(i._links["fx:transaction"].href),super._fetch(i._links["fx:store"].href)]);return this.__currency=e.currency_code,this.__currencyDisplay=t.use_international_currency_symbol?"code":"symbol",i}}$.__placeholder='data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="40" height="40" fill="%23E8E8E8"/%3E%3Cpath d="M31.5143 0H24.5476L0 24.5476V31.5143L11.7046 19.8097L11.9841 17.0782C12.0983 15.9624 13.0131 15.1154 14.1038 15.1154H15.7373V12.1923C15.7373 10.9815 16.6915 10 17.8687 10H21.5143L31.5143 0Z" fill="white"/%3E%3Cpath d="M11.5434 21.3852L0 32.9285V39.8953L11.5822 28.3131C11.172 27.8663 10.9438 27.2444 11.012 26.5782L11.5434 21.3852Z" fill="white"/%3E%3Cpath d="M12.4305 28.879L1.30951 40H8.27631L19.2763 29H13.1316C12.8853 29 12.6495 28.9573 12.4305 28.879Z" fill="white"/%3E%3Cpath d="M28.3113 19.965L28.0159 17.0782C27.9116 16.0591 27.1395 15.2642 26.1754 15.1341L40 1.3095V8.27627L28.3113 19.965Z" fill="white"/%3E%3Cpath d="M20.6905 29L9.69049 40H16.6572L27.9755 28.6817C27.6541 28.8832 27.2756 29 26.8684 29H20.6905Z" fill="white"/%3E%3Cpath d="M28.6572 28C28.9128 27.5952 29.0415 27.1003 28.988 26.5782L28.4426 21.2479L40 9.69053V16.6572L28.6572 28Z" fill="white"/%3E%3Cpath d="M25.0381 40H18.0715L40 18.0715V25.0381L25.0381 40Z" fill="white"/%3E%3Cpath d="M26.4524 40H33.4191L40 33.4191V26.4524L26.4524 40Z" fill="white"/%3E%3Cpath d="M40 40H34.8333L40 34.8333V40Z" fill="white"/%3E%3Cpath d="M16.1666 0H23.1334L0 23.1334V16.1666L16.1666 0Z" fill="white"/%3E%3Cpath d="M14.7524 0H7.78571L0 7.78573V14.7524L14.7524 0Z" fill="white"/%3E%3Cpath d="M0 0H6.37152L0 6.37151V0Z" fill="white"/%3E%3Cpath d="M21.467 11.4615H17.8687C17.4763 11.4615 17.1582 11.7887 17.1582 12.1923V15.1154H22.8418V12.1923C22.8418 11.7887 22.5237 11.4615 22.1313 11.4615H21.467Z" fill="white"/%3E%3Cpath d="M24.7798 15.1154H24.2627V12.1923C24.2627 11.227 23.6562 10.4075 22.8138 10.1148L32.9286 0H39.89L24.7798 15.1154Z" fill="white"/%3E%3C/svg%3E',customElements.define("foxy-item-card",$);export{p as I,$ as a};

package/dist/elements/internal/InternalCollapsibleCard/InternalCollapsibleCard.d.ts

@@ -1,16 +0,0 @@
-import type { PropertyDeclarations, TemplateResult } from 'lit-element';
-import { LitElement } from 'lit-element';
-declare const InternalCollapsibleCard_base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
-    inferredProperties: string[];
-} & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
-    defaultNS: string;
-} & {
-    styles: import("lit-element").CSSResultArray;
-};
-export declare class InternalCollapsibleCard extends InternalCollapsibleCard_base {
-    static get properties(): PropertyDeclarations;
-    summary: string;
-    open: boolean;
-    render(): TemplateResult;
-}
-export {};

package/dist/elements/internal/InternalCollapsibleCard/InternalCollapsibleCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InternalCollapsibleCard.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalCollapsibleCard/InternalCollapsibleCard.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD,MAAM,OAAO,uBAAwB,SAAQ,cAAc,CACzD,iBAAiB,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAC/C;IAFD;;QAWE,YAAO,GAAG,EAAE,CAAC;QAEb,SAAI,GAAG,KAAK,CAAC;IA6Cf,CAAC;IAvDC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SACxB,CAAC;IACJ,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,IAAI;kBACP,CAAC,GAAU,EAAE,EAAE;YACvB,IAAI,CAAC,IAAI,GAAI,GAAG,CAAC,aAAoC,CAAC,IAAI,CAAC;QAC7D,CAAC;;;kBAGS,QAAQ,CAAC;YACf,wEAAwE,EAAE,IAAI;YAC9E,sDAAsD,EAAE,IAAI;YAC5D,aAAa,EAAE,IAAI;YACnB,aAAa,EAAE,CAAC,IAAI,CAAC,IAAI;SAC1B,CAAC;;;;;;sBAMU,IAAI,CAAC,OAAO;;;;;;;;;;mCAUC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;;;;;;;;;KAUzD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\n\nimport { html, LitElement } from 'lit-element';\nimport { InferrableMixin } from '../../../mixins/inferrable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\n\nexport class InternalCollapsibleCard extends ThemeableMixin(\n  TranslatableMixin(InferrableMixin(LitElement))\n) {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      summary: { type: String },\n      open: { type: Boolean },\n    };\n  }\n\n  summary = '';\n\n  open = false;\n\n  render(): TemplateResult {\n    return html`\n      <details\n        class=\"w-full border border-contrast-10 rounded-t-l rounded-b-l\"\n        ?open=${this.open}\n        @toggle=${(evt: Event) => {\n          this.open = (evt.currentTarget as HTMLDetailsElement).open;\n        }}\n      >\n        <summary\n          class=${classMap({\n            'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n            'transition-colors cursor-pointer hover-bg-contrast-5': true,\n            'rounded-t-l': true,\n            'rounded-b-l': !this.open,\n          })}\n        >\n          <div class=\"flex items-center h-m pl-m pr-s\">\n            <div class=\"flex items-center flex-1\">\n              <foxy-i18n\n                class=\"flex items-center text-xs tracking-wide uppercase font-bold text-body\"\n                key=${this.summary}\n                infer\n              >\n              </foxy-i18n>\n\n              <slot name=\"actions\"></slot>\n            </div>\n\n            <iron-icon\n              class=\"icon-inline text-xl text-body\"\n              icon=\"icons:expand-${this.open ? 'less' : 'more'}\"\n            >\n            </iron-icon>\n          </div>\n        </summary>\n\n        <div class=\"border-t border-contrast-10\">\n          <slot></slot>\n        </div>\n      </details>\n    `;\n  }\n}\n"]}

package/dist/elements/internal/InternalCollapsibleCard/index.d.ts

@@ -1,5 +0,0 @@
-import '@polymer/iron-icons';
-import '@polymer/iron-icon';
-import '../../public/I18n/index';
-import { InternalCollapsibleCard } from './InternalCollapsibleCard';
-export { InternalCollapsibleCard };

package/dist/elements/internal/InternalCollapsibleCard/index.js

@@ -1,7 +0,0 @@
-import '@polymer/iron-icons';
-import '@polymer/iron-icon';
-import "../../public/I18n/index.js";
-import { InternalCollapsibleCard } from "./InternalCollapsibleCard.js";
-customElements.define('foxy-internal-collapsible-card', InternalCollapsibleCard);
-export { InternalCollapsibleCard };
-//# sourceMappingURL=index.js.map

package/dist/elements/internal/InternalCollapsibleCard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalCollapsibleCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,oCAAiC;AAEjC,OAAO,EAAE,uBAAuB,EAAE,qCAAkC;AAEpE,cAAc,CAAC,MAAM,CAAC,gCAAgC,EAAE,uBAAuB,CAAC,CAAC;AAEjF,OAAO,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../../public/I18n/index';\n\nimport { InternalCollapsibleCard } from './InternalCollapsibleCard';\n\ncustomElements.define('foxy-internal-collapsible-card', InternalCollapsibleCard);\n\nexport { InternalCollapsibleCard };\n"]}

package/dist/elements/internal/InternalCollectionCard/InternalCollectionCard.d.ts

@@ -1,13 +0,0 @@
-import type { PropertyDeclarations, TemplateResult } from 'lit-element';
-import type { FormDialog } from '../../index';
-import { InternalControl } from '../InternalControl/InternalControl';
-export declare class InternalCollectionCard extends InternalControl {
-    static get properties(): PropertyDeclarations;
-    related: string[];
-    limit: number;
-    first: string;
-    form: FormDialog['form'];
-    item: string;
-    open: boolean;
-    renderControl(): TemplateResult;
-}

package/dist/elements/internal/InternalCollectionCard/InternalCollectionCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InternalCollectionCard.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalCollectionCard/InternalCollectionCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { FormDialog } from '../../index';\n\nimport { html } from 'lit-element';\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { ItemRenderer } from '../../public/CollectionPage/types';\nimport { classMap } from '../../../utils/class-map';\n\nexport class InternalCollectionCard extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      related: { type: Array },\n      first: { type: String },\n      limit: { type: Number },\n      form: { type: String },\n      item: { type: String },\n      open: { type: Boolean },\n    };\n  }\n\n  related = [] as string[];\n\n  limit = 20;\n\n  first = '';\n\n  form: FormDialog['form'] = '';\n\n  item = '';\n\n  open = false;\n\n  renderControl(): TemplateResult {\n    let first: string;\n\n    try {\n      const url = new URL(this.first);\n      url.searchParams.set('limit', String(this.limit));\n      first = url.toString();\n    } catch {\n      first = this.first;\n    }\n\n    const cardRenderer = new Function(\n      'ctx',\n      `return ctx.html\\`<${this.item} related=\\${JSON.stringify(ctx.related)} parent=\\${ctx.parent} class=\"p-m\" infer href=\\${ctx.href}></${this.item}>\\``\n    ) as ItemRenderer;\n\n    const itemRenderer: ItemRenderer = ctx => {\n      if (this.form && !!ctx.data) {\n        const isDisabled = this.disabledSelector.matches('card', true);\n\n        return html`\n          <button\n            ?disabled=${isDisabled}\n            class=${classMap({\n              'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n              'text-left w-full block transition-colors': true,\n              'hover-bg-contrast-5': !isDisabled,\n            })}\n            @click=${(evt: Event) => {\n              const dialog = this.renderRoot.querySelector('#form') as FormDialog;\n              const button = evt.currentTarget as HTMLButtonElement;\n\n              dialog.header = 'header_update';\n              dialog.href = ctx.href;\n              dialog.show(button);\n            }}\n          >\n            ${cardRenderer(ctx)}\n          </button>\n        `;\n      }\n\n      return cardRenderer(ctx);\n    };\n\n    return html`\n      <foxy-internal-collapsible-card\n        summary=\"title\"\n        infer\n        ?open=${this.open}\n        @toggle=${(evt: Event) => {\n          this.open = (evt.currentTarget as InternalCollectionCard).open;\n        }}\n      >\n        ${this.form\n          ? html`\n              <foxy-form-dialog\n                related=${JSON.stringify(this.related)}\n                parent=${first}\n                group=${ifDefined(this.nucleon?.group)}\n                infer=\"dialog\"\n                id=\"form\"\n                .form=${this.form}\n              >\n              </foxy-form-dialog>\n\n              ${this.readonly\n                ? ''\n                : html`\n                    <button\n                      class=\"h-xs w-xs rounded-full text-success flex items-center justify-center text-l focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                      slot=\"actions\"\n                      @click=${(evt: Event) => {\n                        evt.preventDefault();\n                        evt.stopPropagation();\n\n                        const dialog = this.renderRoot.querySelector('#form') as FormDialog;\n\n                        dialog.header = 'header_create';\n                        dialog.href = '';\n                        dialog.show(evt.currentTarget as HTMLButtonElement);\n                      }}\n                    >\n                      <iron-icon class=\"icon-inline\" icon=\"icons:add\"></iron-icon>\n                    </button>\n                  `}\n            `\n          : ''}\n\n        <foxy-pagination class=\"px-m pb-s\" first=${first} infer=\"pagination\">\n          <foxy-collection-page\n            related=${JSON.stringify(this.related)}\n            class=\"-mx-m block divide-y divide-contrast-10 mb-s\"\n            group=${ifDefined(this.nucleon?.group)}\n            infer=\"card\"\n            .item=${itemRenderer}\n          >\n          </foxy-collection-page>\n        </foxy-pagination>\n      </foxy-internal-collapsible-card>\n    `;\n  }\n}\n"]}

package/dist/elements/internal/InternalCollectionCard/index.d.ts

@@ -1,7 +0,0 @@
-import '../../public/CollectionPage/index';
-import '../../public/FormDialog/index';
-import '../../public/Pagination/index';
-import '../../public/I18n/index';
-import '../InternalCollapsibleCard/index';
-import { InternalCollectionCard } from './InternalCollectionCard';
-export { InternalCollectionCard };

package/dist/elements/internal/InternalCollectionCard/index.js

@@ -1,9 +0,0 @@
-import "../../public/CollectionPage/index.js";
-import "../../public/FormDialog/index.js";
-import "../../public/Pagination/index.js";
-import "../../public/I18n/index.js";
-import "../InternalCollapsibleCard/index.js";
-import { InternalCollectionCard } from "./InternalCollectionCard.js";
-customElements.define('foxy-internal-collection-card', InternalCollectionCard);
-export { InternalCollectionCard };
-//# sourceMappingURL=index.js.map

package/dist/elements/internal/InternalCollectionCard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalCollectionCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAC3C,0CAAuC;AACvC,0CAAuC;AACvC,oCAAiC;AAEjC,6CAA0C;AAE1C,OAAO,EAAE,sBAAsB,EAAE,oCAAiC;AAElE,cAAc,CAAC,MAAM,CAAC,+BAA+B,EAAE,sBAAsB,CAAC,CAAC;AAE/E,OAAO,EAAE,sBAAsB,EAAE,CAAC","sourcesContent":["import '../../public/CollectionPage/index';\nimport '../../public/FormDialog/index';\nimport '../../public/Pagination/index';\nimport '../../public/I18n/index';\n\nimport '../InternalCollapsibleCard/index';\n\nimport { InternalCollectionCard } from './InternalCollectionCard';\n\ncustomElements.define('foxy-internal-collection-card', InternalCollectionCard);\n\nexport { InternalCollectionCard };\n"]}

package/dist/elements/internal/InternalCreateControl/InternalCreateControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InternalCreateControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalCreateControl/InternalCreateControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,8CAA2C;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,OAAO,qBAAsB,SAAQ,eAAe;IAA1D;;QACE,UAAK,GAAG,QAAQ,CAAC;IA2CnB,CAAC;IAzCC,aAAa;QACX,OAAO,IAAI,CAAA;;;;;oBAKK,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW;iBACpC,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,MAAM,KAAE;;wBAErB,IAAI,CAAC,EAAE,sBAAsB,IAAI,CAAC,IAAI;;KAEzD,CAAC;IACJ,CAAC;IAED,IAAY,wBAAwB;;QAClC,OAAO,CAAC,QAAC,IAAI,CAAC,OAAO,0CAAE,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAC,CAAC;IAC1E,CAAC;IAED,IAAY,wBAAwB;;QAClC,OAAO,CAAC,QAAC,IAAI,CAAC,OAAO,0CAAE,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAC,CAAC;IAC1E,CAAC;IAED,IAAY,wBAAwB;;QAClC,OAAO,CAAC,QAAC,IAAI,CAAC,OAAO,0CAAE,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAC,CAAC;IAC1E,CAAC;IAED,IAAY,wBAAwB;;QAClC,OAAO,CAAC,QAAC,IAAI,CAAC,OAAO,0CAAE,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAC,CAAC;IAC1E,CAAC;IAED,IAAY,mBAAmB;QAC7B,OAAO,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,wBAAwB,CAAC;IACxE,CAAC;IAED,IAAY,mBAAmB;QAC7B,OAAO,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,wBAAwB,CAAC;IACxE,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,mBAAmB,CAAC;IAC9D,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-element';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { html } from 'lit-element';\n\nexport class InternalCreateControl extends InternalControl {\n  infer = 'create';\n\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-button\n        data-testid=\"create\"\n        class=\"w-full\"\n        theme=\"primary success\"\n        ?disabled=${this.disabled || this.__isInvalid}\n        @click=${() => this.nucleon?.submit()}\n      >\n        <foxy-i18n ns=${this.ns} key=\"create\" lang=${this.lang}></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n\n  private get __isCleanTemplateInvalid() {\n    return !!this.nucleon?.in({ idle: { template: { clean: 'invalid' } } });\n  }\n\n  private get __isDirtyTemplateInvalid() {\n    return !!this.nucleon?.in({ idle: { template: { dirty: 'invalid' } } });\n  }\n\n  private get __isCleanSnapshotInvalid() {\n    return !!this.nucleon?.in({ idle: { snapshot: { clean: 'invalid' } } });\n  }\n\n  private get __isDirtySnapshotInvalid() {\n    return !!this.nucleon?.in({ idle: { snapshot: { dirty: 'invalid' } } });\n  }\n\n  private get __isTemplateInvalid() {\n    return this.__isCleanTemplateInvalid || this.__isDirtyTemplateInvalid;\n  }\n\n  private get __isSnapshotInvalid() {\n    return this.__isCleanSnapshotInvalid || this.__isDirtySnapshotInvalid;\n  }\n\n  private get __isInvalid() {\n    return this.__isSnapshotInvalid || this.__isTemplateInvalid;\n  }\n}\n"]}

package/dist/elements/internal/InternalCreateControl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalCreateControl/index.ts"],"names":[],"mappings":"AAAA,oCAAiC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,qBAAqB,CAAC,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '../../public/I18n/index';\nimport '@vaadin/vaadin-button';\nimport { InternalCreateControl } from './InternalCreateControl';\n\ncustomElements.define('foxy-internal-create-control', InternalCreateControl);\n\nexport { InternalCreateControl };\n"]}

package/dist/elements/internal/InternalDeleteControl/InternalDeleteControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InternalDeleteControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDeleteControl/InternalDeleteControl.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,8CAA2C;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,OAAO,qBAAsB,SAAQ,eAAe;IAA1D;;QACE,UAAK,GAAG,QAAQ,CAAC;IAgCnB,CAAC;IA9BC,aAAa;QACX,OAAO,IAAI,CAAA;;;;;;;;eAQA,IAAI,CAAC,IAAI;aACX,IAAI,CAAC,EAAE;;gBAEJ,CAAC,GAAoB,EAAE,EAAE,WAAC,OAAA,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,WAAI,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAE,CAAA,EAAA;;;;;;;;oBAQrE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;iBACjC,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAA0B,CAAC;YACnF,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,aAA8B,CAAC,CAAC;QACnD,CAAC;;wBAEe,IAAI,CAAC,EAAE,sBAAsB,IAAI,CAAC,IAAI;;KAEzD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { InternalConfirmDialog } from '../InternalConfirmDialog/InternalConfirmDialog';\nimport type { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport type { TemplateResult } from 'lit-element';\nimport type { ButtonElement } from '@vaadin/vaadin-button';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { html } from 'lit-element';\n\nexport class InternalDeleteControl extends InternalControl {\n  infer = 'delete';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-confirm-dialog\n        data-testid=\"confirm\"\n        message=\"delete_prompt\"\n        confirm=\"delete\"\n        cancel=\"cancel\"\n        header=\"delete\"\n        theme=\"primary error\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"confirm\"\n        @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && this.nucleon?.delete()}\n      >\n      </foxy-internal-confirm-dialog>\n\n      <vaadin-button\n        data-testid=\"delete\"\n        theme=\"primary error\"\n        class=\"w-full\"\n        ?disabled=${this.disabled || this.readonly}\n        @click=${(evt: CustomEvent) => {\n          const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n          confirm.show(evt.currentTarget as ButtonElement);\n        }}\n      >\n        <foxy-i18n ns=${this.ns} key=\"delete\" lang=${this.lang}></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n}\n"]}

package/dist/elements/internal/InternalDeleteControl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDeleteControl/index.ts"],"names":[],"mappings":"AAAA,2CAAwC;AACxC,oCAAiC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,qBAAqB,CAAC,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '../InternalConfirmDialog/index';\nimport '../../public/I18n/index';\nimport '@vaadin/vaadin-button';\nimport { InternalDeleteControl } from './InternalDeleteControl';\n\ncustomElements.define('foxy-internal-delete-control', InternalDeleteControl);\n\nexport { InternalDeleteControl };\n"]}

package/dist/elements/internal/InternalTimestampsControl/InternalTimestampsControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InternalTimestampsControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTimestampsControl/InternalTimestampsControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,8CAA2C;AAErE,MAAM,OAAO,yBAA0B,SAAQ,eAAe;IAA9D;;QAYE,UAAK,GAAG,YAAY,CAAC;IAsCvB,CAAC;IAjDC,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;OAIF;SACF,CAAC;IACJ,CAAC;IAID,aAAa;QACX,OAAO,IAAI,CAAA;;;;;gCAKiB,IAAI,CAAC,IAAI,0BAA0B,IAAI,CAAC,EAAE;;;;0BAIhD,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,2BAA2B,CAAC,EAAE,CAAC;uBACpE,IAAI,CAAC,IAAI;;qBAEX,IAAI,CAAC,EAAE;;;;;;;gCAOI,IAAI,CAAC,IAAI,2BAA2B,IAAI,CAAC,EAAE;;;;0BAIjD,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,4BAA4B,CAAC,EAAE,CAAC;uBACrE,IAAI,CAAC,IAAI;;qBAEX,IAAI,CAAC,EAAE;;;;;;;KAOvB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { css, CSSResultArray } from 'lit-element';\nimport { html, TemplateResult } from 'lit-html';\nimport { get } from 'lodash-es';\nimport { InternalControl } from '../InternalControl/InternalControl';\n\nexport class InternalTimestampsControl extends InternalControl {\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .max-w-0 {\n          max-width: 0;\n        }\n      `,\n    ];\n  }\n\n  infer = 'timestamps';\n\n  renderControl(): TemplateResult {\n    return html`\n      <table class=\"font-lumo text-m leading-m w-full\">\n        <tbody class=\"divide-y divide-contrast-10\">\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m\">\n              <foxy-i18n lang=${this.lang} key=\"date_created\" ns=${this.ns}></foxy-i18n>\n            </td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\">\n              <foxy-i18n\n                options=${JSON.stringify({ value: get(this, 'nucleon.form.date_created') })}\n                lang=${this.lang}\n                key=\"date\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n            </td>\n          </tr>\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m\">\n              <foxy-i18n lang=${this.lang} key=\"date_modified\" ns=${this.ns}></foxy-i18n>\n            </td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\">\n              <foxy-i18n\n                options=${JSON.stringify({ value: get(this, 'nucleon.form.date_modified') })}\n                lang=${this.lang}\n                key=\"date\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    `;\n  }\n}\n"]}

package/dist/elements/internal/InternalTimestampsControl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTimestampsControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,uCAAoC;AAExE,cAAc,CAAC,MAAM,CAAC,kCAAkC,EAAE,yBAAyB,CAAC,CAAC;AAErF,OAAO,EAAE,yBAAyB,EAAE,CAAC","sourcesContent":["import { InternalTimestampsControl } from './InternalTimestampsControl';\n\ncustomElements.define('foxy-internal-timestamps-control', InternalTimestampsControl);\n\nexport { InternalTimestampsControl };\n"]}