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

package/dist/elements/index.d.ts

@@ -0,0 +1 @@
+export * from './public/index';

package/dist/elements/index.js

@@ -0,0 +1,2 @@
+export * from "./public/index.js";
+//# sourceMappingURL=index.js.map

package/dist/elements/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/elements/index.ts"],"names":[],"mappings":"AAAA,kCAA+B","sourcesContent":["export * from './public/index';\n"]}

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

@@ -0,0 +1,12 @@
+import { TemplateResult } from 'lit-html';
+import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
+import { PropertyDeclarations } from 'lit-element';
+export declare class InternalAsyncComboBoxControl extends InternalEditableControl {
+    static get properties(): PropertyDeclarations;
+    itemLabelPath: string;
+    itemValuePath: string;
+    first: string;
+    renderControl(): TemplateResult;
+    protected get _value(): string;
+    protected set _value(newValue: string);
+}

package/dist/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.js

@@ -0,0 +1,65 @@
+import { html } from 'lit-html';
+import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
+import { API } from "../../public/NucleonElement/API.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+export class InternalAsyncComboBoxControl extends InternalEditableControl {
+    constructor() {
+        super(...arguments);
+        this.itemLabelPath = '';
+        this.itemValuePath = '';
+        this.first = '';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            itemLabelPath: { type: String, attribute: 'item-label-path' },
+            itemValuePath: { type: String, attribute: 'item-value-path' },
+            first: { type: String },
+        };
+    }
+    renderControl() {
+        const dataProvider = async (params, callback) => {
+            const url = new URL(this.first);
+            url.searchParams.set('offset', String(params.page * params.pageSize));
+            url.searchParams.set('limit', String(params.pageSize));
+            if (params.filter)
+                url.searchParams.set(this.itemLabelPath, `*${params.filter}*`);
+            const response = await new API(this).fetch(url.toString());
+            if (!response.ok)
+                throw new Error(await response.text());
+            const json = await response.json();
+            const items = Array.from(Object.values(json._embedded))[0];
+            callback(items, json.total_items);
+        };
+        return html `
+      <vaadin-combo-box
+        item-value-path=${this.itemValuePath}
+        item-label-path=${this.itemLabelPath}
+        error-message=${ifDefined(this._errorMessage)}
+        item-id-path="_links.self.href"
+        helper-text=${this.helperText}
+        placeholder=${this.placeholder}
+        label=${this.label}
+        class="w-full"
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        .checkValidity=${this._checkValidity}
+        .dataProvider=${dataProvider}
+        .value=${this._value}
+        @change=${(evt) => {
+            const comboBox = evt.currentTarget;
+            this._value = comboBox.value;
+        }}
+      >
+      </vaadin-combo-box>
+    `;
+    }
+    get _value() {
+        var _a;
+        return (_a = super._value) !== null && _a !== void 0 ? _a : '';
+    }
+    set _value(newValue) {
+        super._value = newValue;
+    }
+}
+//# sourceMappingURL=InternalAsyncComboBoxControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalAsyncComboBoxControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAE7F,OAAO,EAAE,GAAG,EAAE,2CAAwC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,MAAM,OAAO,4BAA6B,SAAQ,uBAAuB;IAAzE;;QAUE,kBAAa,GAAG,EAAE,CAAC;QAEnB,kBAAa,GAAG,EAAE,CAAC;QAEnB,UAAK,GAAG,EAAE,CAAC;IAkDb,CAAC;IA/DC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE;YAC7D,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE;YAC7D,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAQD,aAAa;QACX,MAAM,YAAY,GAAyB,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;YACpE,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAEhC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;YACtE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;YACvD,IAAI,MAAM,CAAC,MAAM;gBAAE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;YAElF,MAAM,QAAQ,GAAG,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC3D,IAAI,CAAC,QAAQ,CAAC,EAAE;gBAAE,MAAM,IAAI,KAAK,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;YAEzD,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAc,CAAC;YAExE,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC,CAAC;QAEF,OAAO,IAAI,CAAA;;0BAEW,IAAI,CAAC,aAAa;0BAClB,IAAI,CAAC,aAAa;wBACpB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;;sBAE/B,IAAI,CAAC,UAAU;sBACf,IAAI,CAAC,WAAW;gBACtB,IAAI,CAAC,KAAK;;oBAEN,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;yBACR,IAAI,CAAC,cAAc;wBACpB,YAAY;iBACnB,IAAI,CAAC,MAAM;kBACV,CAAC,GAAgB,EAAE,EAAE;YAC7B,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAgC,CAAC;YACtD,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC;QAC/B,CAAC;;;KAGJ,CAAC;IACJ,CAAC;IAED,IAAc,MAAM;;QAClB,aAAQ,KAAK,CAAC,MAA6B,mCAAI,EAAE,CAAC;IACpD,CAAC;IAED,IAAc,MAAM,CAAC,QAAgB;QACnC,KAAK,CAAC,MAAM,GAAG,QAA+B,CAAC;IACjD,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-html';\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ComboBoxDataProvider, ComboBoxElement } from '@vaadin/vaadin-combo-box';\nimport { API } from '../../public/NucleonElement/API';\nimport { PropertyDeclarations } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nexport class InternalAsyncComboBoxControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      itemLabelPath: { type: String, attribute: 'item-label-path' },\n      itemValuePath: { type: String, attribute: 'item-value-path' },\n      first: { type: String },\n    };\n  }\n\n  itemLabelPath = '';\n\n  itemValuePath = '';\n\n  first = '';\n\n  renderControl(): TemplateResult {\n    const dataProvider: ComboBoxDataProvider = async (params, callback) => {\n      const url = new URL(this.first);\n\n      url.searchParams.set('offset', String(params.page * params.pageSize));\n      url.searchParams.set('limit', String(params.pageSize));\n      if (params.filter) url.searchParams.set(this.itemLabelPath, `*${params.filter}*`);\n\n      const response = await new API(this).fetch(url.toString());\n      if (!response.ok) throw new Error(await response.text());\n\n      const json = await response.json();\n      const items = Array.from(Object.values(json._embedded))[0] as unknown[];\n\n      callback(items, json.total_items);\n    };\n\n    return html`\n      <vaadin-combo-box\n        item-value-path=${this.itemValuePath}\n        item-label-path=${this.itemLabelPath}\n        error-message=${ifDefined(this._errorMessage)}\n        item-id-path=\"_links.self.href\"\n        helper-text=${this.helperText}\n        placeholder=${this.placeholder}\n        label=${this.label}\n        class=\"w-full\"\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .dataProvider=${dataProvider}\n        .value=${this._value}\n        @change=${(evt: CustomEvent) => {\n          const comboBox = evt.currentTarget as ComboBoxElement;\n          this._value = comboBox.value;\n        }}\n      >\n      </vaadin-combo-box>\n    `;\n  }\n\n  protected get _value(): string {\n    return (super._value as string | undefined) ?? '';\n  }\n\n  protected set _value(newValue: string) {\n    super._value = newValue as unknown | undefined;\n  }\n}\n"]}

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

