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

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

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

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

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

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

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

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

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

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

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

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

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

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

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