@foxy.io/elements 1.16.0-beta.6 → 1.16.0-beta.9

package/dist/cdn/shared-dcb80bcf.js

@@ -1 +0,0 @@
-import"./foxy-collection-page.js";import"./foxy-form-dialog.js";import"./foxy-pagination.js";import"./shared-bcfaeb2c.js";import"./shared-9ad10520.js";import"./shared-db34c00a.js";import{a as t}from"./shared-fe347acc.js";import{I as e,_ as r}from"./shared-2eee69db.js";import{L as o,h as s}from"./shared-7f33a83a.js";import{T as i}from"./shared-6b4564c6.js";import{c as n}from"./shared-4e709717.js";import{i as a}from"./shared-d3bf9ac0.js";let l,c=t=>t;class d extends(i(e(o))){constructor(){super(...arguments),this.summary=null,this.open=!1}static get properties(){return r(r({},super.properties),{},{summary:{type:String},open:{type:Boolean}})}render(){var t;return s(l||(l=c` <details class="w-full border border-contrast-10 rounded-t-l rounded-b-l" ?open="${0}" @toggle="${0}"> <summary class="${0}"> <div class="flex items-center h-m pl-m pr-s"> <div class="flex items-center flex-1"> <foxy-i18n class="flex items-center text-xs tracking-wide uppercase font-bold text-body" infer="" key="${0}"> </foxy-i18n> <slot name="actions"></slot> </div> <iron-icon class="icon-inline text-xl text-body" icon="icons:expand-${0}"> </iron-icon> </div> </summary> <div class="border-t border-contrast-10"> <slot></slot> </div> </details> `),this.open,(t=>{this.open=t.currentTarget.open}),n({"focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50":!0,"transition-colors cursor-pointer hover-bg-contrast-5":!0,"rounded-t-l":!0,"rounded-b-l":!this.open}),null!==(t=this.summary)&&void 0!==t?t:"",this.open?"less":"more")}}customElements.define("foxy-internal-details-control",d);let f,p,m,u,h=t=>t;customElements.define("foxy-internal-collection-card",class extends t{constructor(){super(...arguments),this.related=[],this.limit=20,this.first="",this.form="",this.item="",this.open=!1}static get properties(){return r(r({},super.properties),{},{related:{type:Array},first:{type:String},limit:{type:Number},form:{type:String},item:{type:String},open:{type:Boolean}})}renderControl(){var t,e;let r;try{const t=new URL(this.first);t.searchParams.set("limit",String(this.limit)),r=t.toString()}catch(t){r=this.first}const o=new Function("ctx",`return ctx.html\`<${this.item} related=\${JSON.stringify(ctx.related)} parent=\${ctx.parent} class="p-m" infer href=\${ctx.href}></${this.item}>\``);return s(p||(p=h` <foxy-internal-details-control summary="title" infer ?open="${0}" @toggle="${0}"> ${0} <foxy-pagination class="px-m pb-s" first="${0}" infer="pagination"> <foxy-collection-page related="${0}" class="-mx-m block divide-y divide-contrast-10 mb-s" group="${0}" infer="card" .item="${0}"> </foxy-collection-page> </foxy-pagination> </foxy-internal-details-control> `),this.open,(t=>{this.open=t.currentTarget.open}),this.form?s(m||(m=h` <foxy-form-dialog related="${0}" parent="${0}" group="${0}" infer="dialog" id="form" .form="${0}"> </foxy-form-dialog> ${0} `),JSON.stringify(this.related),r,a(null===(t=this.nucleon)||void 0===t?void 0:t.group),this.form,this.readonly?"":s(u||(u=h` <button 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" slot="actions" @click="${0}"> <iron-icon class="icon-inline" icon="icons:add"></iron-icon> </button> `),(t=>{t.preventDefault(),t.stopPropagation();const e=this.renderRoot.querySelector("#form");e.header="header_create",e.href="",e.show(t.currentTarget)}))):"",r,JSON.stringify(this.related),a(null===(e=this.nucleon)||void 0===e?void 0:e.group),(t=>{if(this.form&&t.data){const e=this.disabledSelector.matches("card",!0);return s(f||(f=h` <button ?disabled="${0}" class="${0}" @click="${0}"> ${0} </button> `),e,n({"focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50":!0,"text-left w-full block transition-colors":!0,"hover-bg-contrast-5":!e}),(e=>{const r=this.renderRoot.querySelector("#form"),o=e.currentTarget;r.header="header_update",r.href=t.href,r.show(o)}),o(t))}return o(t)}))}});

package/dist/cdn/shared-dd43ab46.js