@@ -0,0 +1,4 @@
+import '@vaadin/vaadin-combo-box';
+import '../InternalEditableControl/index';
+import { InternalAsyncComboBoxControl } from './InternalAsyncComboBoxControl';
+export { InternalAsyncComboBoxControl };

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

@@ -0,0 +1,6 @@
+import '@vaadin/vaadin-combo-box';
+import "../InternalEditableControl/index.js";
+import { InternalAsyncComboBoxControl } from "./InternalAsyncComboBoxControl.js";
+customElements.define('foxy-internal-async-combo-box-control', InternalAsyncComboBoxControl);
+export { InternalAsyncComboBoxControl };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncComboBoxControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,6CAA0C;AAC1C,OAAO,EAAE,4BAA4B,EAAE,0CAAuC;AAE9E,cAAc,CAAC,MAAM,CAAC,uCAAuC,EAAE,4BAA4B,CAAC,CAAC;AAE7F,OAAO,EAAE,4BAA4B,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-combo-box';\nimport '../InternalEditableControl/index';\nimport { InternalAsyncComboBoxControl } from './InternalAsyncComboBoxControl';\n\ncustomElements.define('foxy-internal-async-combo-box-control', InternalAsyncComboBoxControl);\n\nexport { InternalAsyncComboBoxControl };\n"]}

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

