npm - @foxy.io/elements - Versions diffs - 1.32.0 → 1.33.0-beta.1 - Mend

@foxy.io/elements 1.32.0 → 1.33.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (94) hide show

package/dist/elements/internal/InternalSourceControl/InternalSourceControl.js CHANGED Viewed

@@ -46,15 +46,11 @@ textarea::selection{
     renderControl() {
         var _a;
         let lineNumbersClass;
-        let helperTextClass;
         let containerClass;
         let textAreaClass;
-        let labelClass;
         if (this.disabled) {
             lineNumbersClass = 'bg-contrast-5 text-disabled';
-            helperTextClass = 'text-disabled';
             textAreaClass = 'text-disabled';
-            labelClass = 'text-disabled';
             if (this.readonly) {
                 lineNumbersClass += ' border-dashed border-contrast-20';
                 containerClass = 'border-dashed border-contrast-30';
@@ -66,33 +62,25 @@ textarea::selection{
         }
         else if (this.readonly) {
             lineNumbersClass = 'border-dashed border-contrast-30 bg-transparent text-secondary';
-            helperTextClass = 'text-secondary';
             containerClass = 'border-dashed border-contrast-30';
             textAreaClass = 'text-secondary';
-            labelClass = 'text-secondary';
             if (this.__focused)
                 containerClass += ' ring-2 ring-primary-50';
         }
         else if (this.__focused) {
             lineNumbersClass = 'border-transparent bg-contrast-10 text-tertiary';
-            helperTextClass = 'text-secondary';
             containerClass = 'border-primary-50 ring-1 ring-primary-50';
             textAreaClass = 'text-body';
-            labelClass = 'text-primary';
         }
         else if (this.__hovered) {
             lineNumbersClass = 'border-transparent bg-contrast-20 text-tertiary';
-            helperTextClass = 'text-body';
             containerClass = 'border-contrast-20';
             textAreaClass = 'text-body';
-            labelClass = 'text-body';
         }
         else {
             lineNumbersClass = 'border-transparent bg-contrast-10 text-tertiary';
-            helperTextClass = 'text-secondary';
             containerClass = 'border-contrast-10';
             textAreaClass = 'text-body';
-            labelClass = 'text-secondary';
         }
         return html `
       <label
@@ -100,11 +88,11 @@ textarea::selection{
         @mouseenter=${() => (this.__hovered = true)}
         @mouseleave=${() => (this.__hovered = false)}
       >
-        <div
-          class="mb-xs transition-colors leading-none text-s font-medium ${labelClass}"
-          part="label"
-        >
-          ${this.label}
+        <div class="mb-s leading-s" ?hidden=${!this.label && !this.helperText}>
+          <div class="transition-colors text-l font-medium" part="label">${this.label}</div>
+          <div class="transition-colors text-s text-secondary" part="helper-text">
+            ${this.helperText}
+          </div>
         </div>
         <div
@@ -140,15 +128,7 @@ textarea::selection{
         </div>
         <div
-          class="mt-xs transition-colors leading-xs text-xs ${helperTextClass}"
-          part="helper-text"
-          ?hidden=${!this.helperText}
-        >
-          ${this.helperText}
-        </div>
-        <div
-          class="mt-xs text-xs leading-xs text-error"
+          class="mt-s text-s leading-xs text-error"
           ?hidden=${!this.__isErrorVisible || !this._errorMessage || this.disabled || this.readonly}
         >
           ${this._errorMessage}

package/dist/elements/internal/InternalSourceControl/InternalSourceControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InternalSourceControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalSourceControl/InternalSourceControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,OAAO,qBAAsB,SAAQ,uBAAuB;IAAlE;;QAiCU,qBAAgB,GAAG,KAAK,CAAC;QAEzB,cAAS,GAAG,KAAK,CAAC;QAElB,cAAS,GAAG,KAAK,CAAC;~~IAuI5B~~,CAAC;~~IA3KC~~,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,gBAAgB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACtC,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC/B,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAChC,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,GAAG;;;;;;;;;;;;;;;OAgBF;SACF,CAAC;IACJ,CAAC;IAQD,aAAa;;QACX,IAAI,gBAAwB,CAAC;QAC7B,IAAI,~~eAAuB,CAAC;QAC5B,IAAI,~~cAAsB,CAAC;QAC3B,IAAI,aAAqB,CAAC;~~QAC1B~~,IAAI,~~UAAkB,CAAC;QAEvB,~~IAAI,~~IAAI,~~CAAC,QAAQ,EAAE;YACjB,gBAAgB,GAAG,6BAA6B,CAAC;YACjD,~~eAAe,GAAG,eAAe,CAAC;YAClC,~~aAAa,GAAG,eAAe,CAAC;~~YAChC~~,~~UAAU,GAAG,eAAe,CAAC;YAE7B,~~IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,gBAAgB,IAAI,mCAAmC,CAAC;gBACxD,cAAc,GAAG,kCAAkC,CAAC;aACrD;iBAAM;gBACL,gBAAgB,IAAI,qBAAqB,CAAC;gBAC1C,cAAc,GAAG,oBAAoB,CAAC;aACvC;SACF;aAAM,IAAI,IAAI,CAAC,QAAQ,EAAE;YACxB,gBAAgB,GAAG,gEAAgE,CAAC;YACpF,~~eAAe,GAAG,gBAAgB,CAAC;YACnC,~~cAAc,GAAG,kCAAkC,CAAC;YACpD,aAAa,GAAG,gBAAgB,CAAC;YACjC,~~UAAU,GAAG,gBAAgB,CAAC;YAC9B,~~IAAI,IAAI,CAAC,SAAS;gBAAE,cAAc,IAAI,yBAAyB,CAAC;SACjE;aAAM,IAAI,IAAI,CAAC,SAAS,EAAE;YACzB,gBAAgB,GAAG,iDAAiD,CAAC;YACrE,~~eAAe,GAAG,gBAAgB,CAAC;YACnC,~~cAAc,GAAG,0CAA0C,CAAC;YAC5D,aAAa,GAAG,WAAW,CAAC;~~YAC5B,UAAU,GAAG,cAAc,CAAC;~~SAC7B;aAAM,IAAI,IAAI,CAAC,SAAS,EAAE;YACzB,gBAAgB,GAAG,iDAAiD,CAAC;YACrE,~~eAAe,GAAG,WAAW,CAAC;YAC9B,~~cAAc,GAAG,oBAAoB,CAAC;YACtC,aAAa,GAAG,WAAW,CAAC;~~YAC5B,UAAU,GAAG,WAAW,CAAC~~;~~SAC1B;~~aAAM;YACL,gBAAgB,GAAG,iDAAiD,CAAC;YACrE,~~eAAe,GAAG,gBAAgB,CAAC;YACnC,~~cAAc,GAAG,oBAAoB,CAAC;YACtC,aAAa,GAAG,WAAW,CAAC;~~YAC5B,UAAU,GAAG,gBAAgB,CAAC~~;~~SAC/B;~~QAED,OAAO,IAAI,CAAA;;;sBAGO,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;sBAC7B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC~~;;;2EAGuB~~,UAAU~~;;;YAGzE~~,IAAI,CAAC,KAAK~~;;;;wGAIkF~~,cAAc;;;;6FAIzB,gBAAgB;;;cAG/F,MAAM,OACN,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,mCAAI,EAAE,EAC7B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EACnB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,IAAI,CAAA,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,kCAAkC,CAAC,CAAC,CAAC,EAAE,GAC7D,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,kCAAkC,CAAC,CAAC,CAAC,EACpD,SAAS,CAAC,GAAG,CAAC,cAAc,CAC/B;;;;0BAIa,IAAI,CAAC,WAAW;iJACuG,aAAa;;;qBAGzI,IAAI,CAAC,MAAM;wBACR,IAAI,CAAC,QAAQ;wBACb,IAAI,CAAC,QAAQ;qBAChB,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;oBAC9B,GAAG,EAAE;YACX,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC/B,CAAC;qBACQ,CAAC,GAAe,EAAE,EAAE;YAC3B,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAoC,CAAC;YAC1D,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC;QAC/B,CAAC~~;;;;;;8DAMiD~~,~~eAAe;;oBAEzD,~~CAAC,IAAI,CAAC,~~UAAU;;YAExB,IAAI,CAAC,UAAU;;;;;oBAKP,CAAC,IAAI,CAAC,~~gBAAgB,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;;YAEvF,IAAI,CAAC,aAAa;;;KAGzB,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,OAAiC;QACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvB,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC9D,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC;YACrD,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,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 type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { html, css } from 'lit-element';\nimport { repeat } from 'lit-html/directives/repeat';\n\n/*\n Internal control displaying editable source code.\n \n @since 1.23.0\n * @element foxy-internal-source-control\n */\nexport class InternalSourceControl extends InternalEditableControl {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n __isErrorVisible: { attribute: false },\n __hovered: { attribute: false },\n __focused: { attribute: false },\n };\n }\n\n static get styles(): CSSResultArray {\n return [\n ...super.styles,\n css`\n .monospace {\n font-family: monospace;\n }\n\n .resize-none {\n resize: none;\n }\n\n .max-h-16em {\n max-height: 16em;\n }\n\n textarea::selection {\n background: var(--lumo-contrast-10pct);\n }\n `,\n ];\n }\n\n private __isErrorVisible = false;\n\n private __hovered = false;\n\n private __focused = false;\n\n renderControl(): TemplateResult {\n let lineNumbersClass: string;\n let ~~helperTextClass: string;\n let~~ containerClass: string;\n let textAreaClass: string;\n ~~let labelClass: string;\n~~\n if (this.disabled) {\n lineNumbersClass = 'bg-contrast-5 text-disabled';\n ~~helperTextClass = 'text-disabled';\n~~ textAreaClass = 'text-disabled';\n ~~labelClass = 'text-disabled';\n~~\n if (this.readonly) {\n lineNumbersClass += ' border-dashed border-contrast-20';\n containerClass = 'border-dashed border-contrast-30';\n } else {\n lineNumbersClass += ' border-transparent';\n containerClass = 'border-contrast-10';\n }\n } else if (this.readonly) {\n lineNumbersClass = 'border-dashed border-contrast-30 bg-transparent text-secondary';\n ~~helperTextClass = 'text-secondary';\n~~ containerClass = 'border-dashed border-contrast-30';\n textAreaClass = 'text-secondary';\n ~~labelClass = 'text-secondary';\n~~ if (this.__focused) containerClass += ' ring-2 ring-primary-50';\n } else if (this.__focused) {\n lineNumbersClass = 'border-transparent bg-contrast-10 text-tertiary';\n ~~helperTextClass = 'text-secondary';\n~~ containerClass = 'border-primary-50 ring-1 ring-primary-50';\n textAreaClass = 'text-body';\n ~~labelClass = 'text-primary';\n~~ } else if (this.__hovered) {\n lineNumbersClass = 'border-transparent bg-contrast-20 text-tertiary';\n ~~helperTextClass = 'text-body';\n~~ containerClass = 'border-contrast-20';\n textAreaClass = 'text-body';\n ~~labelClass = 'text-body';\n~~ } else {\n lineNumbersClass = 'border-transparent bg-contrast-10 text-tertiary';\n ~~helperTextClass = 'text-secondary';\n~~ containerClass = 'border-contrast-10';\n textAreaClass = 'text-body';\n ~~labelClass = 'text-secondary';\n~~ }\n\n return html`\n <label\n class=\"block h-full\"\n @mouseenter=${() => (this.__hovered = true)}\n @mouseleave=${() => (this.__hovered = false)}\n >\n <div\n class=\"~~mb-xs~~ transition-colors ~~leading-none~~ text-s font-medium ${~~labelClass~~}\"\n part=\"~~label~~\"\n >\n ${this.~~label~~}\n </div>\n\n <div\n class=\"max-h-16em h-full transition-colors flex-1 flex bg-base rounded overflow-auto border ${containerClass}\"\n part=\"editor\"\n >\n <div\n class=\"h-full transition-colors monospace leading-s text-s text-right border-r ${lineNumbersClass}\"\n style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n >\n ${repeat(\n this._value.split('\\n') ?? [],\n (_, i) => String(i),\n (_, i) =>\n html`<div>${i < 9 ? html`<span class=\"opacity-0\">0</span>` : ''}${\n i < 99 ? html`<span class=\"opacity-0\">0</span>` : ''\n }<span>${i + 1}<span></div>`\n )}\n </div>\n\n <textarea\n placeholder=${this.placeholder}\n class=\"bg-base whitespace-pre leading-s text-s focus-outline-none monospace resize-none block w-full select-text transition-colors ${textAreaClass}\"\n style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n rows=\"1\"\n .value=${this._value}\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n @focus=${() => (this.__focused = true)}\n @blur=${() => {\n this.__focused = false;\n this.__isErrorVisible = true;\n }}\n @input=${(evt: InputEvent) => {\n const textarea = evt.currentTarget as HTMLTextAreaElement;\n this._value = textarea.value;\n }}\n >\n </textarea>\n </div>\n\n <div\n class=\"mt-xs ~~transition-colors leading-xs~~ text-xs ~~${helperTextClass}\"\n part=\"helper-text\"\n ?hidden=${!this.helperText}\n >\n ${this.helperText}\n </div>\n\n <div\n class=\"mt-xs text-xs~~ leading-xs text-error\"\n ?hidden=${!this.__isErrorVisible \|\| !this._errorMessage \|\| this.disabled \|\| this.readonly}\n >\n ${this._errorMessage}\n </div>\n </label>\n `;\n }\n\n updated(changes: Map<keyof this, unknown>): void {\n super.updated(changes);\n this.renderRoot.querySelectorAll('textarea').forEach(textarea => {\n textarea.style.height = 'auto';\n textarea.style.height = `${textarea.scrollHeight}px`;\n textarea.style.overflowY = 'hidden';\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"]}
1	+ {"version":3,"file":"InternalSourceControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalSourceControl/InternalSourceControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { html, css } from 'lit-element';\nimport { repeat } from 'lit-html/directives/repeat';\n\n/*\n Internal control displaying editable source code.\n \n @since 1.23.0\n * @element foxy-internal-source-control\n */\nexport class InternalSourceControl extends InternalEditableControl {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n __isErrorVisible: { attribute: false },\n __hovered: { attribute: false },\n __focused: { attribute: false },\n };\n }\n\n static get styles(): CSSResultArray {\n return [\n ...super.styles,\n css`\n .monospace {\n font-family: monospace;\n }\n\n .resize-none {\n resize: none;\n }\n\n .max-h-16em {\n max-height: 16em;\n }\n\n textarea::selection {\n background: var(--lumo-contrast-10pct);\n }\n `,\n ];\n }\n\n private __isErrorVisible = false;\n\n private __hovered = false;\n\n private __focused = false;\n\n renderControl(): TemplateResult {\n let lineNumbersClass: string;\n let containerClass: string;\n let textAreaClass: string;\n\n if (this.disabled) {\n lineNumbersClass = 'bg-contrast-5 text-disabled';\n textAreaClass = 'text-disabled';\n\n if (this.readonly) {\n lineNumbersClass += ' border-dashed border-contrast-20';\n containerClass = 'border-dashed border-contrast-30';\n } else {\n lineNumbersClass += ' border-transparent';\n containerClass = 'border-contrast-10';\n }\n } else if (this.readonly) {\n lineNumbersClass = 'border-dashed border-contrast-30 bg-transparent text-secondary';\n containerClass = 'border-dashed border-contrast-30';\n textAreaClass = 'text-secondary';\n if (this.__focused) containerClass += ' ring-2 ring-primary-50';\n } else if (this.__focused) {\n lineNumbersClass = 'border-transparent bg-contrast-10 text-tertiary';\n containerClass = 'border-primary-50 ring-1 ring-primary-50';\n textAreaClass = 'text-body';\n } else if (this.__hovered) {\n lineNumbersClass = 'border-transparent bg-contrast-20 text-tertiary';\n containerClass = 'border-contrast-20';\n textAreaClass = 'text-body';\n } else {\n lineNumbersClass = 'border-transparent bg-contrast-10 text-tertiary';\n containerClass = 'border-contrast-10';\n textAreaClass = 'text-body';\n }\n\n return html`\n <label\n class=\"block h-full\"\n @mouseenter=${() => (this.__hovered = true)}\n @mouseleave=${() => (this.__hovered = false)}\n >\n <div class=\"mb-s leading-s\" ?hidden=${!this.label && !this.helperText}>\n <div class=\"transition-colors text-l font-medium\" part=\"label\">${this.label}</div>\n <div class=\"transition-colors text-s text-secondary\" part=\"helper-text\">\n ${this.helperText}\n </div>\n </div>\n\n <div\n class=\"max-h-16em h-full transition-colors flex-1 flex bg-base rounded overflow-auto border ${containerClass}\"\n part=\"editor\"\n >\n <div\n class=\"h-full transition-colors monospace leading-s text-s text-right border-r ${lineNumbersClass}\"\n style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n >\n ${repeat(\n this._value.split('\\n') ?? [],\n (_, i) => String(i),\n (_, i) =>\n html`<div>${i < 9 ? html`<span class=\"opacity-0\">0</span>` : ''}${\n i < 99 ? html`<span class=\"opacity-0\">0</span>` : ''\n }<span>${i + 1}<span></div>`\n )}\n </div>\n\n <textarea\n placeholder=${this.placeholder}\n class=\"bg-base whitespace-pre leading-s text-s focus-outline-none monospace resize-none block w-full select-text transition-colors ${textAreaClass}\"\n style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n rows=\"1\"\n .value=${this._value}\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n @focus=${() => (this.__focused = true)}\n @blur=${() => {\n this.__focused = false;\n this.__isErrorVisible = true;\n }}\n @input=${(evt: InputEvent) => {\n const textarea = evt.currentTarget as HTMLTextAreaElement;\n this._value = textarea.value;\n }}\n >\n </textarea>\n </div>\n\n <div\n class=\"mt-s text-s leading-xs text-error\"\n ?hidden=${!this.__isErrorVisible \|\| !this._errorMessage \|\| this.disabled \|\| this.readonly}\n >\n ${this._errorMessage}\n </div>\n </label>\n `;\n }\n\n updated(changes: Map<keyof this, unknown>): void {\n super.updated(changes);\n this.renderRoot.querySelectorAll('textarea').forEach(textarea => {\n textarea.style.height = 'auto';\n textarea.style.height = `${textarea.scrollHeight}px`;\n textarea.style.overflowY = 'hidden';\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/InternalTimestampsControl/InternalTimestampsControl.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { get } from 'lodash-es';
 export class InternalTimestampsControl extends InternalControl {
     renderControl() {
         return html `
-      <p class="font-lumo text-xs leading-s text-secondary">
+      <p class="font-lumo text-s leading-s text-secondary">
         <foxy-i18n infer="" key="date_created"></foxy-i18n>
         <foxy-i18n
           .options=${{ value: get(this, 'nucleon.data.date_created') }}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"InternalTimestampsControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTimestampsControl/InternalTimestampsControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,8CAA2C;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC;;;;;;GAMG;AACH,MAAM,OAAO,yBAA0B,SAAQ,eAAe;IAC5D,aAAa;QACX,OAAO,IAAI,CAAA;;;;qBAIM,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,2BAA2B,CAAC,EAAE;;;;;;;;qBAQjD,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,4BAA4B,CAAC,EAAE;;;;;;KAMlE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { html } from 'lit-html';\nimport { get } from 'lodash-es';\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 renderControl(): TemplateResult {\n return html`\n <p class=\"font-lumo text-xs leading-s text-secondary\">\n <foxy-i18n infer=\"\" key=\"date_created\"></foxy-i18n>\n <foxy-i18n\n .options=${{ value: get(this, 'nucleon.data.date_created') }}\n infer=\"\"\n key=\"date\"\n >\n </foxy-i18n>\n <span>•<span>\n <foxy-i18n infer=\"\" key=\"date_modified\"></foxy-i18n>\n <foxy-i18n\n .options=${{ value: get(this, 'nucleon.data.date_modified') }}\n infer=\"\"\n key=\"date\"\n >\n </foxy-i18n>\n </p>\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"InternalTimestampsControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTimestampsControl/InternalTimestampsControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,8CAA2C;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC;;;;;;GAMG;AACH,MAAM,OAAO,yBAA0B,SAAQ,eAAe;IAC5D,aAAa;QACX,OAAO,IAAI,CAAA;;;;qBAIM,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,2BAA2B,CAAC,EAAE;;;;;;;;qBAQjD,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,4BAA4B,CAAC,EAAE;;;;;;KAMlE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { html } from 'lit-html';\nimport { get } from 'lodash-es';\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 renderControl(): TemplateResult {\n return html`\n <p class=\"font-lumo text-s leading-s text-secondary\">\n <foxy-i18n infer=\"\" key=\"date_created\"></foxy-i18n>\n <foxy-i18n\n .options=${{ value: get(this, 'nucleon.data.date_created') }}\n infer=\"\"\n key=\"date\"\n >\n </foxy-i18n>\n <span>•<span>\n <foxy-i18n infer=\"\" key=\"date_modified\"></foxy-i18n>\n <foxy-i18n\n .options=${{ value: get(this, 'nucleon.data.date_modified') }}\n infer=\"\"\n key=\"date\"\n >\n </foxy-i18n>\n </p>\n `;\n }\n}\n"]}

package/dist/elements/public/CartForm/internal/InternalCartFormCreateSessionAction/InternalCartFormCreateSessionAction.js CHANGED Viewed

@@ -51,7 +51,6 @@ export class InternalCartFormCreateSessionAction extends InternalControl {
     }
     async __reloadSessionHref(href) {
         var _a;
-        console.log('RELOAD SESSION HREF', href);
         if (((_a = this.__loader) === null || _a === void 0 ? void 0 : _a.href) === href)
             return;
         const nucleon = this.nucleon;

package/dist/elements/public/CartForm/internal/InternalCartFormCreateSessionAction/InternalCartFormCreateSessionAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InternalCartFormCreateSessionAction.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormCreateSessionAction/InternalCartFormCreateSessionAction.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,QAAQ,EAAE,0CAAuC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAQhC,MAAM,OAAO,mCAAoC,SAAQ,eAAe;IAAxE;;QAQU,aAAQ,GAAkB,IAAI,CAAC;~~IAqEzC~~,CAAC;~~IA5EC~~,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC/B,CAAC;IACJ,CAAC;IAID,aAAa;;QACX,MAAM,KAAK,SAAG,IAAI,CAAC,QAAQ,0CAAE,KAAK,CAAC;QACnC,MAAM,IAAI,SAAG,IAAI,CAAC,QAAQ,0CAAE,MAAM,CAAC;QAEnC,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAA;;;;iBAIA,IAAI;;;;OAId,CAAC;SACH;aAAM;YACL,OAAO,IAAI,CAAA;;kBAEC,QAAQ,CAAC;gBACf,uCAAuC,EAAE,IAAI;gBAC7C,eAAe,EAAE,KAAK,KAAK,MAAM;gBACjC,YAAY,EAAE,KAAK,KAAK,MAAM;aAC/B,CAAC;;oCAEwB,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY;;OAE3E,CAAC;SACH;IACH,CAAC;IAED,OAAO,CAAC,OAAiC;;QACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEvB,MAAM,OAAO,GAAG,IAAI,CAAC,OAA0B,CAAC;QAChD,MAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;QAC3B,MAAM,oBAAoB,SAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,mBAAmB,EAAE,IAAI,mCAAI,IAAI,CAAC;QAE5E,IAAI,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;IACjD,CAAC;IAEO,KAAK,CAAC,mBAAmB,CAAC,IAAmB;;QACnD,~~OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,~~IAAI,~~CAAC,CAAC;QACzC,IAAI,~~OAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,MAAK,IAAI;YAAE,OAAO;QAEzC,MAAM,OAAO,GAAG,IAAI,CAAC,OAA0B,CAAC;QAChD,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,IAAI,EAAE;YACR,MAAM,MAAM,GAAW,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;YAC7D,MAAM,GAAG,GAAG,IAAK,OAAO,CAAC,WAA+B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAEnE,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;YAEvB,IAAI;gBACF,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;gBAC3D,IAAI,CAAC,QAAQ,CAAC,EAAE;oBAAE,MAAM,IAAI,KAAK,EAAE,CAAC;gBAEpC,MAAM,CAAC,MAAM,GAAG,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC;gBAClD,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC;aACvB;YAAC,WAAM;gBACN,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC;aACvB;oBAAS;gBACR,IAAI,CAAC,aAAa,EAAE,CAAC;aACtB;SACF;aAAM;YACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;IACH,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { CartForm } from '../../CartForm';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { classMap } from '../../../../../utils/class-map';\nimport { html } from 'lit-html';\n\ntype Loader = {\n result: string \| null;\n state: 'idle' \| 'busy' \| 'fail';\n href: string;\n};\n\nexport class InternalCartFormCreateSessionAction extends InternalControl {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n __loader: { attribute: false },\n };\n }\n\n private __loader: Loader \| null = null;\n\n renderControl(): TemplateResult {\n const state = this.__loader?.state;\n const href = this.__loader?.result;\n\n if (href) {\n return html`\n <a\n target=\"_blank\"\n class=\"rounded font-medium transition-colors text-body focus-outline-none focus-ring-2 focus-ring-primary-50\"\n href=${href}\n >\n <foxy-i18n infer=\"\" key=\"state_idle\"></foxy-i18n>\n </a>\n `;\n } else {\n return html`\n <div\n class=${classMap({\n 'transition-colors font-medium rounded': true,\n 'text-tertiary': state !== 'fail',\n 'text-error': state === 'fail',\n })}\n >\n <foxy-i18n infer=\"\" key=${state === 'fail' ? 'state_fail' : 'state_busy'}> </foxy-i18n>\n </div>\n `;\n }\n }\n\n updated(changes: Map<keyof this, unknown>): void {\n super.updated(changes);\n\n const nucleon = this.nucleon as CartForm \| null;\n const data = nucleon?.data;\n const newCreateSessionHref = data?._links['fx:create_session'].href ?? null;\n\n this.__reloadSessionHref(newCreateSessionHref);\n }\n\n private async __reloadSessionHref(href: string \| null) {\n ~~console.log('RELOAD SESSION HREF', href);\n~~ if (this.__loader?.href === href) return;\n\n const nucleon = this.nucleon as CartForm \| null;\n if (!nucleon) return;\n\n if (href) {\n const loader: Loader = { result: null, state: 'busy', href };\n const api = new (nucleon.constructor as typeof CartForm).API(this);\n\n this.__loader = loader;\n\n try {\n const response = await api.fetch(href, { method: 'POST' });\n if (!response.ok) throw new Error();\n\n loader.result = (await response.json()).cart_link;\n loader.state = 'idle';\n } catch {\n loader.state = 'fail';\n } finally {\n this.requestUpdate();\n }\n } else {\n this.__loader = null;\n }\n }\n}\n"]}
1	+ {"version":3,"file":"InternalCartFormCreateSessionAction.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormCreateSessionAction/InternalCartFormCreateSessionAction.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,QAAQ,EAAE,0CAAuC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAQhC,MAAM,OAAO,mCAAoC,SAAQ,eAAe;IAAxE;;QAQU,aAAQ,GAAkB,IAAI,CAAC;IAoEzC,CAAC;IA3EC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC/B,CAAC;IACJ,CAAC;IAID,aAAa;;QACX,MAAM,KAAK,SAAG,IAAI,CAAC,QAAQ,0CAAE,KAAK,CAAC;QACnC,MAAM,IAAI,SAAG,IAAI,CAAC,QAAQ,0CAAE,MAAM,CAAC;QAEnC,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAA;;;;iBAIA,IAAI;;;;OAId,CAAC;SACH;aAAM;YACL,OAAO,IAAI,CAAA;;kBAEC,QAAQ,CAAC;gBACf,uCAAuC,EAAE,IAAI;gBAC7C,eAAe,EAAE,KAAK,KAAK,MAAM;gBACjC,YAAY,EAAE,KAAK,KAAK,MAAM;aAC/B,CAAC;;oCAEwB,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY;;OAE3E,CAAC;SACH;IACH,CAAC;IAED,OAAO,CAAC,OAAiC;;QACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEvB,MAAM,OAAO,GAAG,IAAI,CAAC,OAA0B,CAAC;QAChD,MAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;QAC3B,MAAM,oBAAoB,SAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,mBAAmB,EAAE,IAAI,mCAAI,IAAI,CAAC;QAE5E,IAAI,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;IACjD,CAAC;IAEO,KAAK,CAAC,mBAAmB,CAAC,IAAmB;;QACnD,IAAI,OAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,MAAK,IAAI;YAAE,OAAO;QAEzC,MAAM,OAAO,GAAG,IAAI,CAAC,OAA0B,CAAC;QAChD,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,IAAI,EAAE;YACR,MAAM,MAAM,GAAW,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;YAC7D,MAAM,GAAG,GAAG,IAAK,OAAO,CAAC,WAA+B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAEnE,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;YAEvB,IAAI;gBACF,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;gBAC3D,IAAI,CAAC,QAAQ,CAAC,EAAE;oBAAE,MAAM,IAAI,KAAK,EAAE,CAAC;gBAEpC,MAAM,CAAC,MAAM,GAAG,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC;gBAClD,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC;aACvB;YAAC,WAAM;gBACN,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC;aACvB;oBAAS;gBACR,IAAI,CAAC,aAAa,EAAE,CAAC;aACtB;SACF;aAAM;YACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;IACH,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { CartForm } from '../../CartForm';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { classMap } from '../../../../../utils/class-map';\nimport { html } from 'lit-html';\n\ntype Loader = {\n result: string \| null;\n state: 'idle' \| 'busy' \| 'fail';\n href: string;\n};\n\nexport class InternalCartFormCreateSessionAction extends InternalControl {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n __loader: { attribute: false },\n };\n }\n\n private __loader: Loader \| null = null;\n\n renderControl(): TemplateResult {\n const state = this.__loader?.state;\n const href = this.__loader?.result;\n\n if (href) {\n return html`\n <a\n target=\"_blank\"\n class=\"rounded font-medium transition-colors text-body focus-outline-none focus-ring-2 focus-ring-primary-50\"\n href=${href}\n >\n <foxy-i18n infer=\"\" key=\"state_idle\"></foxy-i18n>\n </a>\n `;\n } else {\n return html`\n <div\n class=${classMap({\n 'transition-colors font-medium rounded': true,\n 'text-tertiary': state !== 'fail',\n 'text-error': state === 'fail',\n })}\n >\n <foxy-i18n infer=\"\" key=${state === 'fail' ? 'state_fail' : 'state_busy'}> </foxy-i18n>\n </div>\n `;\n }\n }\n\n updated(changes: Map<keyof this, unknown>): void {\n super.updated(changes);\n\n const nucleon = this.nucleon as CartForm \| null;\n const data = nucleon?.data;\n const newCreateSessionHref = data?._links['fx:create_session'].href ?? null;\n\n this.__reloadSessionHref(newCreateSessionHref);\n }\n\n private async __reloadSessionHref(href: string \| null) {\n if (this.__loader?.href === href) return;\n\n const nucleon = this.nucleon as CartForm \| null;\n if (!nucleon) return;\n\n if (href) {\n const loader: Loader = { result: null, state: 'busy', href };\n const api = new (nucleon.constructor as typeof CartForm).API(this);\n\n this.__loader = loader;\n\n try {\n const response = await api.fetch(href, { method: 'POST' });\n if (!response.ok) throw new Error();\n\n loader.result = (await response.json()).cart_link;\n loader.state = 'idle';\n } catch {\n loader.state = 'fail';\n } finally {\n this.requestUpdate();\n }\n } else {\n this.__loader = null;\n }\n }\n}\n"]}

package/dist/elements/public/EmailTemplateForm/EmailTemplateForm.d.ts CHANGED Viewed

@@ -1,12 +1,10 @@
-import type { PropertyDeclarations, TemplateResult } from 'lit-element';
-import type { ScopedElementsMap } from '@open-wc/scoped-elements';
+import type { TemplateResult } from 'lit-element';
 import type { Data } from './types';
-import { NucleonElement } from '../NucleonElement/NucleonElement';
-declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
-} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
-    styles: import("lit-element").CSSResultArray;
-} & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost>;
+};
 /**
  * Form element for creating or editing email templates (`fx:email_template`).
  *
@@ -14,20 +12,14 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
  * @since 1.14.0
  */
 export declare class EmailTemplateForm extends Base<Data> {
-    static get properties(): PropertyDeclarations;
-    static get scopedElements(): ScopedElementsMap;
-    private __templateLanguageOptions;
-    private __textContentChoice;
-    private __htmlContentChoice;
-    private __cacheState;
-    render(): TemplateResult;
+    private readonly __templateLanguageOptions;
+    private readonly __toggleGetValue;
+    private readonly __toggleSetValue;
+    get readonlySelector(): BooleanSelector;
+    get disabledSelector(): BooleanSelector;
+    get hiddenSelector(): BooleanSelector;
+    renderBody(): TemplateResult;
     protected _sendPost(edits: Partial<Data>): Promise<Data>;
     protected _sendPatch(edits: Partial<Data>): Promise<Data>;
-    private __renderDescription;
-    private __renderContent;
-    private __renderContentVariant;
-    private __renderTimestamps;
-    private __renderAction;
-    private __cache;
 }
 export {};