@foxy.io/elements 1.16.0-beta.10 → 1.16.0-beta.11

package/dist/elements/internal/{InternalForm/internal/InternalTimestampsControl → InternalTimestampsControl}/InternalTimestampsControl.js

@@ -1,12 +1,15 @@
 import { css } from 'lit-element';
 import { html } from 'lit-html';
 import { get } from 'lodash-es';
-import { InternalControl } from "../../../InternalControl/InternalControl.js";
+import { InternalControl } from "../InternalControl/InternalControl.js";
+/**
+ * Internal control displaying creation and last modification date
+ * for a hAPI resource in a table.
+ *
+ * @element foxy-internal-timestamps-control
+ * @since 1.17.0
+ */
 export class InternalTimestampsControl extends InternalControl {
-    constructor() {
-        super(...arguments);
-        this.infer = 'timestamps';
-    }
     static get styles() {
         return [
             super.styles,
@@ -22,28 +25,26 @@ export class InternalTimestampsControl extends InternalControl {
         <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=${this.lang} key="date_created" ns=${this.ns}></foxy-i18n>
+              <foxy-i18n infer="" key="date_created"></foxy-i18n>
             </td>
             <td class="max-w-0 truncate py-s text-body w-2-3">
               <foxy-i18n
                 options=${JSON.stringify({ value: get(this, 'nucleon.form.date_created') })}
-                lang=${this.lang}
+                infer=""
                 key="date"
-                ns=${this.ns}
               >
               </foxy-i18n>
             </td>
           </tr>
           <tr>
             <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m">
-              <foxy-i18n lang=${this.lang} key="date_modified" ns=${this.ns}></foxy-i18n>
+              <foxy-i18n infer="" key="date_modified"></foxy-i18n>
             </td>
             <td class="max-w-0 truncate py-s text-body w-2-3">
               <foxy-i18n
                 options=${JSON.stringify({ value: get(this, 'nucleon.form.date_modified') })}
-                lang=${this.lang}
+                infer=""
                 key="date"
-                ns=${this.ns}
               >
               </foxy-i18n>
             </td>

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

@@ -0,0 +1 @@
+{"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;;;;;;GAMG;AACH,MAAM,OAAO,yBAA0B,SAAQ,eAAe;IAC5D,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;OAIF;SACF,CAAC;IACJ,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAA;;;;;;;;;0BASW,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,2BAA2B,CAAC,EAAE,CAAC;;;;;;;;;;;;;0BAajE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,4BAA4B,CAAC,EAAE,CAAC;;;;;;;;;KASvF,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\n/**\n * Internal control displaying creation and last modification date\n * for a hAPI resource in a table.\n *\n * @element foxy-internal-timestamps-control\n * @since 1.17.0\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  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 infer=\"\" key=\"date_created\"></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                infer=\"\"\n                key=\"date\"\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 infer=\"\" key=\"date_modified\"></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                infer=\"\"\n                key=\"date\"\n              >\n              </foxy-i18n>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    `;\n  }\n}\n"]}

package/dist/elements/internal/{InternalForm/internal/InternalTimestampsControl → InternalTimestampsControl}/index.d.ts

@@ -1,2 +1,4 @@
+import '../../public/I18n/index';
+import '../InternalControl/index';
 import { InternalTimestampsControl } from './InternalTimestampsControl';
 export { InternalTimestampsControl };

package/dist/elements/internal/{InternalForm/internal/InternalTimestampsControl → InternalTimestampsControl}/index.js

@@ -1,3 +1,5 @@
+import "../../public/I18n/index.js";
+import "../InternalControl/index.js";
 import { InternalTimestampsControl } from "./InternalTimestampsControl.js";
 customElements.define('foxy-internal-timestamps-control', InternalTimestampsControl);
 export { InternalTimestampsControl };

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

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

package/dist/mixins/configurable.js

@@ -76,6 +76,7 @@ export const ConfigurableMixin = (BaseElement) => {
         }
         updated(changes) {
             super.updated(changes);
+            this.style.display = this.hidden ? 'none' : '';
             if (changes.has('mode')) {
                 this.__observer.disconnect();
                 if (this.mode === 'development')

package/dist/mixins/configurable.js.map

@@ -1 +1 @@
-{"version":3,"file":"configurable.js","sourceRoot":"","sources":["../../src/mixins/configurable.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n\nimport { Constructor, LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InferrableMixinHost } from './inferrable';\n\nexport declare class ConfigurableMixinHost {\n  /** Template render functions mapped to their name. */\n  templates: Partial<Record<string, Renderer<any>>>;\n\n  /**\n   * Toggles additional functionality for developers on and off. In particular,\n   * setting this property (or attribute with the same name) to \"development\" will\n   * start tracking changes in templates, allowing developers to edit HTML in the browser\n   * and see results without having to refresh the page every time.\n   */\n  mode: 'development' | 'production';\n\n  /**\n   * If true, makes every editable control inside of this element read-only.\n   * This property is reflected to the `readonly` boolean attribute.\n   *\n   * @since 1.4.0\n   */\n  readonly: boolean;\n\n  /**\n   * [BooleanSelector](https://sdk.foxy.dev/classes/_core_index_.booleanselector.html) selecting\n   * controls to render as read-only. Parsed version of the `readonlycontrols` attribute value.\n   *\n   * @type {BooleanSelector}\n   * @since 1.4.0\n   * @default BooleanSelector.False\n   */\n  readonlyControls: BooleanSelector;\n\n  /**\n   * If true, disables every interactive control inside of this element.\n   * This property is reflected to the `disabled` boolean attribute.\n   *\n   * @since 1.4.0\n   */\n  disabled: boolean;\n\n  /**\n   * [BooleanSelector](https://sdk.foxy.dev/classes/_core_index_.booleanselector.html) selecting\n   * controls to render as disabled.  Parsed version of the `disabledcontrols` attribute value.\n   *\n   * @type {BooleanSelector}\n   * @since 1.4.0\n   * @default BooleanSelector.False\n   */\n  disabledControls: BooleanSelector;\n\n  /**\n   * If true, hides every configurable control inside of this element.\n   * This property is reflected to the `hidden` boolean attribute.\n   *\n   * @since 1.4.0\n   */\n  hidden: boolean;\n\n  /**\n   * [BooleanSelector](https://sdk.foxy.dev/classes/_core_index_.booleanselector.html) selecting\n   * controls to hide.  Parsed version of the `hiddencontrols` attribute value.\n   *\n   * @type {BooleanSelector}\n   * @since 1.4.0\n   * @default BooleanSelector.False\n   */\n  hiddenControls: BooleanSelector;\n\n  /**\n   * Combined [BooleanSelector](https://sdk.foxy.dev/classes/_core_index_.booleanselector.html) for `readonlyControls`\n   * and `readonly` properties. If `readonly` is true, this selector will match any control,\n   * otherwise it will match the same controls as in `readonlyControls`.\n   *\n   * @since 1.4.0\n   */\n  get readonlySelector(): BooleanSelector;\n\n  /**\n   * Combined [BooleanSelector](https://sdk.foxy.dev/classes/_core_index_.booleanselector.html) for `disabledControls`\n   * and `disabled` properties. If `disabled` is true, this selector will match any control,\n   * otherwise it will match the same controls as in `disabledControls`.\n   *\n   * @since 1.4.0\n   */\n  get disabledSelector(): BooleanSelector;\n\n  /**\n   * Combined [BooleanSelector](https://sdk.foxy.dev/classes/_core_index_.booleanselector.html) for `hiddenControls`\n   * and `hidden` properties. If `hidden` is true, this selector will match any control,\n   * otherwise it will match the same controls as in `hiddenControls`.\n   *\n   * @since 1.4.0\n   */\n  get hiddenSelector(): BooleanSelector;\n\n  /**\n   * Looks for templates in element's children and compiles them to render functions.\n   *\n   * @param replace If true, all existing templates will be removed.\n   */\n  compileTemplates(replace?: boolean): void;\n\n  /**\n   * Renders a template with the given name if available and a slot otherwise.\n   * For empty name looks for a \"default\" template first and renders it if found – otherwise renders a default slot.\n   *\n   * @param name Name of the template/slot to render.\n   * @param context Context to provide template renderer with.\n   */\n  renderTemplateOrSlot(name?: string, context?: any): void;\n\n  /**\n   * Zooms into templates with complex names. For example, zooming on `customer` in `customer:header:before`\n   * will return `header:before`.\n   *\n   * @param id Name to zoom on.\n   */\n  getNestedTemplates<T extends Partial<Record<string, Renderer<any>>>>(id: string): T;\n}\n\ntype Base = Constructor<InferrableMixinHost> &\n  Constructor<LitElement> & { properties?: PropertyDeclarations; inferredProperties: string[] };\n\ntype TemplateFunction = typeof html;\n\nexport type Renderer<THost> = (html: TemplateFunction, host: THost) => TemplateResult;\n\nexport const ConfigurableMixin = <TBase extends Base>(\n  BaseElement: TBase\n): TBase & Constructor<ConfigurableMixinHost> => {\n  return class ConfigurableElement extends BaseElement {\n    static get inferredProperties(): string[] {\n      return [\n        ...super.inferredProperties,\n        'disabledSelector',\n        'readonlySelector',\n        'hiddenSelector',\n        'templates',\n        'disabled',\n        'readonly',\n        'hidden',\n        'mode',\n      ];\n    }\n\n    static get properties(): PropertyDeclarations {\n      return {\n        ...super.properties,\n\n        templates: { attribute: false },\n        mode: { type: String },\n\n        readonly: { type: Boolean, reflect: true },\n        readonlyControls: {\n          attribute: 'readonlycontrols',\n          converter: { fromAttribute: value => new BooleanSelector(value ?? '') },\n        },\n\n        disabled: { type: Boolean, reflect: true },\n        disabledControls: {\n          attribute: 'disabledcontrols',\n          converter: { fromAttribute: value => new BooleanSelector(value ?? '') },\n        },\n\n        hidden: { type: Boolean, reflect: true },\n        hiddenControls: {\n          attribute: 'hiddencontrols',\n          converter: { fromAttribute: value => new BooleanSelector(value ?? '') },\n        },\n      };\n    }\n\n    templates = {} as Partial<Record<string, Renderer<any>>>;\n\n    mode: 'development' | 'production' = 'production';\n\n    readonly = false;\n\n    readonlyControls: BooleanSelector = BooleanSelector.False;\n\n    disabled = false;\n\n    disabledControls: BooleanSelector = BooleanSelector.False;\n\n    hidden = false;\n\n    hiddenControls: BooleanSelector = BooleanSelector.False;\n\n    private readonly __observer = new MutationObserver(() => this.__onMutation());\n\n    get readonlySelector(): BooleanSelector {\n      return this.readonly ? BooleanSelector.True : this.readonlyControls;\n    }\n\n    get disabledSelector(): BooleanSelector {\n      return this.disabled ? BooleanSelector.True : this.disabledControls;\n    }\n\n    get hiddenSelector(): BooleanSelector {\n      return this.hidden ? BooleanSelector.True : this.hiddenControls;\n    }\n\n    connectedCallback(): void {\n      super.connectedCallback();\n      if (this.mode === 'development') this.__observe();\n    }\n\n    disconnectedCallback(): void {\n      super.disconnectedCallback();\n      this.__observer.disconnect();\n    }\n\n    protected firstUpdated(...args: Parameters<LitElement['firstUpdated']>): void {\n      super.firstUpdated(...args);\n      if (this.mode === 'production') this.compileTemplates();\n    }\n\n    protected updated(changes: Map<keyof this, unknown>): void {\n      super.updated(changes);\n\n      if (changes.has('mode')) {\n        this.__observer.disconnect();\n        if (this.mode === 'development') this.__observe();\n      }\n    }\n\n    compileTemplates(replace = false): void {\n      const templates = replace ? {} : { ...this.templates };\n\n      Array.from(this.children).forEach(child => {\n        if (child.localName !== 'template') return;\n        const slot = child.getAttribute('slot') ?? 'default';\n\n        try {\n          const script = `return html\\`${child.innerHTML}\\``;\n          templates[slot] = new Function('html', 'host', script) as () => TemplateResult;\n        } catch (err) {\n          console.error(err);\n        }\n      });\n\n      this.templates = templates;\n    }\n\n    renderTemplateOrSlot(name?: string, context?: any) {\n      const templateName = name ?? 'default';\n      const template = this.templates[templateName];\n\n      if (!template) return html`<slot name=${ifDefined(name)}></slot>`;\n\n      const renderer = () => {\n        try {\n          const target = {} as unknown as this;\n          const resolvedContext = context ?? this;\n          const proxy = new Proxy(target, { get: (_, key) => resolvedContext[key] });\n\n          return template?.(html, proxy);\n        } catch (err) {\n          console.error(err);\n        }\n      };\n\n      return html`\n        <foxy-internal-sandbox data-testid=${templateName} .render=${renderer}>\n        </foxy-internal-sandbox>\n      `;\n    }\n\n    getNestedTemplates<T extends Partial<Record<string, Renderer<any>>>>(id: string): T {\n      const nestedTemplates = {} as T;\n\n      Object.entries(this.templates).forEach(([key, value]) => {\n        if (key.startsWith(`${id}:`)) {\n          const zoomedKey = key.replace(`${id}:`, '');\n          nestedTemplates[zoomedKey as keyof T] = value as T[keyof T];\n        }\n      });\n\n      return nestedTemplates;\n    }\n\n    applyInferredProperties(context: Map<string, unknown>): void {\n      super.applyInferredProperties(context);\n\n      type Templates = ConfigurableMixinHost['templates'];\n      type Mode = ConfigurableMixinHost['mode'];\n\n      if (this.infer === null) return;\n\n      const disabledSelector = context.get('disabledSelector') as BooleanSelector | undefined;\n      const disabled = context.get('disabled') as boolean | undefined;\n\n      const readonlySelector = context.get('readonlySelector') as BooleanSelector | undefined;\n      const readonly = context.get('readonly') as boolean | undefined;\n\n      const hiddenSelector = context.get('hiddenSelector') as BooleanSelector | undefined;\n      const hidden = context.get('hidden') as boolean | undefined;\n\n      const templates = context.get('templates') as Templates | undefined;\n      const mode = context.get('mode') as Mode | undefined;\n\n      this.disabledControls = disabledSelector?.zoom(this.infer) ?? BooleanSelector.False;\n      this.disabled = disabledSelector?.matches(this.infer, true) ?? disabled ?? false;\n\n      this.readonlyControls = readonlySelector?.zoom(this.infer) ?? BooleanSelector.False;\n      this.readonly = readonlySelector?.matches(this.infer, true) ?? readonly ?? false;\n\n      this.hiddenControls = hiddenSelector?.zoom(this.infer) ?? BooleanSelector.False;\n      this.hidden = hiddenSelector?.matches(this.infer, true) ?? hidden ?? false;\n\n      this.templates = templates ?? {};\n      this.templates = this.getNestedTemplates(this.infer);\n\n      this.mode = mode ?? 'production';\n    }\n\n    private __observe() {\n      this.__observer.observe(this, {\n        characterData: true,\n        attributes: true,\n        childList: true,\n        subtree: true,\n      });\n\n      this.__onMutation();\n    }\n\n    private __onMutation() {\n      const config: MutationObserverInit = {\n        characterData: true,\n        attributes: true,\n        childList: true,\n        subtree: true,\n      };\n\n      this.__observer.disconnect();\n      this.__observer.observe(this, config);\n\n      Array.from(this.children).forEach(child => {\n        if (child.localName !== 'template' || !child.hasAttribute('slot')) return;\n        this.__observer.observe((child as HTMLTemplateElement).content, config);\n      });\n\n      this.compileTemplates(true);\n    }\n  };\n};\n"]}
+{"version":3,"file":"configurable.js","sourceRoot":"","sources":["../../src/mixins/configurable.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n\nimport { Constructor, LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InferrableMixinHost } from './inferrable';\n\nexport declare class ConfigurableMixinHost {\n  /** Template render functions mapped to their name. */\n  templates: Partial<Record<string, Renderer<any>>>;\n\n  /**\n   * Toggles additional functionality for developers on and off. In particular,\n   * setting this property (or attribute with the same name) to \"development\" will\n   * start tracking changes in templates, allowing developers to edit HTML in the browser\n   * and see results without having to refresh the page every time.\n   */\n  mode: 'development' | 'production';\n\n  /**\n   * If true, makes every editable control inside of this element read-only.\n   * This property is reflected to the `readonly` boolean attribute.\n   *\n   * @since 1.4.0\n   */\n  readonly: boolean;\n\n  /**\n   * [BooleanSelector](https://sdk.foxy.dev/classes/_core_index_.booleanselector.html) selecting\n   * controls to render as read-only. Parsed version of the `readonlycontrols` attribute value.\n   *\n   * @type {BooleanSelector}\n   * @since 1.4.0\n   * @default BooleanSelector.False\n   */\n  readonlyControls: BooleanSelector;\n\n  /**\n   * If true, disables every interactive control inside of this element.\n   * This property is reflected to the `disabled` boolean attribute.\n   *\n   * @since 1.4.0\n   */\n  disabled: boolean;\n\n  /**\n   * [BooleanSelector](https://sdk.foxy.dev/classes/_core_index_.booleanselector.html) selecting\n   * controls to render as disabled.  Parsed version of the `disabledcontrols` attribute value.\n   *\n   * @type {BooleanSelector}\n   * @since 1.4.0\n   * @default BooleanSelector.False\n   */\n  disabledControls: BooleanSelector;\n\n  /**\n   * If true, hides every configurable control inside of this element.\n   * This property is reflected to the `hidden` boolean attribute.\n   *\n   * @since 1.4.0\n   */\n  hidden: boolean;\n\n  /**\n   * [BooleanSelector](https://sdk.foxy.dev/classes/_core_index_.booleanselector.html) selecting\n   * controls to hide.  Parsed version of the `hiddencontrols` attribute value.\n   *\n   * @type {BooleanSelector}\n   * @since 1.4.0\n   * @default BooleanSelector.False\n   */\n  hiddenControls: BooleanSelector;\n\n  /**\n   * Combined [BooleanSelector](https://sdk.foxy.dev/classes/_core_index_.booleanselector.html) for `readonlyControls`\n   * and `readonly` properties. If `readonly` is true, this selector will match any control,\n   * otherwise it will match the same controls as in `readonlyControls`.\n   *\n   * @since 1.4.0\n   */\n  get readonlySelector(): BooleanSelector;\n\n  /**\n   * Combined [BooleanSelector](https://sdk.foxy.dev/classes/_core_index_.booleanselector.html) for `disabledControls`\n   * and `disabled` properties. If `disabled` is true, this selector will match any control,\n   * otherwise it will match the same controls as in `disabledControls`.\n   *\n   * @since 1.4.0\n   */\n  get disabledSelector(): BooleanSelector;\n\n  /**\n   * Combined [BooleanSelector](https://sdk.foxy.dev/classes/_core_index_.booleanselector.html) for `hiddenControls`\n   * and `hidden` properties. If `hidden` is true, this selector will match any control,\n   * otherwise it will match the same controls as in `hiddenControls`.\n   *\n   * @since 1.4.0\n   */\n  get hiddenSelector(): BooleanSelector;\n\n  /**\n   * Looks for templates in element's children and compiles them to render functions.\n   *\n   * @param replace If true, all existing templates will be removed.\n   */\n  compileTemplates(replace?: boolean): void;\n\n  /**\n   * Renders a template with the given name if available and a slot otherwise.\n   * For empty name looks for a \"default\" template first and renders it if found – otherwise renders a default slot.\n   *\n   * @param name Name of the template/slot to render.\n   * @param context Context to provide template renderer with.\n   */\n  renderTemplateOrSlot(name?: string, context?: any): void;\n\n  /**\n   * Zooms into templates with complex names. For example, zooming on `customer` in `customer:header:before`\n   * will return `header:before`.\n   *\n   * @param id Name to zoom on.\n   */\n  getNestedTemplates<T extends Partial<Record<string, Renderer<any>>>>(id: string): T;\n}\n\ntype Base = Constructor<InferrableMixinHost> &\n  Constructor<LitElement> & { properties?: PropertyDeclarations; inferredProperties: string[] };\n\ntype TemplateFunction = typeof html;\n\nexport type Renderer<THost> = (html: TemplateFunction, host: THost) => TemplateResult;\n\nexport const ConfigurableMixin = <TBase extends Base>(\n  BaseElement: TBase\n): TBase & Constructor<ConfigurableMixinHost> => {\n  return class ConfigurableElement extends BaseElement {\n    static get inferredProperties(): string[] {\n      return [\n        ...super.inferredProperties,\n        'disabledSelector',\n        'readonlySelector',\n        'hiddenSelector',\n        'templates',\n        'disabled',\n        'readonly',\n        'hidden',\n        'mode',\n      ];\n    }\n\n    static get properties(): PropertyDeclarations {\n      return {\n        ...super.properties,\n\n        templates: { attribute: false },\n        mode: { type: String },\n\n        readonly: { type: Boolean, reflect: true },\n        readonlyControls: {\n          attribute: 'readonlycontrols',\n          converter: { fromAttribute: value => new BooleanSelector(value ?? '') },\n        },\n\n        disabled: { type: Boolean, reflect: true },\n        disabledControls: {\n          attribute: 'disabledcontrols',\n          converter: { fromAttribute: value => new BooleanSelector(value ?? '') },\n        },\n\n        hidden: { type: Boolean, reflect: true },\n        hiddenControls: {\n          attribute: 'hiddencontrols',\n          converter: { fromAttribute: value => new BooleanSelector(value ?? '') },\n        },\n      };\n    }\n\n    templates = {} as Partial<Record<string, Renderer<any>>>;\n\n    mode: 'development' | 'production' = 'production';\n\n    readonly = false;\n\n    readonlyControls: BooleanSelector = BooleanSelector.False;\n\n    disabled = false;\n\n    disabledControls: BooleanSelector = BooleanSelector.False;\n\n    hidden = false;\n\n    hiddenControls: BooleanSelector = BooleanSelector.False;\n\n    private readonly __observer = new MutationObserver(() => this.__onMutation());\n\n    get readonlySelector(): BooleanSelector {\n      return this.readonly ? BooleanSelector.True : this.readonlyControls;\n    }\n\n    get disabledSelector(): BooleanSelector {\n      return this.disabled ? BooleanSelector.True : this.disabledControls;\n    }\n\n    get hiddenSelector(): BooleanSelector {\n      return this.hidden ? BooleanSelector.True : this.hiddenControls;\n    }\n\n    connectedCallback(): void {\n      super.connectedCallback();\n      if (this.mode === 'development') this.__observe();\n    }\n\n    disconnectedCallback(): void {\n      super.disconnectedCallback();\n      this.__observer.disconnect();\n    }\n\n    protected firstUpdated(...args: Parameters<LitElement['firstUpdated']>): void {\n      super.firstUpdated(...args);\n      if (this.mode === 'production') this.compileTemplates();\n    }\n\n    protected updated(changes: Map<keyof this, unknown>): void {\n      super.updated(changes);\n\n      this.style.display = this.hidden ? 'none' : '';\n\n      if (changes.has('mode')) {\n        this.__observer.disconnect();\n        if (this.mode === 'development') this.__observe();\n      }\n    }\n\n    compileTemplates(replace = false): void {\n      const templates = replace ? {} : { ...this.templates };\n\n      Array.from(this.children).forEach(child => {\n        if (child.localName !== 'template') return;\n        const slot = child.getAttribute('slot') ?? 'default';\n\n        try {\n          const script = `return html\\`${child.innerHTML}\\``;\n          templates[slot] = new Function('html', 'host', script) as () => TemplateResult;\n        } catch (err) {\n          console.error(err);\n        }\n      });\n\n      this.templates = templates;\n    }\n\n    renderTemplateOrSlot(name?: string, context?: any) {\n      const templateName = name ?? 'default';\n      const template = this.templates[templateName];\n\n      if (!template) return html`<slot name=${ifDefined(name)}></slot>`;\n\n      const renderer = () => {\n        try {\n          const target = {} as unknown as this;\n          const resolvedContext = context ?? this;\n          const proxy = new Proxy(target, { get: (_, key) => resolvedContext[key] });\n\n          return template?.(html, proxy);\n        } catch (err) {\n          console.error(err);\n        }\n      };\n\n      return html`\n        <foxy-internal-sandbox data-testid=${templateName} .render=${renderer}>\n        </foxy-internal-sandbox>\n      `;\n    }\n\n    getNestedTemplates<T extends Partial<Record<string, Renderer<any>>>>(id: string): T {\n      const nestedTemplates = {} as T;\n\n      Object.entries(this.templates).forEach(([key, value]) => {\n        if (key.startsWith(`${id}:`)) {\n          const zoomedKey = key.replace(`${id}:`, '');\n          nestedTemplates[zoomedKey as keyof T] = value as T[keyof T];\n        }\n      });\n\n      return nestedTemplates;\n    }\n\n    applyInferredProperties(context: Map<string, unknown>): void {\n      super.applyInferredProperties(context);\n\n      type Templates = ConfigurableMixinHost['templates'];\n      type Mode = ConfigurableMixinHost['mode'];\n\n      if (this.infer === null) return;\n\n      const disabledSelector = context.get('disabledSelector') as BooleanSelector | undefined;\n      const disabled = context.get('disabled') as boolean | undefined;\n\n      const readonlySelector = context.get('readonlySelector') as BooleanSelector | undefined;\n      const readonly = context.get('readonly') as boolean | undefined;\n\n      const hiddenSelector = context.get('hiddenSelector') as BooleanSelector | undefined;\n      const hidden = context.get('hidden') as boolean | undefined;\n\n      const templates = context.get('templates') as Templates | undefined;\n      const mode = context.get('mode') as Mode | undefined;\n\n      this.disabledControls = disabledSelector?.zoom(this.infer) ?? BooleanSelector.False;\n      this.disabled = disabledSelector?.matches(this.infer, true) ?? disabled ?? false;\n\n      this.readonlyControls = readonlySelector?.zoom(this.infer) ?? BooleanSelector.False;\n      this.readonly = readonlySelector?.matches(this.infer, true) ?? readonly ?? false;\n\n      this.hiddenControls = hiddenSelector?.zoom(this.infer) ?? BooleanSelector.False;\n      this.hidden = hiddenSelector?.matches(this.infer, true) ?? hidden ?? false;\n\n      this.templates = templates ?? {};\n      this.templates = this.getNestedTemplates(this.infer);\n\n      this.mode = mode ?? 'production';\n    }\n\n    private __observe() {\n      this.__observer.observe(this, {\n        characterData: true,\n        attributes: true,\n        childList: true,\n        subtree: true,\n      });\n\n      this.__onMutation();\n    }\n\n    private __onMutation() {\n      const config: MutationObserverInit = {\n        characterData: true,\n        attributes: true,\n        childList: true,\n        subtree: true,\n      };\n\n      this.__observer.disconnect();\n      this.__observer.observe(this, config);\n\n      Array.from(this.children).forEach(child => {\n        if (child.localName !== 'template' || !child.hasAttribute('slot')) return;\n        this.__observer.observe((child as HTMLTemplateElement).content, config);\n      });\n\n      this.compileTemplates(true);\n    }\n  };\n};\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foxy.io/elements",
   "type": "module",
-  "version": "1.16.0-beta.10",
+  "version": "1.16.0-beta.11",
   "description": "E-commerce web components by Foxy.",
   "repository": {
     "type": "git",

package/dist/cdn/shared-448cf4fc.js

@@ -1 +0,0 @@
-import"./shared-7b02ce85.js";import{a as e}from"./shared-94ec874e.js";import{_ as t}from"./shared-fadcb2e1.js";import{i as r}from"./shared-9803aa7c.js";import{h as s}from"./shared-dc73b9a5.js";class i extends e{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",i);let l,n=e=>e;customElements.define("foxy-internal-text-control",class extends i{renderControl(){return s(l||(l=n` <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}});export{i as I};

package/dist/cdn/shared-94ec874e.js

@@ -1 +0,0 @@
-import"./foxy-spinner.js";import"./shared-0c806443.js";import"./shared-59a3f7dd.js";import{I as e,_ as t}from"./shared-fadcb2e1.js";import{L as n,r,h as i,c as s}from"./shared-dc73b9a5.js";import{C as a}from"./shared-997e1923.js";import{a as o,T as l}from"./shared-e82cc599.js";import{N as d}from"./shared-ac44429d.js";import"./shared-a0617ac7.js";import{Q as c}from"./shared-92327224.js";import{c as p}from"./shared-4e709717.js";let u,m,h,f,y=e=>e;class v extends(a(o(l(e(n))))){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 d?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":"",r(i(u||(u=y` <slot name="${0}:before" slot="before"></slot> <slot name="${0}:after" slot="after"></slot> `),this.infer,this.infer),this)}renderControl(){return i(m||(m=y``))}render(){return this.hidden?i(h||(h=y``)):i(f||(f=y` ${0} ${0} ${0} `),this.renderTemplateOrSlot("before",this.nucleon),this.renderControl(),this.renderTemplateOrSlot("after",this.nucleon))}}customElements.define("foxy-internal-control",v);let x,g=e=>e;customElements.define("foxy-internal-delete-control",class extends v{constructor(){super(...arguments),this.theme="primary error"}static get properties(){return t(t({},super.properties),{},{theme:{type:String}})}renderControl(){return i(x||(x=g` <foxy-internal-confirm-dialog message="delete_prompt" confirm="delete" cancel="cancel" header="delete" theme="primary error" infer="" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <vaadin-button data-testid="delete" theme="${0}" class="w-full" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="" key="delete"></foxy-i18n> </vaadin-button> `),(e=>{var t;return!e.detail.cancelled&&(null===(t=this.nucleon)||void 0===t?void 0:t.delete())}),this.theme,this.disabled||this.readonly,(e=>{this.renderRoot.querySelector("#confirm").show(e.currentTarget)}))}});let _,$=e=>e;customElements.define("foxy-internal-create-control",class extends v{constructor(){super(...arguments),this.theme="primary success"}static get properties(){return t(t({},super.properties),{},{theme:{type:String}})}renderControl(){return i(_||(_=$` <vaadin-button class="w-full" theme="${0}" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="" key="create"></foxy-i18n> </vaadin-button> `),this.theme,this.disabled||this.__isInvalid,(()=>{var e;return null===(e=this.nucleon)||void 0===e?void 0:e.submit()}))}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 b,I,w=e=>e;customElements.define("foxy-internal-timestamps-control",class extends v{constructor(){super(...arguments),this.infer="timestamps"}static get styles(){return[super.styles,s(b||(b=w`.max-w-0{max-width:0}`))]}renderControl(){return i(I||(I=w` <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 S,j,C,T=e=>e;const k=a(l(d));class E extends k{renderBody(){return this.data?i(S||(S=T` <foxy-internal-timestamps-control infer="timestamps"></foxy-internal-timestamps-control> <foxy-internal-delete-control infer="delete"></foxy-internal-delete-control> `)):i(j||(j=T`<foxy-internal-create-control infer="create"></foxy-internal-create-control>`))}render(){const e=!(this.in("idle")||this.in({busy:"fetching"})&&this.data);return i(C||(C=T` <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",E);export{E as I,v as a};

package/dist/cdn/shared-997e1923.js

@@ -1 +0,0 @@
-import{_ as e}from"./shared-fadcb2e1.js";import{h as t}from"./shared-dc73b9a5.js";import{B as r}from"./shared-92327224.js";import{i as s}from"./shared-9803aa7c.js";let o,i,l=e=>e;const n=n=>class extends n{constructor(){super(...arguments),this.templates={},this.mode="production",this.readonly=!1,this.readonlyControls=r.False,this.disabled=!1,this.disabledControls=r.False,this.hidden=!1,this.hiddenControls=r.False,this.__observer=new MutationObserver((()=>this.__onMutation()))}static get inferredProperties(){return[...super.inferredProperties,"disabledSelector","readonlySelector","hiddenSelector","templates","disabled","readonly","hidden","mode"]}static get properties(){return e(e({},super.properties),{},{templates:{attribute:!1},mode:{type:String},readonly:{type:Boolean,reflect:!0},readonlyControls:{attribute:"readonlycontrols",converter:{fromAttribute:e=>new r(null!=e?e:"")}},disabled:{type:Boolean,reflect:!0},disabledControls:{attribute:"disabledcontrols",converter:{fromAttribute:e=>new r(null!=e?e:"")}},hidden:{type:Boolean,reflect:!0},hiddenControls:{attribute:"hiddencontrols",converter:{fromAttribute:e=>new r(null!=e?e:"")}}})}get readonlySelector(){return this.readonly?r.True:this.readonlyControls}get disabledSelector(){return this.disabled?r.True:this.disabledControls}get hiddenSelector(){return this.hidden?r.True:this.hiddenControls}connectedCallback(){super.connectedCallback(),"development"===this.mode&&this.__observe()}disconnectedCallback(){super.disconnectedCallback(),this.__observer.disconnect()}firstUpdated(...e){super.firstUpdated(...e),"production"===this.mode&&this.compileTemplates()}updated(e){super.updated(e),e.has("mode")&&(this.__observer.disconnect(),"development"===this.mode&&this.__observe())}compileTemplates(t=!1){const r=t?{}:e({},this.templates);Array.from(this.children).forEach((e=>{var t;if("template"!==e.localName)return;const s=null!==(t=e.getAttribute("slot"))&&void 0!==t?t:"default";try{const t=`return html\`${e.innerHTML}\``;r[s]=new Function("html","host",t)}catch(e){console.error(e)}})),this.templates=r}renderTemplateOrSlot(e,r){const n=null!=e?e:"default",d=this.templates[n];if(!d)return t(o||(o=l`<slot name="${0}"></slot>`),s(e));return t(i||(i=l` <foxy-internal-sandbox data-testid="${0}" .render="${0}"> </foxy-internal-sandbox> `),n,(()=>{try{const e=null!=r?r:this,s=new Proxy({},{get:(t,r)=>e[r]});return null==d?void 0:d(t,s)}catch(e){console.error(e)}}))}getNestedTemplates(e){const t={};return Object.entries(this.templates).forEach((([r,s])=>{if(r.startsWith(`${e}:`)){const o=r.replace(`${e}:`,"");t[o]=s}})),t}applyInferredProperties(e){var t,s,o,i,l,n,d,a,h;if(super.applyInferredProperties(e),null===this.infer)return;const c=e.get("disabledSelector"),u=e.get("disabled"),p=e.get("readonlySelector"),m=e.get("readonly"),b=e.get("hiddenSelector"),f=e.get("hidden"),v=e.get("templates"),y=e.get("mode");this.disabledControls=null!==(t=null==c?void 0:c.zoom(this.infer))&&void 0!==t?t:r.False,this.disabled=null!==(o=null!==(s=null==c?void 0:c.matches(this.infer,!0))&&void 0!==s?s:u)&&void 0!==o&&o,this.readonlyControls=null!==(i=null==p?void 0:p.zoom(this.infer))&&void 0!==i?i:r.False,this.readonly=null!==(n=null!==(l=null==p?void 0:p.matches(this.infer,!0))&&void 0!==l?l:m)&&void 0!==n&&n,this.hiddenControls=null!==(d=null==b?void 0:b.zoom(this.infer))&&void 0!==d?d:r.False,this.hidden=null!==(h=null!==(a=null==b?void 0:b.matches(this.infer,!0))&&void 0!==a?a:f)&&void 0!==h&&h,this.templates=null!=v?v:{},this.templates=this.getNestedTemplates(this.infer),this.mode=null!=y?y:"production"}__observe(){this.__observer.observe(this,{characterData:!0,attributes:!0,childList:!0,subtree:!0}),this.__onMutation()}__onMutation(){const e={characterData:!0,attributes:!0,childList:!0,subtree:!0};this.__observer.disconnect(),this.__observer.observe(this,e),Array.from(this.children).forEach((t=>{"template"===t.localName&&t.hasAttribute("slot")&&this.__observer.observe(t.content,e)})),this.compileTemplates(!0)}};export{n as C};

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

@@ -1,8 +0,0 @@
-import { CSSResultArray } from 'lit-element';
-import { TemplateResult } from 'lit-html';
-import { InternalControl } from '../../../InternalControl/InternalControl';
-export declare class InternalTimestampsControl extends InternalControl {
-    static get styles(): CSSResultArray;
-    infer: string;
-    renderControl(): TemplateResult;
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"InternalTimestampsControl.js","sourceRoot":"","sources":["../../../../../../src/elements/internal/InternalForm/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,oDAAiD;AAE3E,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/InternalForm/internal/InternalTimestampsControl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/internal/InternalForm/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"]}