@@ -0,0 +1,13 @@
+import type { HALJSONResource } from '../../public/NucleonElement/types';
+import type { TemplateResult } from 'lit-html';
+import { NucleonElement } from '../../public/NucleonElement/NucleonElement';
+declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+export declare class InternalCard<TData extends HALJSONResource> extends Base<TData> {
+    renderBody(): TemplateResult;
+    render(): TemplateResult;
+}
+export {};

package/dist/elements/internal/InternalCard/InternalCard.js

@@ -0,0 +1,43 @@
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { NucleonElement } from "../../public/NucleonElement/NucleonElement.js";
+import { classMap } from "../../../utils/class-map.js";
+import { html } from 'lit-html';
+const Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement)));
+export class InternalCard extends Base {
+    renderBody() {
+        return html ``;
+    }
+    render() {
+        return html `
+      <div aria-busy=${this.in('busy')} aria-live="polite" class="relative">
+        <div
+          class=${classMap({
+            'transition duration-500 ease-in-out': true,
+            'opacity-0 pointer-events-none': !this.in({ idle: 'snapshot' }),
+        })}
+        >
+          ${this.renderBody()}
+        </div>
+
+        <div
+          class=${classMap({
+            'transition duration-500 ease-in-out absolute inset-0 flex': true,
+            'opacity-0 pointer-events-none': this.in({ idle: 'snapshot' }),
+        })}
+        >
+          <foxy-spinner
+            layout=${this.in('busy') ? 'no-label' : 'horizontal'}
+            class="m-auto"
+            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}
+            lang=${this.lang}
+            ns="${this.ns} spinner"
+          >
+          </foxy-spinner>
+        </div>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=InternalCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalCard.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalCard/InternalCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,cAAc,EAAE,sDAAmD;AAC5E,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AAElF,MAAM,OAAO,YAA4C,SAAQ,IAAW;IAC1E,UAAU;QACR,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;uBACQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;kBAEpB,QAAQ,CAAC;YACf,qCAAqC,EAAE,IAAI;YAC3C,+BAA+B,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;SAChE,CAAC;;YAEA,IAAI,CAAC,UAAU,EAAE;;;;kBAIX,QAAQ,CAAC;YACf,2DAA2D,EAAE,IAAI;YACjE,+BAA+B,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;SAC/D,CAAC;;;qBAGS,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;;oBAE5C,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;mBAC7E,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE;;;;;KAKpB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { HALJSONResource } from '../../public/NucleonElement/types';\nimport type { TemplateResult } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../../public/NucleonElement/NucleonElement';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement)));\n\nexport class InternalCard<TData extends HALJSONResource> extends Base<TData> {\n  renderBody(): TemplateResult {\n    return html``;\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div aria-busy=${this.in('busy')} aria-live=\"polite\" class=\"relative\">\n        <div\n          class=${classMap({\n            'transition duration-500 ease-in-out': true,\n            'opacity-0 pointer-events-none': !this.in({ idle: 'snapshot' }),\n          })}\n        >\n          ${this.renderBody()}\n        </div>\n\n        <div\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': this.in({ idle: 'snapshot' }),\n          })}\n        >\n          <foxy-spinner\n            layout=${this.in('busy') ? 'no-label' : 'horizontal'}\n            class=\"m-auto\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            lang=${this.lang}\n            ns=\"${this.ns} spinner\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+import '../../public/Spinner/index';
+import '../InternalCreateControl/index';
+import '../InternalDeleteControl/index';
+import '../InternalTimestampsControl/index';
+import { InternalCard } from './InternalCard';
+export { InternalCard };

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

@@ -0,0 +1,8 @@
+import "../../public/Spinner/index.js";
+import "../InternalCreateControl/index.js";
+import "../InternalDeleteControl/index.js";
+import "../InternalTimestampsControl/index.js";
+import { InternalCard } from "./InternalCard.js";
+customElements.define('foxy-internal-card', InternalCard);
+export { InternalCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalCard/index.ts"],"names":[],"mappings":"AAAA,uCAAoC;AACpC,2CAAwC;AACxC,2CAAwC;AACxC,+CAA4C;AAC5C,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '../../public/Spinner/index';\nimport '../InternalCreateControl/index';\nimport '../InternalDeleteControl/index';\nimport '../InternalTimestampsControl/index';\nimport { InternalCard } from './InternalCard';\n\ncustomElements.define('foxy-internal-card', InternalCard);\n\nexport { InternalCard };\n"]}

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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,63 @@
+import { html, LitElement } from 'lit-element';
+import { InferrableMixin } from "../../../mixins/inferrable.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { classMap } from "../../../utils/class-map.js";
+export class InternalCollapsibleCard extends ThemeableMixin(TranslatableMixin(InferrableMixin(LitElement))) {
+    constructor() {
+        super(...arguments);
+        this.summary = '';
+        this.open = false;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            summary: { type: String },
+            open: { type: Boolean },
+        };
+    }
+    render() {
+        return html `
+      <details
+        class="w-full border border-contrast-10 rounded-t-l rounded-b-l"
+        ?open=${this.open}
+        @toggle=${(evt) => {
+            this.open = evt.currentTarget.open;
+        }}
+      >
+        <summary
+          class=${classMap({
+            'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,
+            'transition-colors cursor-pointer hover-bg-contrast-5': true,
+            'rounded-t-l': true,
+            'rounded-b-l': !this.open,
+        })}
+        >
+          <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"
+                key=${this.summary}
+                infer
+              >
+              </foxy-i18n>
+
+              <slot name="actions"></slot>
+            </div>
+
+            <iron-icon
+              class="icon-inline text-xl text-body"
+              icon="icons:expand-${this.open ? 'less' : 'more'}"
+            >
+            </iron-icon>
+          </div>
+        </summary>
+
+        <div class="border-t border-contrast-10">
+          <slot></slot>
+        </div>
+      </details>
+    `;
+    }
+}
+//# sourceMappingURL=InternalCollapsibleCard.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,119 @@
+import { html } from 'lit-element';
+import { InternalControl } from "../InternalControl/InternalControl.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { classMap } from "../../../utils/class-map.js";
+export class InternalCollectionCard extends InternalControl {
+    constructor() {
+        super(...arguments);
+        this.related = [];
+        this.limit = 20;
+        this.first = '';
+        this.form = '';
+        this.item = '';
+        this.open = false;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            related: { type: Array },
+            first: { type: String },
+            limit: { type: Number },
+            form: { type: String },
+            item: { type: String },
+            open: { type: Boolean },
+        };
+    }
+    renderControl() {
+        var _a, _b;
+        let first;
+        try {
+            const url = new URL(this.first);
+            url.searchParams.set('limit', String(this.limit));
+            first = url.toString();
+        }
+        catch (_c) {
+            first = this.first;
+        }
+        const cardRenderer = 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}>\``);
+        const itemRenderer = ctx => {
+            if (this.form && !!ctx.data) {
+                const isDisabled = this.disabledSelector.matches('card', true);
+                return html `
+          <button
+            ?disabled=${isDisabled}
+            class=${classMap({
+                    'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,
+                    'text-left w-full block transition-colors': true,
+                    'hover-bg-contrast-5': !isDisabled,
+                })}
+            @click=${(evt) => {
+                    const dialog = this.renderRoot.querySelector('#form');
+                    const button = evt.currentTarget;
+                    dialog.header = 'header_update';
+                    dialog.href = ctx.href;
+                    dialog.show(button);
+                }}
+          >
+            ${cardRenderer(ctx)}
+          </button>
+        `;
+            }
+            return cardRenderer(ctx);
+        };
+        return html `
+      <foxy-internal-collapsible-card
+        summary="title"
+        infer
+        ?open=${this.open}
+        @toggle=${(evt) => {
+            this.open = evt.currentTarget.open;
+        }}
+      >
+        ${this.form
+            ? html `
+              <foxy-form-dialog
+                related=${JSON.stringify(this.related)}
+                parent=${first}
+                group=${ifDefined((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.group)}
+                infer="dialog"
+                id="form"
+                .form=${this.form}
+              >
+              </foxy-form-dialog>
+
+              ${this.readonly
+                ? ''
+                : html `
+                    <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=${(evt) => {
+                    evt.preventDefault();
+                    evt.stopPropagation();
+                    const dialog = this.renderRoot.querySelector('#form');
+                    dialog.header = 'header_create';
+                    dialog.href = '';
+                    dialog.show(evt.currentTarget);
+                }}
+                    >
+                      <iron-icon class="icon-inline" icon="icons:add"></iron-icon>
+                    </button>
+                  `}
+            `
+            : ''}
+
+        <foxy-pagination class="px-m pb-s" first=${first} infer="pagination">
+          <foxy-collection-page
+            related=${JSON.stringify(this.related)}
+            class="-mx-m block divide-y divide-contrast-10 mb-s"
+            group=${ifDefined((_b = this.nucleon) === null || _b === void 0 ? void 0 : _b.group)}
+            infer="card"
+            .item=${itemRenderer}
+          >
+          </foxy-collection-page>
+        </foxy-pagination>
+      </foxy-internal-collapsible-card>
+    `;
+    }
+}
+//# sourceMappingURL=InternalCollectionCard.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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/InternalControl/InternalControl.d.ts