@@ -1 +0,0 @@
-import{_ as e}from"./shared-2eee69db.js";import{p as r}from"./shared-bcfaeb2c.js";function s(s){var t;const a=r(s),n=null!==(t={y:"yearly",m:"monthly",w:"weekly",d:"daily"}[a.units])&&void 0!==t?t:a.units;return e(e({},a),{},{units:n})}export{s as p};

package/dist/cdn/shared-fe347acc.js

@@ -1 +0,0 @@
-import"./shared-30a41bea.js";import{I as e,_ as t}from"./shared-2eee69db.js";import{i as r}from"./shared-d3bf9ac0.js";import{L as i,f as n,h as s,c as l}from"./shared-7f33a83a.js";import"./foxy-spinner.js";import"./shared-bcfaeb2c.js";import"./shared-28f78e36.js";import{C as a}from"./shared-06014421.js";import{a as o,T as d}from"./shared-6b4564c6.js";import{N as h}from"./shared-1b064836.js";import"./shared-eba18a6f.js";import{a6 as c}from"./shared-3026cee0.js";import{c as p}from"./shared-4e709717.js";let u,f,y,_,m=e=>e;class v extends(a(o(d(e(i))))){constructor(){super(...arguments),this.nucleon=null,this.infer=""}static get inferredProperties(){return[...super.inferredProperties,"nucleon"]}static get properties(){return t(t({},super.properties),{},{nucleon:{attribute:!1}})}inferFromElement(e,t){return"nucleon"===e&&t instanceof h?t:super.inferFromElement(e,t)}applyInferredProperties(e){var t;super.applyInferredProperties(e),this.nucleon=null!==(t=e.get("nucleon"))&&void 0!==t?t:null}updated(e){super.updated(e),this.style.display=this.hidden?"none":"",n(s(u||(u=m` <slot name="${0}:before" slot="before"></slot> <slot name="${0}:after" slot="after"></slot> `),this.infer,this.infer),this)}renderControl(){return s(f||(f=m``))}render(){return this.hidden?s(y||(y=m``)):s(_||(_=m` ${0} ${0} ${0} `),this.renderTemplateOrSlot("before",this.nucleon),this.renderControl(),this.renderTemplateOrSlot("after",this.nucleon))}}customElements.define("foxy-internal-control",v);class x extends v{constructor(){super(...arguments),this.__placeholder=null,this.__helperText=null,this.__v8nPrefix=null,this.__property=null,this.__label=null}static get properties(){return t(t({},super.properties),{},{__placeholder:{attribute:!1},__helperText:{attribute:!1},__v8nPrefix:{attribute:!1},__property:{attribute:!1},__label:{attribute:!1},placeholder:{type:String,noAccessor:!0},helperText:{type:String,attribute:"helper-text",noAccessor:!0},v8nPrefix:{type:String,attribute:"v8n-prefix",noAccessor:!0},property:{type:String,noAccessor:!0},label:{type:String,noAccessor:!0}})}get placeholder(){return"string"==typeof this.__placeholder?this.__placeholder:this.t("placeholder")}set placeholder(e){this.__placeholder=e}get helperText(){return"string"==typeof this.__helperText?this.__helperText:this.t("helper_text")}set helperText(e){this.__helperText=e}get v8nPrefix(){return"string"==typeof this.__v8nPrefix?this.__v8nPrefix:`${this.infer}:`}set v8nPrefix(e){this.__v8nPrefix=e}get property(){return"string"==typeof this.__property?this.__property:this.infer.replace(/-/g,"_")}set property(e){this.__property=e}get label(){return"string"==typeof this.__label?this.__label:this.t("label")}set label(e){this.__label=e}get _value(){var e;return null===(e=this.nucleon)||void 0===e?void 0:e.form[this.property]}set _value(e){var t;const r=new CustomEvent("change",{cancelable:!0,detail:e});this.dispatchEvent(r)&&(null===(t=this.nucleon)||void 0===t||t.edit({[this.property]:e}))}get _error(){var e;return null===(e=this.nucleon)||void 0===e?void 0:e.errors.find((e=>e.startsWith(this.v8nPrefix)))}get _errorMessage(){return this._error?this.t(this._error.substring(this.v8nPrefix.length)):void 0}get _checkValidity(){return()=>!this._error}}customElements.define("foxy-internal-editable-control",x);let g,b=e=>e;customElements.define("foxy-internal-text-control",class extends x{renderControl(){return s(g||(g=b` <vaadin-text-field error-message="${0}" helper-text="${0}" placeholder="${0}" label="${0}" class="w-full" ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .value="${0}" @keydown="${0}" @input="${0}"> </vaadin-text-field> `),r(this._errorMessage),this.helperText,this.placeholder,this.label,this.disabled,this.readonly,this._checkValidity,this._value,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{const t=e.currentTarget;this._value=t.value}))}get _value(){var e;return null!==(e=super._value)&&void 0!==e?e:""}set _value(e){super._value=e}});let $,T=e=>e;customElements.define("foxy-internal-create-control",class extends v{constructor(){super(...arguments),this.infer="create"}renderControl(){return s($||($=T` <vaadin-button data-testid="create" class="w-full" theme="primary success" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="create" lang="${0}"></foxy-i18n> </vaadin-button> `),this.disabled||this.__isInvalid,(()=>{var e;return null===(e=this.nucleon)||void 0===e?void 0:e.submit()}),this.ns,this.lang)}get __isCleanTemplateInvalid(){var e;return!!(null===(e=this.nucleon)||void 0===e?void 0:e.in({idle:{template:{clean:"invalid"}}}))}get __isDirtyTemplateInvalid(){var e;return!!(null===(e=this.nucleon)||void 0===e?void 0:e.in({idle:{template:{dirty:"invalid"}}}))}get __isCleanSnapshotInvalid(){var e;return!!(null===(e=this.nucleon)||void 0===e?void 0:e.in({idle:{snapshot:{clean:"invalid"}}}))}get __isDirtySnapshotInvalid(){var e;return!!(null===(e=this.nucleon)||void 0===e?void 0:e.in({idle:{snapshot:{dirty:"invalid"}}}))}get __isTemplateInvalid(){return this.__isCleanTemplateInvalid||this.__isDirtyTemplateInvalid}get __isSnapshotInvalid(){return this.__isCleanSnapshotInvalid||this.__isDirtySnapshotInvalid}get __isInvalid(){return this.__isSnapshotInvalid||this.__isTemplateInvalid}});let I,w=e=>e;customElements.define("foxy-internal-delete-control",class extends v{constructor(){super(...arguments),this.infer="delete"}renderControl(){return s(I||(I=w` <foxy-internal-confirm-dialog data-testid="confirm" message="delete_prompt" confirm="delete" cancel="cancel" header="delete" theme="primary error" lang="${0}" ns="${0}" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <vaadin-button data-testid="delete" theme="primary error" class="w-full" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="delete" lang="${0}"></foxy-i18n> </vaadin-button> `),this.lang,this.ns,(e=>{var t;return!e.detail.cancelled&&(null===(t=this.nucleon)||void 0===t?void 0:t.delete())}),this.disabled||this.readonly,(e=>{this.renderRoot.querySelector("#confirm").show(e.currentTarget)}),this.ns,this.lang)}});let S,P,j=e=>e;customElements.define("foxy-internal-timestamps-control",class extends v{constructor(){super(...arguments),this.infer="timestamps"}static get styles(){return[super.styles,l(S||(S=j`.max-w-0{max-width:0}`))]}renderControl(){return s(P||(P=j` <table class="font-lumo text-m leading-m w-full"> <tbody class="divide-y divide-contrast-10"> <tr> <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m"> <foxy-i18n lang="${0}" key="date_created" ns="${0}"></foxy-i18n> </td> <td class="max-w-0 truncate py-s text-body w-2-3"> <foxy-i18n options="${0}" lang="${0}" key="date" ns="${0}"> </foxy-i18n> </td> </tr> <tr> <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m"> <foxy-i18n lang="${0}" key="date_modified" ns="${0}"></foxy-i18n> </td> <td class="max-w-0 truncate py-s text-body w-2-3"> <foxy-i18n options="${0}" lang="${0}" key="date" ns="${0}"> </foxy-i18n> </td> </tr> </tbody> </table> `),this.lang,this.ns,JSON.stringify({value:c(this,"nucleon.form.date_created")}),this.lang,this.ns,this.lang,this.ns,JSON.stringify({value:c(this,"nucleon.form.date_modified")}),this.lang,this.ns)}});let k,C,E,A=e=>e;const D=a(d(h));class O extends D{renderBody(){return this.data?s(k||(k=A` <foxy-internal-timestamps-control infer="timestamps"></foxy-internal-timestamps-control> <foxy-internal-delete-control infer="delete"></foxy-internal-delete-control> `)):s(C||(C=A`<foxy-internal-create-control infer="create"></foxy-internal-create-control>`))}render(){const e=!(this.in("idle")||this.in({busy:"fetching"})&&this.data);return s(E||(E=A` <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}" infer="spinner"> </foxy-spinner> </div> </div> `),this.in("busy"),p({"grid grid-cols-1 gap-m":!0,"transition-opacity":!0,"opacity-0 pointer-events-none":e}),this.renderBody(),p({"transition-opacity absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!e}),this.in("fail")?"vertical":"no-label",this.in("fail")?"error":"busy")}}customElements.define("foxy-internal-form",O);export{x as I,v as a,O as b};

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-details-control\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-details-control>\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 '../InternalDetailsControl/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 "../InternalDetailsControl/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,4CAAyC;AAEzC,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 '../InternalDetailsControl/index';\n\nimport { InternalCollectionCard } from './InternalCollectionCard';\n\ncustomElements.define('foxy-internal-collection-card', InternalCollectionCard);\n\nexport { InternalCollectionCard };\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"InternalDetailsControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDetailsControl/InternalDetailsControl.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,QAAQ,EAAE,oCAAiC;AAEpD;;;;;GAKG;AACH,MAAM,OAAO,sBAAuB,SAAQ,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IAAvF;;QASE,iCAAiC;QACjC,YAAO,GAAkB,IAAI,CAAC;QAE9B,4CAA4C;QAC5C,SAAI,GAAG,KAAK,CAAC;IA6Cf,CAAC;IAzDC,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;IAQD,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;;;;;;;sBAOU,MAAA,IAAI,CAAC,OAAO,mCAAI,EAAE;;;;;;;;;mCASL,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 { classMap } from '../../../utils/class-map';\n\n/**\n * Internal details/summary control.\n *\n * @since 1.17.0\n * @tag foxy-internal-details-control\n */\nexport class InternalDetailsControl extends ThemeableMixin(InferrableMixin(LitElement)) {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      summary: { type: String },\n      open: { type: Boolean },\n    };\n  }\n\n  /** i18n key for summary text. */\n  summary: string | null = null;\n\n  /** Same as `HTMLDetailsElement['open']`. */\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                infer=\"\"\n                key=${this.summary ?? ''}\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/InternalDetailsControl/index.js

@@ -1,8 +0,0 @@
-import '@polymer/iron-icons';
-import '@polymer/iron-icon';
-import "../InternalControl/index.js";
-import "../../public/I18n/index.js";
-import { InternalDetailsControl as Control } from "./InternalDetailsControl.js";
-customElements.define('foxy-internal-details-control', Control);
-export { Control as InternalDetailsControl };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDetailsControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,qCAAkC;AAClC,oCAAiC;AAEjC,OAAO,EAAE,sBAAsB,IAAI,OAAO,EAAE,oCAAiC;AAE7E,cAAc,CAAC,MAAM,CAAC,+BAA+B,EAAE,OAAO,CAAC,CAAC;AAEhE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../InternalControl/index';\nimport '../../public/I18n/index';\n\nimport { InternalDetailsControl as Control } from './InternalDetailsControl';\n\ncustomElements.define('foxy-internal-details-control', Control);\n\nexport { Control as InternalDetailsControl };\n"]}

package/dist/elements/internal/InternalForm/internal/InternalCreateControl/InternalCreateControl.d.ts

@@ -1,13 +0,0 @@
-import type { TemplateResult } from 'lit-element';
-import { InternalControl } from '../../../InternalControl/InternalControl';
-export declare class InternalCreateControl extends InternalControl {
-    infer: string;
-    renderControl(): TemplateResult;
-    private get __isCleanTemplateInvalid();
-    private get __isDirtyTemplateInvalid();
-    private get __isCleanSnapshotInvalid();
-    private get __isDirtySnapshotInvalid();
-    private get __isTemplateInvalid();
-    private get __isSnapshotInvalid();
-    private get __isInvalid();
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"InternalCreateControl.js","sourceRoot":"","sources":["../../../../../../src/elements/internal/InternalForm/internal/InternalCreateControl/InternalCreateControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,oDAAiD;AAC3E,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/InternalForm/internal/InternalCreateControl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/internal/InternalForm/internal/InternalCreateControl/index.ts"],"names":[],"mappings":"AAAA,0CAAuC;AACvC,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/InternalForm/internal/InternalDeleteControl/InternalDeleteControl.d.ts

@@ -1,6 +0,0 @@
-import type { TemplateResult } from 'lit-element';
-import { InternalControl } from '../../../InternalControl/InternalControl';
-export declare class InternalDeleteControl extends InternalControl {
-    infer: string;
-    renderControl(): TemplateResult;
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"InternalDeleteControl.js","sourceRoot":"","sources":["../../../../../../src/elements/internal/InternalForm/internal/InternalDeleteControl/InternalDeleteControl.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,oDAAiD;AAC3E,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/InternalForm/internal/InternalDeleteControl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/internal/InternalForm/internal/InternalDeleteControl/index.ts"],"names":[],"mappings":"AAAA,iDAA8C;AAC9C,0CAAuC;AACvC,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"]}