@@ -0,0 +1,21 @@
+import { LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
+import { NucleonElement } from '../../public/NucleonElement/NucleonElement';
+declare const InternalControl_base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
+    inferredProperties: string[];
+} & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+export declare class InternalControl extends InternalControl_base {
+    static get inferredProperties(): string[];
+    static get properties(): PropertyDeclarations;
+    nucleon: NucleonElement<any> | null;
+    infer: string;
+    inferFromElement(key: string, element: HTMLElement): unknown | undefined;
+    applyInferredProperties(context: Map<string, unknown>): void;
+    updated(changes: Map<keyof this, unknown>): void;
+    renderControl(): TemplateResult;
+    render(): TemplateResult;
+}
+export {};

package/dist/elements/internal/InternalControl/InternalControl.js

@@ -0,0 +1,53 @@
+import { html, LitElement } from 'lit-element';
+import { render } from 'lit-html';
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { NucleonElement } from "../../public/NucleonElement/NucleonElement.js";
+import { InferrableMixin } from "../../../mixins/inferrable.js";
+export class InternalControl extends ConfigurableMixin(TranslatableMixin(ThemeableMixin(InferrableMixin(LitElement)))) {
+    constructor() {
+        super(...arguments);
+        this.nucleon = null;
+        this.infer = '';
+    }
+    static get inferredProperties() {
+        return [...super.inferredProperties, 'nucleon'];
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            nucleon: { attribute: false },
+        };
+    }
+    inferFromElement(key, element) {
+        if (key === 'nucleon' && element instanceof NucleonElement)
+            return element;
+        return super.inferFromElement(key, element);
+    }
+    applyInferredProperties(context) {
+        var _a;
+        super.applyInferredProperties(context);
+        this.nucleon = (_a = context.get('nucleon')) !== null && _a !== void 0 ? _a : null;
+    }
+    updated(changes) {
+        super.updated(changes);
+        this.style.display = this.hidden ? 'none' : '';
+        render(html `
+        <slot name="${this.infer}:before" slot="before"></slot>
+        <slot name="${this.infer}:after" slot="after"></slot>
+      `, this);
+    }
+    renderControl() {
+        return html ``;
+    }
+    render() {
+        if (this.hidden)
+            return html ``;
+        return html `
+      ${this.renderTemplateOrSlot('before', this.nucleon)} ${this.renderControl()}
+      ${this.renderTemplateOrSlot('after', this.nucleon)}
+    `;
+    }
+}
+//# sourceMappingURL=InternalControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalControl/InternalControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwC,MAAM,aAAa,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,sDAAmD;AAC5E,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAE7D,MAAM,OAAO,eAAgB,SAAQ,iBAAiB,CACpD,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAC/D;IAFD;;QAcE,YAAO,GAA+B,IAAI,CAAC;QAE3C,UAAK,GAAG,EAAE,CAAC;IAsCb,CAAC;IAnDC,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,GAAG,KAAK,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9B,CAAC;IACJ,CAAC;IAMD,gBAAgB,CAAC,GAAW,EAAE,OAAoB;QAChD,IAAI,GAAG,KAAK,SAAS,IAAI,OAAO,YAAY,cAAc;YAAE,OAAO,OAAO,CAAC;QAC3E,OAAO,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED,uBAAuB,CAAC,OAA6B;;QACnD,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,SAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAqC,mCAAI,IAAI,CAAC;IACrF,CAAC;IAED,OAAO,CAAC,OAAiC;QACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEvB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;QAE/C,MAAM,CACJ,IAAI,CAAA;sBACY,IAAI,CAAC,KAAK;sBACV,IAAI,CAAC,KAAK;OACzB,EACD,IAAI,CACL,CAAC;IACJ,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAE/B,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE;QACzE,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;KACnD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { render } from 'lit-html';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { NucleonElement } from '../../public/NucleonElement/NucleonElement';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\nexport class InternalControl extends ConfigurableMixin(\n  TranslatableMixin(ThemeableMixin(InferrableMixin(LitElement)))\n) {\n  static get inferredProperties(): string[] {\n    return [...super.inferredProperties, 'nucleon'];\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      nucleon: { attribute: false },\n    };\n  }\n\n  nucleon: NucleonElement<any> | null = null;\n\n  infer = '';\n\n  inferFromElement(key: string, element: HTMLElement): unknown | undefined {\n    if (key === 'nucleon' && element instanceof NucleonElement) return element;\n    return super.inferFromElement(key, element);\n  }\n\n  applyInferredProperties(context: Map<string, unknown>): void {\n    super.applyInferredProperties(context);\n    this.nucleon = (context.get('nucleon') as NucleonElement<any> | undefined) ?? null;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n\n    this.style.display = this.hidden ? 'none' : '';\n\n    render(\n      html`\n        <slot name=\"${this.infer}:before\" slot=\"before\"></slot>\n        <slot name=\"${this.infer}:after\" slot=\"after\"></slot>\n      `,\n      this\n    );\n  }\n\n  renderControl(): TemplateResult {\n    return html``;\n  }\n\n  render(): TemplateResult {\n    if (this.hidden) return html``;\n\n    return html`\n      ${this.renderTemplateOrSlot('before', this.nucleon)} ${this.renderControl()}\n      ${this.renderTemplateOrSlot('after', this.nucleon)}\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,2 @@
+import { InternalControl } from './InternalControl';
+export { InternalControl };

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

@@ -0,0 +1,4 @@
+import { InternalControl } from "./InternalControl.js";
+customElements.define('foxy-internal-control', InternalControl);
+export { InternalControl };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,eAAe,CAAC,CAAC;AAEhE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import { InternalControl } from './InternalControl';\n\ncustomElements.define('foxy-internal-control', InternalControl);\n\nexport { InternalControl };\n"]}

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

@@ -0,0 +1,13 @@
+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();
+}