npm - @foxy.io/elements - Versions diffs - 1.27.0-beta.3 → 1.27.0-beta.4 - Mend

@foxy.io/elements 1.27.0-beta.3 → 1.27.0-beta.4

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 (151) hide show

package/dist/elements/private/MonthdayPicker/MonthdayPicker.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { ScopedElementsMap } from '@open-wc/scoped-elements';
 import { PropertyDeclarations, TemplateResult } from 'lit-element';
 import { Translatable } from '../../../mixins/translatable';
+/** @deprecated – use internal controls instead */
 export declare class MonthdayPicker extends Translatable {
     static get scopedElements(): ScopedElementsMap;
     static get properties(): PropertyDeclarations;

package/dist/elements/private/MonthdayPicker/MonthdayPicker.js CHANGED Viewed

@@ -3,6 +3,7 @@ import { Translatable } from "../../../mixins/translatable.js";
 import { concatTruthy } from "../../../utils/concat-truthy.js";
 import { I18N } from "../I18N/I18N.js";
 import { MonthdayPickerChangeEvent } from "./MonthdayPickerChangeEvent.js";
+/** @deprecated – use internal controls instead */
 export class MonthdayPicker extends Translatable {
     constructor() {
         super(...arguments);

package/dist/elements/private/MonthdayPicker/MonthdayPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MonthdayPicker.js","sourceRoot":"","sources":["../../../../src/elements/private/MonthdayPicker/MonthdayPicker.ts"],"names":[],"mappings":"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","sourcesContent":["import { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport { html, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { Translatable } from '../../../mixins/translatable';\nimport { concatTruthy } from '../../../utils/concat-truthy';\nimport { I18N } from '../I18N/I18N';\nimport { MonthdayPickerChangeEvent } from './MonthdayPickerChangeEvent';\n\nexport class MonthdayPicker extends Translatable {\n public static get scopedElements(): ScopedElementsMap {\n return {\n 'x-i18n': I18N,\n };\n }\n\n public static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n disabled: { type: Boolean },\n value: { type: Array },\n };\n }\n\n public disabled = false;\n\n public value: number[] = [];\n\n protected static readonly _allDays = Array.from(new Array(31), (_, i) => i + 1);\n\n public render(): TemplateResult {\n const translatedDays = MonthdayPicker._allDays.map(day => {\n try {\n return day.toLocaleString(this.lang, { minimumIntegerDigits: 2 });\n } catch {\n return day.toString();\n }\n });\n\n return html`\n <div class=\"space-y-s\">\n <div\n class=\"flex flex-wrap -mx-xs -mb-xs\"\n style=\"max-width: 364px; font-feature-settings: 'tnum' 1;\"\n >\n ${MonthdayPicker._allDays.map((day, index) => {\n return html`\n <label class=${this._getLabelClass(day)}>\n ${translatedDays[index]}\n <input\n type=\"checkbox\"\n class=\"sr-only\"\n ?disabled=${this.disabled}\n ?checked=${this.value.includes(day)}\n @change=${(evt: Event) => this._handleChange(evt, day)}\n />\n </label>\n `;\n })}\n </div>\n\n ${concatTruthy(\n this.value.length > 0 &&\n html`\n <p class=\"text-s text-tertiary leading-s\">\n <x-i18n key=\"monthday-picker.hint\" .opts=${{ days: this.value }} .lang=${this.lang}>\n </x-i18n>\n\n ${concatTruthy(\n [29, 30, 31].some(day => this.value.includes(day)) &&\n html`<x-i18n key=\"monthday-picker.warning\" .lang=${this.lang}></x-i18n>`\n )}\n </p>\n `\n )}\n </div>\n `;\n }\n\n protected _getLabelClass(day: number): string {\n let base =\n 'flex items-center justify-center m-xs p-s rounded text-m font-medium transition duration-200 sm-p-0 sm-h-m sm-w-l ';\n\n if (!this.value.includes(day)) base += 'bg-contrast-5 ';\n\n if (this._isI18nReady && !this.disabled) {\n base += 'cursor-pointer ';\n base += this.value.includes(day) ? 'text-base ' : 'hover-bg-primary-10 ';\n\n if (day < 29) {\n base += 'focus-within-shadow-outline ';\n base += this.value.includes(day) ? 'bg-primary' : 'text-body';\n } else {\n base += 'focus-within-shadow-outline-error ';\n base += this.value.includes(day) ? 'bg-error' : 'text-error';\n }\n } else {\n base += 'text-transparent ';\n if (this.value.includes(day)) base += day < 29 ? 'bg-primary-50' : 'bg-error-10';\n }\n\n return base;\n }\n\n protected _handleChange(evt: Event, day: number): void {\n evt.stopPropagation();\n this._toggle(day);\n this._sendChange();\n }\n\n protected _sendChange(): void {\n this.dispatchEvent(new MonthdayPickerChangeEvent(this.value));\n }\n\n protected _toggle(value: number): void {\n const index = this.value.indexOf(value);\n this.value = index === -1 ? [...this.value, value] : this.value.filter((_, i) => i !== index);\n }\n}\n"]}
1	+ {"version":3,"file":"MonthdayPicker.js","sourceRoot":"","sources":["../../../../src/elements/private/MonthdayPicker/MonthdayPicker.ts"],"names":[],"mappings":"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","sourcesContent":["import { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport { html, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { Translatable } from '../../../mixins/translatable';\nimport { concatTruthy } from '../../../utils/concat-truthy';\nimport { I18N } from '../I18N/I18N';\nimport { MonthdayPickerChangeEvent } from './MonthdayPickerChangeEvent';\n\n/** @deprecated – use internal controls instead */\nexport class MonthdayPicker extends Translatable {\n public static get scopedElements(): ScopedElementsMap {\n return {\n 'x-i18n': I18N,\n };\n }\n\n public static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n disabled: { type: Boolean },\n value: { type: Array },\n };\n }\n\n public disabled = false;\n\n public value: number[] = [];\n\n protected static readonly _allDays = Array.from(new Array(31), (_, i) => i + 1);\n\n public render(): TemplateResult {\n const translatedDays = MonthdayPicker._allDays.map(day => {\n try {\n return day.toLocaleString(this.lang, { minimumIntegerDigits: 2 });\n } catch {\n return day.toString();\n }\n });\n\n return html`\n <div class=\"space-y-s\">\n <div\n class=\"flex flex-wrap -mx-xs -mb-xs\"\n style=\"max-width: 364px; font-feature-settings: 'tnum' 1;\"\n >\n ${MonthdayPicker._allDays.map((day, index) => {\n return html`\n <label class=${this._getLabelClass(day)}>\n ${translatedDays[index]}\n <input\n type=\"checkbox\"\n class=\"sr-only\"\n ?disabled=${this.disabled}\n ?checked=${this.value.includes(day)}\n @change=${(evt: Event) => this._handleChange(evt, day)}\n />\n </label>\n `;\n })}\n </div>\n\n ${concatTruthy(\n this.value.length > 0 &&\n html`\n <p class=\"text-s text-tertiary leading-s\">\n <x-i18n key=\"monthday-picker.hint\" .opts=${{ days: this.value }} .lang=${this.lang}>\n </x-i18n>\n\n ${concatTruthy(\n [29, 30, 31].some(day => this.value.includes(day)) &&\n html`<x-i18n key=\"monthday-picker.warning\" .lang=${this.lang}></x-i18n>`\n )}\n </p>\n `\n )}\n </div>\n `;\n }\n\n protected _getLabelClass(day: number): string {\n let base =\n 'flex items-center justify-center m-xs p-s rounded text-m font-medium transition duration-200 sm-p-0 sm-h-m sm-w-l ';\n\n if (!this.value.includes(day)) base += 'bg-contrast-5 ';\n\n if (this._isI18nReady && !this.disabled) {\n base += 'cursor-pointer ';\n base += this.value.includes(day) ? 'text-base ' : 'hover-bg-primary-10 ';\n\n if (day < 29) {\n base += 'focus-within-shadow-outline ';\n base += this.value.includes(day) ? 'bg-primary' : 'text-body';\n } else {\n base += 'focus-within-shadow-outline-error ';\n base += this.value.includes(day) ? 'bg-error' : 'text-error';\n }\n } else {\n base += 'text-transparent ';\n if (this.value.includes(day)) base += day < 29 ? 'bg-primary-50' : 'bg-error-10';\n }\n\n return base;\n }\n\n protected _handleChange(evt: Event, day: number): void {\n evt.stopPropagation();\n this._toggle(day);\n this._sendChange();\n }\n\n protected _sendChange(): void {\n this.dispatchEvent(new MonthdayPickerChangeEvent(this.value));\n }\n\n protected _toggle(value: number): void {\n const index = this.value.indexOf(value);\n this.value = index === -1 ? [...this.value, value] : this.value.filter((_, i) => i !== index);\n }\n}\n"]}

package/dist/elements/private/Page/Page.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import '@vaadin/vaadin-lumo-styles';
 import { CSSResultArray, LitElement, TemplateResult } from 'lit-element';
+/** @deprecated – use internal controls instead */
 export declare class Page extends LitElement {
     static get styles(): CSSResultArray;
     render(): TemplateResult;

package/dist/elements/private/Page/Page.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import '@vaadin/vaadin-lumo-styles';
 import { LitElement, css, html } from 'lit-element';
 import { Themeable } from "../../../mixins/themeable.js";
+/** @deprecated – use internal controls instead */
 export class Page extends LitElement {
     static get styles() {
         return [

package/dist/elements/private/Page/Page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/elements/private/Page/Page.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAkB,UAAU,EAAkB,GAAG,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEpF,OAAO,EAAE,SAAS,EAAE,qCAAkC;AAEtD,MAAM,OAAO,IAAK,SAAQ,UAAU;IAC3B,MAAM,KAAK,MAAM;QACtB,OAAO;YACL,SAAS,CAAC,MAAM;YAChB,GAAG;;;OAIF;SACF,CAAC;IACJ,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;;;;;;;;KAaV,CAAC;IACJ,CAAC;CACF","sourcesContent":["import '@vaadin/vaadin-lumo-styles';\n\nimport { CSSResultArray, LitElement, TemplateResult, css, html } from 'lit-element';\n\nimport { Themeable } from '../../../mixins/themeable';\n\nexport class Page extends LitElement {\n public static get styles(): CSSResultArray {\n return [\n Themeable.styles,\n css`\n ::slotted(:not([slot])) {\n margin-top: var(--lumo-space-xl);\n }\n `,\n ];\n }\n\n public render(): TemplateResult {\n return html`\n <article class=\"relative antialiased font-lumo\">\n <header class=\"space-y-xs leading-s\">\n <h1 class=\"font-medium text-header text-xl border-b border-contrast-10 pb-s mb-s\">\n <slot name=\"title\"></slot>\n </h1>\n <p class=\"text-l text-secondary\">\n <slot name=\"subtitle\"></slot>\n </p>\n </header>\n\n <slot></slot>\n </article>\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/elements/private/Page/Page.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAkB,UAAU,EAAkB,GAAG,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEpF,OAAO,EAAE,SAAS,EAAE,qCAAkC;AAEtD,kDAAkD;AAClD,MAAM,OAAO,IAAK,SAAQ,UAAU;IAC3B,MAAM,KAAK,MAAM;QACtB,OAAO;YACL,SAAS,CAAC,MAAM;YAChB,GAAG;;;OAIF;SACF,CAAC;IACJ,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;;;;;;;;KAaV,CAAC;IACJ,CAAC;CACF","sourcesContent":["import '@vaadin/vaadin-lumo-styles';\n\nimport { CSSResultArray, LitElement, TemplateResult, css, html } from 'lit-element';\n\nimport { Themeable } from '../../../mixins/themeable';\n\n/** @deprecated – use internal controls instead */\nexport class Page extends LitElement {\n public static get styles(): CSSResultArray {\n return [\n Themeable.styles,\n css`\n ::slotted(:not([slot])) {\n margin-top: var(--lumo-space-xl);\n }\n `,\n ];\n }\n\n public render(): TemplateResult {\n return html`\n <article class=\"relative antialiased font-lumo\">\n <header class=\"space-y-xs leading-s\">\n <h1 class=\"font-medium text-header text-xl border-b border-contrast-10 pb-s mb-s\">\n <slot name=\"title\"></slot>\n </h1>\n <p class=\"text-l text-secondary\">\n <slot name=\"subtitle\"></slot>\n </p>\n </header>\n\n <slot></slot>\n </article>\n `;\n }\n}\n"]}

package/dist/elements/private/Section/Section.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { CSSResultArray, TemplateResult } from 'lit-element';
 import { Page } from '../Page/Page';
+/** @deprecated – use internal controls instead */
 export declare class Section extends Page {
     static get styles(): CSSResultArray;
     render(): TemplateResult;

package/dist/elements/private/Section/Section.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { html, css } from 'lit-element';
 import { Page } from "../Page/Page.js";
+/** @deprecated – use internal controls instead */
 export class Section extends Page {
     static get styles() {
         return [

package/dist/elements/private/Section/Section.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/elements/private/Section/Section.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAkC,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,wBAAqB;AAEpC,MAAM,OAAO,OAAQ,SAAQ,IAAI;IACxB,MAAM,KAAK,MAAM;QACtB,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;OAIF;SACF,CAAC;IACJ,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;;;;;;;;KAaV,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, css, CSSResultArray, TemplateResult } from 'lit-element';\nimport { Page } from '../Page/Page';\n\nexport class Section extends Page {\n public static get styles(): CSSResultArray {\n return [\n super.styles,\n css`\n ::slotted(:not([slot])) {\n margin-top: var(--lumo-space-m);\n }\n `,\n ];\n }\n\n public render(): TemplateResult {\n return html`\n <section class=\"leading-s antialiased font-lumo\">\n <header>\n <h2 class=\"text-header font-medium text-l\">\n <slot name=\"title\"></slot>\n </h2>\n <p class=\"text-secondary text-m\">\n <slot name=\"subtitle\"></slot>\n </p>\n </header>\n\n <slot></slot>\n </section>\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/elements/private/Section/Section.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAkC,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,wBAAqB;AAEpC,kDAAkD;AAClD,MAAM,OAAO,OAAQ,SAAQ,IAAI;IACxB,MAAM,KAAK,MAAM;QACtB,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;OAIF;SACF,CAAC;IACJ,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;;;;;;;;KAaV,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, css, CSSResultArray, TemplateResult } from 'lit-element';\nimport { Page } from '../Page/Page';\n\n/** @deprecated – use internal controls instead */\nexport class Section extends Page {\n public static get styles(): CSSResultArray {\n return [\n super.styles,\n css`\n ::slotted(:not([slot])) {\n margin-top: var(--lumo-space-m);\n }\n `,\n ];\n }\n\n public render(): TemplateResult {\n return html`\n <section class=\"leading-s antialiased font-lumo\">\n <header>\n <h2 class=\"text-header font-medium text-l\">\n <slot name=\"title\"></slot>\n </h2>\n <p class=\"text-secondary text-m\">\n <slot name=\"subtitle\"></slot>\n </p>\n </header>\n\n <slot></slot>\n </section>\n `;\n }\n}\n"]}

package/dist/elements/private/Skeleton/Skeleton.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { CSSResultArray, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
+/** @deprecated – use internal controls instead */
 export declare class Skeleton extends LitElement {
     static get styles(): CSSResultArray;
     static get properties(): PropertyDeclarations;

package/dist/elements/private/Skeleton/Skeleton.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { LitElement, css, html, } from 'lit-element';
 import { Themeable } from "../../../mixins/themeable.js";
+/** @deprecated – use internal controls instead */
 export class Skeleton extends LitElement {
     constructor() {
         super(...arguments);

package/dist/elements/private/Skeleton/Skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/elements/private/Skeleton/Skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAGV,GAAG,EACH,IAAI,GACL,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,SAAS,EAAE,qCAAkC;AAEtD,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QAkCS,YAAO,GAA8B,IAAI,CAAC;IAanD,CAAC;IA9CQ,MAAM,KAAK,MAAM;QACtB,OAAO;YACL,SAAS,CAAC,MAAM;YAChB,GAAG;;;;;;;;;;;;;;;;;;OAmBF;SACF,CAAC;IACJ,CAAC;IAEM,MAAM,KAAK,UAAU;QAC1B,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,CAAC;IACJ,CAAC;IAIM,MAAM;QACX,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC;QACvE,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;QAEzD,OAAO,IAAI,CAAA;;;sBAGO,EAAE,IAAI,QAAQ;;KAE/B,CAAC;IACJ,CAAC;CACF","sourcesContent":["import {\n CSSResultArray,\n LitElement,\n PropertyDeclarations,\n TemplateResult,\n css,\n html,\n} from 'lit-element';\n\nimport { Themeable } from '../../../mixins/themeable';\n\nexport class Skeleton extends LitElement {\n public static get styles(): CSSResultArray {\n return [\n Themeable.styles,\n css`\n @keyframes blink {\n from {\n opacity: 0.5;\n }\n\n to {\n opacity: 1;\n }\n }\n\n .animated {\n animation: blink 0.5s infinite alternate;\n }\n\n :host {\n display: inline-block;\n min-width: 4rem;\n }\n `,\n ];\n }\n\n public static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n variant: { type: String },\n };\n }\n\n public variant: 'static' \| 'error' \| null = null;\n\n public render(): TemplateResult {\n const bg = this.variant === 'error' ? 'bg-error-10' : 'bg-contrast-10';\n const animated = this.variant === null ? 'animated' : '';\n\n return html`\n <div class=\"relative\">\n <span class=\"opacity-0\"><slot></slot></span>\n <div class=\"${bg} ${animated} rounded my-xs absolute inset-0\"></div>\n </div>\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/elements/private/Skeleton/Skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAGV,GAAG,EACH,IAAI,GACL,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,SAAS,EAAE,qCAAkC;AAEtD,kDAAkD;AAClD,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QAkCS,YAAO,GAA8B,IAAI,CAAC;IAanD,CAAC;IA9CQ,MAAM,KAAK,MAAM;QACtB,OAAO;YACL,SAAS,CAAC,MAAM;YAChB,GAAG;;;;;;;;;;;;;;;;;;OAmBF;SACF,CAAC;IACJ,CAAC;IAEM,MAAM,KAAK,UAAU;QAC1B,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,CAAC;IACJ,CAAC;IAIM,MAAM;QACX,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC;QACvE,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;QAEzD,OAAO,IAAI,CAAA;;;sBAGO,EAAE,IAAI,QAAQ;;KAE/B,CAAC;IACJ,CAAC;CACF","sourcesContent":["import {\n CSSResultArray,\n LitElement,\n PropertyDeclarations,\n TemplateResult,\n css,\n html,\n} from 'lit-element';\n\nimport { Themeable } from '../../../mixins/themeable';\n\n/** @deprecated – use internal controls instead */\nexport class Skeleton extends LitElement {\n public static get styles(): CSSResultArray {\n return [\n Themeable.styles,\n css`\n @keyframes blink {\n from {\n opacity: 0.5;\n }\n\n to {\n opacity: 1;\n }\n }\n\n .animated {\n animation: blink 0.5s infinite alternate;\n }\n\n :host {\n display: inline-block;\n min-width: 4rem;\n }\n `,\n ];\n }\n\n public static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n variant: { type: String },\n };\n }\n\n public variant: 'static' \| 'error' \| null = null;\n\n public render(): TemplateResult {\n const bg = this.variant === 'error' ? 'bg-error-10' : 'bg-contrast-10';\n const animated = this.variant === null ? 'animated' : '';\n\n return html`\n <div class=\"relative\">\n <span class=\"opacity-0\"><slot></slot></span>\n <div class=\"${bg} ${animated} rounded my-xs absolute inset-0\"></div>\n </div>\n `;\n }\n}\n"]}

package/dist/elements/private/Switch/Switch.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import { TemplateResult } from 'lit-html';
 export declare class SwitchChangeEvent extends CustomEvent<boolean> {
     constructor(detail: boolean);
 }
+/** @deprecated – use internal controls instead */
 export declare class Switch extends LitElement {
     static get properties(): PropertyDeclarations;
     static get styles(): CSSResult | CSSResultArray;

package/dist/elements/private/Switch/Switch.js CHANGED Viewed

@@ -7,6 +7,7 @@ export class SwitchChangeEvent extends CustomEvent {
         super('change', { detail });
     }
 }
+/** @deprecated – use internal controls instead */
 export class Switch extends LitElement {
     constructor() {
         super(...arguments);

package/dist/elements/private/Switch/Switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/elements/private/Switch/Switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,UAAU,EAAwB,MAAM,aAAa,CAAC;AAC1F,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,qCAAkC;AACtD,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD,MAAM,OAAO,iBAAkB,SAAQ,WAAoB;IACzD,YAAY,MAAe;QACzB,KAAK,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAC9B,CAAC;CACF;AAED,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QAaS,aAAQ,GAAG,KAAK,CAAC;QAEjB,YAAO,GAAG,KAAK,CAAC;IA+CzB,CAAC;IA7DQ,MAAM,KAAK,UAAU;QAC1B,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC9B,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9B,CAAC;IACJ,CAAC;IAEM,MAAM,KAAK,MAAM;QACtB,OAAO,SAAS,CAAC,MAAM,CAAC;IAC1B,CAAC;IAMM,MAAM;QACX,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,iEAAiE,EAAE,IAAI;YACvE,gBAAgB,EAAE,CAAC,IAAI,CAAC,QAAQ;SACjC,CAAC;;;;;;;;kBAQQ,QAAQ,CAAC;YACf,kEAAkE,EAAE,IAAI;YACxE,gDAAgD,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;YAChF,4CAA4C,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO;YAC5E,gBAAgB,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO;SAClD,CAAC;;;;oBAIQ,QAAQ,CAAC;YACf,mEAAmE,EAAE,IAAI;YACzE,eAAe,EAAE,IAAI,CAAC,OAAO;YAC7B,eAAe,EAAE,CAAC,IAAI,CAAC,OAAO;YAC9B,sDAAsD,EAAE,CAAC,IAAI,CAAC,QAAQ;SACvE,CAAC;;;;;;uBAMS,IAAI,CAAC,OAAO;wBACX,IAAI,CAAC,QAAQ;sBACf,GAAG,EAAE;YACb,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;YAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QAC1D,CAAC;;;;KAIR,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { CSSResult, CSSResultArray, LitElement, PropertyDeclarations } from 'lit-element';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { Themeable } from '../../../mixins/themeable';\nimport { classMap } from '../../../utils/class-map';\n\nexport class SwitchChangeEvent extends CustomEvent<boolean> {\n constructor(detail: boolean) {\n super('change', { detail });\n }\n}\n\nexport class Switch extends LitElement {\n public static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n disabled: { attribute: false },\n checked: { attribute: false },\n };\n }\n\n public static get styles(): CSSResult \| CSSResultArray {\n return Themeable.styles;\n }\n\n public disabled = false;\n\n public checked = false;\n\n public render(): TemplateResult {\n return html`\n <label\n class=${classMap({\n 'transition duration-200 flex justify-between items-center group': true,\n 'cursor-pointer': !this.disabled,\n })}\n >\n <span class=\"text-body font-medium text-m mr-m\">\n <slot></slot>\n </span>\n\n <span\n style=\"border-radius: var(--lumo-size-xl); width: calc((var(--lumo-space-l) * 2) + (var(--lumo-space-xs) * 2))\"\n class=${classMap({\n 'transition duration-150 relative flex flex-shrink-0 items-center': true,\n 'bg-success focus-within-shadow-outline-success': !this.disabled && this.checked,\n 'bg-contrast-10 focus-within-shadow-outline': this.disabled \|\| !this.checked,\n 'bg-contrast-20': !this.disabled && !this.checked,\n })}\n >\n <span\n style=\"width: var(--lumo-space-l); height: var(--lumo-space-l)\"\n class=${classMap({\n 'bg-tint transition duration-200 transform block rounded-full m-xs': true,\n 'translate-x-l': this.checked,\n 'translate-x-0': !this.checked,\n 'shadow-xs group-hover-shadow-s group-hover-scale-110': !this.disabled,\n })}\n ></span>\n\n <input\n type=\"checkbox\"\n class=\"opacity-0 absolute inset-0\"\n .checked=${this.checked}\n .disabled=${this.disabled}\n @change=${() => {\n this.checked = !this.checked;\n this.dispatchEvent(new SwitchChangeEvent(this.checked));\n }}\n />\n </span>\n </label>\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/elements/private/Switch/Switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,UAAU,EAAwB,MAAM,aAAa,CAAC;AAC1F,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,qCAAkC;AACtD,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD,MAAM,OAAO,iBAAkB,SAAQ,WAAoB;IACzD,YAAY,MAAe;QACzB,KAAK,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAC9B,CAAC;CACF;AAED,kDAAkD;AAClD,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QAaS,aAAQ,GAAG,KAAK,CAAC;QAEjB,YAAO,GAAG,KAAK,CAAC;IA+CzB,CAAC;IA7DQ,MAAM,KAAK,UAAU;QAC1B,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC9B,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9B,CAAC;IACJ,CAAC;IAEM,MAAM,KAAK,MAAM;QACtB,OAAO,SAAS,CAAC,MAAM,CAAC;IAC1B,CAAC;IAMM,MAAM;QACX,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,iEAAiE,EAAE,IAAI;YACvE,gBAAgB,EAAE,CAAC,IAAI,CAAC,QAAQ;SACjC,CAAC;;;;;;;;kBAQQ,QAAQ,CAAC;YACf,kEAAkE,EAAE,IAAI;YACxE,gDAAgD,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;YAChF,4CAA4C,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO;YAC5E,gBAAgB,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO;SAClD,CAAC;;;;oBAIQ,QAAQ,CAAC;YACf,mEAAmE,EAAE,IAAI;YACzE,eAAe,EAAE,IAAI,CAAC,OAAO;YAC7B,eAAe,EAAE,CAAC,IAAI,CAAC,OAAO;YAC9B,sDAAsD,EAAE,CAAC,IAAI,CAAC,QAAQ;SACvE,CAAC;;;;;;uBAMS,IAAI,CAAC,OAAO;wBACX,IAAI,CAAC,QAAQ;sBACf,GAAG,EAAE;YACb,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;YAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QAC1D,CAAC;;;;KAIR,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { CSSResult, CSSResultArray, LitElement, PropertyDeclarations } from 'lit-element';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { Themeable } from '../../../mixins/themeable';\nimport { classMap } from '../../../utils/class-map';\n\nexport class SwitchChangeEvent extends CustomEvent<boolean> {\n constructor(detail: boolean) {\n super('change', { detail });\n }\n}\n\n/** @deprecated – use internal controls instead /\nexport class Switch extends LitElement {\n public static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n disabled: { attribute: false },\n checked: { attribute: false },\n };\n }\n\n public static get styles(): CSSResult \| CSSResultArray {\n return Themeable.styles;\n }\n\n public disabled = false;\n\n public checked = false;\n\n public render(): TemplateResult {\n return html`\n <label\n class=${classMap({\n 'transition duration-200 flex justify-between items-center group': true,\n 'cursor-pointer': !this.disabled,\n })}\n >\n <span class=\"text-body font-medium text-m mr-m\">\n <slot></slot>\n </span>\n\n <span\n style=\"border-radius: var(--lumo-size-xl); width: calc((var(--lumo-space-l) 2) + (var(--lumo-space-xs) * 2))\"\n class=${classMap({\n 'transition duration-150 relative flex flex-shrink-0 items-center': true,\n 'bg-success focus-within-shadow-outline-success': !this.disabled && this.checked,\n 'bg-contrast-10 focus-within-shadow-outline': this.disabled \|\| !this.checked,\n 'bg-contrast-20': !this.disabled && !this.checked,\n })}\n >\n <span\n style=\"width: var(--lumo-space-l); height: var(--lumo-space-l)\"\n class=${classMap({\n 'bg-tint transition duration-200 transform block rounded-full m-xs': true,\n 'translate-x-l': this.checked,\n 'translate-x-0': !this.checked,\n 'shadow-xs group-hover-shadow-s group-hover-scale-110': !this.disabled,\n })}\n ></span>\n\n <input\n type=\"checkbox\"\n class=\"opacity-0 absolute inset-0\"\n .checked=${this.checked}\n .disabled=${this.disabled}\n @change=${() => {\n this.checked = !this.checked;\n this.dispatchEvent(new SwitchChangeEvent(this.checked));\n }}\n />\n </span>\n </label>\n `;\n }\n}\n"]}

package/dist/elements/private/Tabs/Tabs.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { CSSResult, CSSResultArray, LitElement, PropertyDeclarations } from 'lit-element';
 import { TemplateResult } from 'lit-html';
+/** @deprecated – use internal controls instead */
 export declare class Tabs extends LitElement {
     static get properties(): PropertyDeclarations;
     static get styles(): CSSResult | CSSResultArray;

package/dist/elements/private/Tabs/Tabs.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { LitElement } from 'lit-element';
 import { html } from 'lit-html';
 import { Themeable } from "../../../mixins/themeable.js";
 import { classMap } from "../../../utils/class-map.js";
+/** @deprecated – use internal controls instead */
 export class Tabs extends LitElement {
     constructor() {
         super(...arguments);

package/dist/elements/private/Tabs/Tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/elements/private/Tabs/Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,UAAU,EAAwB,MAAM,aAAa,CAAC;AAC1F,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,qCAAkC;AACtD,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD,MAAM,OAAO,IAAK,SAAQ,UAAU;IAApC;;QAYE,UAAK,GAAG,CAAC,CAAC;QAEV,SAAI,GAAG,CAAC,CAAC;IA4DX,CAAC;IAzEC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACvB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,SAAS,CAAC,MAAM,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,MAAM,IAAI,GAAqB,EAAE,CAAC;QAClC,MAAM,MAAM,GAAqB,EAAE,CAAC;QAEpC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;YAC9C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA;;oBAEA,KAAK;;kBAEP,QAAQ,CAAC;gBACf,yEAAyE,EAAE,IAAI;gBAC/E,+CAA+C,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK;aACtE,CAAC;iCACqB,KAAK;0BACZ,IAAI,CAAC,KAAK,KAAK,KAAK;mBAC3B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;qBACxB,IAAI,CAAC,eAAe;;4BAEb,KAAK;;OAE1B,CAAC,CAAC;YAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAA;;sBAEA,KAAK;;wBAEH,KAAK;kBACX,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;wBACpC,IAAI,CAAC,KAAK,KAAK,KAAK;iCACX,KAAK;;;OAG/B,CAAC,CAAC;SACJ;QAED,OAAO,IAAI,CAAA;6EAC8D,IAAI;QACzE,MAAM;KACT,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,GAAkB;QACxC,IAAI,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YAC/B,GAAG,CAAC,cAAc,EAAE,CAAC;YAErB,MAAM,MAAM,GAAG,GAAG,CAAC,MAA2B,CAAC;YAC/C,IAAI,IAAI,GAA6B,IAAI,CAAC;YAE1C,IAAI,GAAG,CAAC,GAAG,KAAK,YAAY,IAAI,GAAG,CAAC,GAAG,KAAK,WAAW,EAAE;gBACvD,IAAI,GAAG,MAAM,CAAC,kBAA8C,CAAC;aAC9D;iBAAM,IAAI,GAAG,CAAC,GAAG,KAAK,WAAW,IAAI,GAAG,CAAC,GAAG,KAAK,SAAS,EAAE;gBAC3D,IAAI,GAAG,MAAM,CAAC,sBAAkD,CAAC;aAClE;YAED,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAG;YACd,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAG;SACf;IACH,CAAC;CACF","sourcesContent":["import { CSSResult, CSSResultArray, LitElement, PropertyDeclarations } from 'lit-element';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { Themeable } from '../../../mixins/themeable';\nimport { classMap } from '../../../utils/class-map';\n\nexport class Tabs extends LitElement {\n static get properties(): PropertyDeclarations {\n return {\n value: { type: Number },\n size: { type: Number },\n };\n }\n\n static get styles(): CSSResult \| CSSResultArray {\n return Themeable.styles;\n }\n\n value = 0;\n\n size = 0;\n\n render(): TemplateResult {\n const tabs: TemplateResult[] = [];\n const panels: TemplateResult[] = [];\n\n for (let index = 0; index < this.size; ++index) {\n tabs.push(html`\n <button\n id=\"tab-${index}\"\n role=\"tab\"\n class=${classMap({\n 'text-l font-medium px-s rounded focus-outline-none focus-shadow-outline': true,\n 'text-tertiary hover-text-body focus-text-body': this.value !== index,\n })}\n aria-controls=\"panel-${index}\"\n aria-selected=${this.value === index}\n @click=${() => (this.value = index)}\n @keydown=${this.__handleKeyDown}\n >\n <slot name=\"tab-${index}\"></slot>\n </button>\n `);\n\n panels.push(html`\n <slot\n id=\"panel-${index}\"\n role=\"tabpanel\"\n name=\"panel-${index}\"\n class=${classMap({ hidden: this.value !== index })}\n aria-hidden=${this.value !== index}\n aria-labelledby=\"tab-${index}\"\n >\n </slot>\n `);\n }\n\n return html`\n <div role=\"tablist\" aria-orientation=\"horizontal\" class=\"-mx-s mb-s\">${tabs}</div>\n ${panels}\n `;\n }\n\n private __handleKeyDown(evt: KeyboardEvent) {\n if (evt.key.startsWith('Arrow')) {\n evt.preventDefault();\n\n const target = evt.target as HTMLButtonElement;\n let next: HTMLButtonElement \| null = null;\n\n if (evt.key === 'ArrowRight' \|\| evt.key === 'ArrowDown') {\n next = target.nextElementSibling as HTMLButtonElement \| null;\n } else if (evt.key === 'ArrowLeft' \|\| evt.key === 'ArrowUp') {\n next = target.previousElementSibling as HTMLButtonElement \| null;\n }\n\n next?.click();\n next?.focus();\n }\n }\n}\n"]}
1	+ {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/elements/private/Tabs/Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,UAAU,EAAwB,MAAM,aAAa,CAAC;AAC1F,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,qCAAkC;AACtD,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD,kDAAkD;AAClD,MAAM,OAAO,IAAK,SAAQ,UAAU;IAApC;;QAYE,UAAK,GAAG,CAAC,CAAC;QAEV,SAAI,GAAG,CAAC,CAAC;IA4DX,CAAC;IAzEC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACvB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,SAAS,CAAC,MAAM,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,MAAM,IAAI,GAAqB,EAAE,CAAC;QAClC,MAAM,MAAM,GAAqB,EAAE,CAAC;QAEpC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;YAC9C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA;;oBAEA,KAAK;;kBAEP,QAAQ,CAAC;gBACf,yEAAyE,EAAE,IAAI;gBAC/E,+CAA+C,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK;aACtE,CAAC;iCACqB,KAAK;0BACZ,IAAI,CAAC,KAAK,KAAK,KAAK;mBAC3B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;qBACxB,IAAI,CAAC,eAAe;;4BAEb,KAAK;;OAE1B,CAAC,CAAC;YAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAA;;sBAEA,KAAK;;wBAEH,KAAK;kBACX,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;wBACpC,IAAI,CAAC,KAAK,KAAK,KAAK;iCACX,KAAK;;;OAG/B,CAAC,CAAC;SACJ;QAED,OAAO,IAAI,CAAA;6EAC8D,IAAI;QACzE,MAAM;KACT,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,GAAkB;QACxC,IAAI,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YAC/B,GAAG,CAAC,cAAc,EAAE,CAAC;YAErB,MAAM,MAAM,GAAG,GAAG,CAAC,MAA2B,CAAC;YAC/C,IAAI,IAAI,GAA6B,IAAI,CAAC;YAE1C,IAAI,GAAG,CAAC,GAAG,KAAK,YAAY,IAAI,GAAG,CAAC,GAAG,KAAK,WAAW,EAAE;gBACvD,IAAI,GAAG,MAAM,CAAC,kBAA8C,CAAC;aAC9D;iBAAM,IAAI,GAAG,CAAC,GAAG,KAAK,WAAW,IAAI,GAAG,CAAC,GAAG,KAAK,SAAS,EAAE;gBAC3D,IAAI,GAAG,MAAM,CAAC,sBAAkD,CAAC;aAClE;YAED,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAG;YACd,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAG;SACf;IACH,CAAC;CACF","sourcesContent":["import { CSSResult, CSSResultArray, LitElement, PropertyDeclarations } from 'lit-element';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { Themeable } from '../../../mixins/themeable';\nimport { classMap } from '../../../utils/class-map';\n\n/** @deprecated – use internal controls instead */\nexport class Tabs extends LitElement {\n static get properties(): PropertyDeclarations {\n return {\n value: { type: Number },\n size: { type: Number },\n };\n }\n\n static get styles(): CSSResult \| CSSResultArray {\n return Themeable.styles;\n }\n\n value = 0;\n\n size = 0;\n\n render(): TemplateResult {\n const tabs: TemplateResult[] = [];\n const panels: TemplateResult[] = [];\n\n for (let index = 0; index < this.size; ++index) {\n tabs.push(html`\n <button\n id=\"tab-${index}\"\n role=\"tab\"\n class=${classMap({\n 'text-l font-medium px-s rounded focus-outline-none focus-shadow-outline': true,\n 'text-tertiary hover-text-body focus-text-body': this.value !== index,\n })}\n aria-controls=\"panel-${index}\"\n aria-selected=${this.value === index}\n @click=${() => (this.value = index)}\n @keydown=${this.__handleKeyDown}\n >\n <slot name=\"tab-${index}\"></slot>\n </button>\n `);\n\n panels.push(html`\n <slot\n id=\"panel-${index}\"\n role=\"tabpanel\"\n name=\"panel-${index}\"\n class=${classMap({ hidden: this.value !== index })}\n aria-hidden=${this.value !== index}\n aria-labelledby=\"tab-${index}\"\n >\n </slot>\n `);\n }\n\n return html`\n <div role=\"tablist\" aria-orientation=\"horizontal\" class=\"-mx-s mb-s\">${tabs}</div>\n ${panels}\n `;\n }\n\n private __handleKeyDown(evt: KeyboardEvent) {\n if (evt.key.startsWith('Arrow')) {\n evt.preventDefault();\n\n const target = evt.target as HTMLButtonElement;\n let next: HTMLButtonElement \| null = null;\n\n if (evt.key === 'ArrowRight' \|\| evt.key === 'ArrowDown') {\n next = target.nextElementSibling as HTMLButtonElement \| null;\n } else if (evt.key === 'ArrowLeft' \|\| evt.key === 'ArrowUp') {\n next = target.previousElementSibling as HTMLButtonElement \| null;\n }\n\n next?.click();\n next?.focus();\n }\n }\n}\n"]}

package/dist/elements/private/Warning/Warning.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { CSSResult, CSSResultArray, LitElement, TemplateResult } from 'lit-element';
+/** @deprecated – use internal controls instead */
 export declare class Warning extends LitElement {
     static get styles(): CSSResult | CSSResultArray;
     render(): TemplateResult;

package/dist/elements/private/Warning/Warning.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { LitElement, html } from 'lit-element';
 import { Themeable } from "../../../mixins/themeable.js";
+/** @deprecated – use internal controls instead */
 export class Warning extends LitElement {
     static get styles() {
         return Themeable.styles;

package/dist/elements/private/Warning/Warning.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Warning.js","sourceRoot":"","sources":["../../../../src/elements/private/Warning/Warning.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,UAAU,EAAkB,IAAI,EAAE,MAAM,aAAa,CAAC;AAE1F,OAAO,EAAE,SAAS,EAAE,qCAAkC;AAEtD,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAC9B,MAAM,KAAK,MAAM;QACtB,OAAO,SAAS,CAAC,MAAM,CAAC;IAC1B,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;KAKV,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { CSSResult, CSSResultArray, LitElement, TemplateResult, html } from 'lit-element';\n\nimport { Themeable } from '../../../mixins/themeable';\n\nexport class Warning extends LitElement {\n public static get styles(): CSSResult \| CSSResultArray {\n return Themeable.styles;\n }\n\n public render(): TemplateResult {\n return html`\n <p class=\"flex text-s border border-contrast-10 rounded p-s text-body leading-s\">\n <iron-icon icon=\"lumo:error\" class=\"text-error flex-shrink-0 mr-s\"></iron-icon>\n <slot></slot>\n </p>\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"Warning.js","sourceRoot":"","sources":["../../../../src/elements/private/Warning/Warning.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,UAAU,EAAkB,IAAI,EAAE,MAAM,aAAa,CAAC;AAE1F,OAAO,EAAE,SAAS,EAAE,qCAAkC;AAEtD,kDAAkD;AAClD,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAC9B,MAAM,KAAK,MAAM;QACtB,OAAO,SAAS,CAAC,MAAM,CAAC;IAC1B,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;KAKV,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { CSSResult, CSSResultArray, LitElement, TemplateResult, html } from 'lit-element';\n\nimport { Themeable } from '../../../mixins/themeable';\n\n/** @deprecated – use internal controls instead */\nexport class Warning extends LitElement {\n public static get styles(): CSSResult \| CSSResultArray {\n return Themeable.styles;\n }\n\n public render(): TemplateResult {\n return html`\n <p class=\"flex text-s border border-contrast-10 rounded p-s text-body leading-s\">\n <iron-icon icon=\"lumo:error\" class=\"text-error flex-shrink-0 mr-s\"></iron-icon>\n <slot></slot>\n </p>\n `;\n }\n}\n"]}

package/dist/elements/private/WeekdayPicker/WeekdayPicker.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { TemplateResult } from 'lit-element';
 import { MonthdayPicker } from '../MonthdayPicker/MonthdayPicker';
+/** @deprecated – use internal controls instead */
 export declare class WeekdayPicker extends MonthdayPicker {
     protected static readonly _allDays: number[];
     render(): TemplateResult;

package/dist/elements/private/WeekdayPicker/WeekdayPicker.js CHANGED Viewed

@@ -3,6 +3,7 @@ import { concatTruthy } from "../../../utils/concat-truthy.js";
 import { translateWeekday } from "../../../utils/translate-weekday.js";
 import { MonthdayPicker } from "../MonthdayPicker/MonthdayPicker.js";
 import { WeekdayPickerChangeEvent } from "./WeekdayPickerChangeEvent.js";
+/** @deprecated – use internal controls instead */
 export class WeekdayPicker extends MonthdayPicker {
     render() {
         return html `

package/dist/elements/private/WeekdayPicker/WeekdayPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WeekdayPicker.js","sourceRoot":"","sources":["../../../../src/elements/private/WeekdayPicker/WeekdayPicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,wCAAqC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,4CAAyC;AACpE,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAClE,OAAO,EAAE,wBAAwB,EAAE,sCAAmC;AAEtE,MAAM,OAAO,aAAc,SAAQ,cAAc;IAGxC,MAAM;QACX,OAAO,IAAI,CAAA;;;YAGH,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YACjC,OAAO,IAAI,CAAA;6BACM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;kBACnC,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC;;;;8BAI7B,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY;6BACpC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;4BACzB,CAAC,GAAU,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC;;;aAG3D,CAAC;QACJ,CAAC,CAAC;;;UAGF,YAAY,CACZ,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YACnB,IAAI,CAAA;;0DAE0C,IAAI,CAAC,IAAI,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE;;;aAGpF,CACJ;;KAEJ,CAAC;IACJ,CAAC;IAES,cAAc,CAAC,GAAW;QAClC,IAAI,IAAI,GACN,6FAA6F,CAAC;QAEhG,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACvC,IAAI,IAAI,6CAA6C,CAAC;YACtD,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;gBAC9B,CAAC,CAAC,sBAAsB;gBACxB,CAAC,CAAC,8CAA8C,CAAC;SACpD;aAAM;YACL,IAAI,IAAI,mBAAmB,CAAC;YAC5B,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC;SACtE;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,aAAa,CAAC,IAAI,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/D,CAAC;;AAtDyB,sBAAQ,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC","sourcesContent":["import { html, TemplateResult } from 'lit-element';\nimport { concatTruthy } from '../../../utils/concat-truthy';\nimport { translateWeekday } from '../../../utils/translate-weekday';\nimport { MonthdayPicker } from '../MonthdayPicker/MonthdayPicker';\nimport { WeekdayPickerChangeEvent } from './WeekdayPickerChangeEvent';\n\nexport class WeekdayPicker extends MonthdayPicker {\n protected static readonly _allDays = new Array(7).fill(0).map((_, i) => i);\n\n public render(): TemplateResult {\n return html`\n <div class=\"space-y-s\">\n <div class=\"flex flex-wrap -mx-xs -mb-xs text-m uppercase\">\n ${WeekdayPicker._allDays.map(day => {\n return html`\n <label class=${this._getLabelClass(day)}>\n ${translateWeekday(day, this.lang, 'short')}\n <input\n type=\"checkbox\"\n class=\"sr-only\"\n ?disabled=${this.disabled \|\| !this._isI18nReady}\n ?checked=${this.value.includes(day)}\n @change=${(evt: Event) => this._handleChange(evt, day)}\n />\n </label>\n `;\n })}\n </div>\n\n ${concatTruthy(\n this.value.length > 0 &&\n html`\n <p class=\"text-s text-tertiary leading-s\">\n <x-i18n key=\"weekday-picker.hint\" .lang=${this.lang} .opts=${{ days: this.value }}>\n </x-i18n>\n </p>\n `\n )}\n </div>\n `;\n }\n\n protected _getLabelClass(day: number): string {\n let base =\n 'flex items-center justify-center m-xs h-m w-xl rounded font-medium transition duration-200 ';\n\n if (this._isI18nReady && !this.disabled) {\n base += 'cursor-pointer focus-within-shadow-outline ';\n base += this.value.includes(day)\n ? 'text-base bg-primary'\n : 'bg-contrast-5 hover-bg-contrast-10 text-body';\n } else {\n base += 'text-transparent ';\n base += this.value.includes(day) ? 'bg-primary-50' : 'bg-contrast-5';\n }\n\n return base;\n }\n\n protected _sendChange(): void {\n this.dispatchEvent(new WeekdayPickerChangeEvent(this.value));\n }\n}\n"]}
1	+ {"version":3,"file":"WeekdayPicker.js","sourceRoot":"","sources":["../../../../src/elements/private/WeekdayPicker/WeekdayPicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,wCAAqC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,4CAAyC;AACpE,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAClE,OAAO,EAAE,wBAAwB,EAAE,sCAAmC;AAEtE,kDAAkD;AAClD,MAAM,OAAO,aAAc,SAAQ,cAAc;IAGxC,MAAM;QACX,OAAO,IAAI,CAAA;;;YAGH,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YACjC,OAAO,IAAI,CAAA;6BACM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;kBACnC,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC;;;;8BAI7B,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY;6BACpC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;4BACzB,CAAC,GAAU,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC;;;aAG3D,CAAC;QACJ,CAAC,CAAC;;;UAGF,YAAY,CACZ,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YACnB,IAAI,CAAA;;0DAE0C,IAAI,CAAC,IAAI,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE;;;aAGpF,CACJ;;KAEJ,CAAC;IACJ,CAAC;IAES,cAAc,CAAC,GAAW;QAClC,IAAI,IAAI,GACN,6FAA6F,CAAC;QAEhG,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACvC,IAAI,IAAI,6CAA6C,CAAC;YACtD,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;gBAC9B,CAAC,CAAC,sBAAsB;gBACxB,CAAC,CAAC,8CAA8C,CAAC;SACpD;aAAM;YACL,IAAI,IAAI,mBAAmB,CAAC;YAC5B,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC;SACtE;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,aAAa,CAAC,IAAI,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/D,CAAC;;AAtDyB,sBAAQ,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC","sourcesContent":["import { html, TemplateResult } from 'lit-element';\nimport { concatTruthy } from '../../../utils/concat-truthy';\nimport { translateWeekday } from '../../../utils/translate-weekday';\nimport { MonthdayPicker } from '../MonthdayPicker/MonthdayPicker';\nimport { WeekdayPickerChangeEvent } from './WeekdayPickerChangeEvent';\n\n/** @deprecated – use internal controls instead */\nexport class WeekdayPicker extends MonthdayPicker {\n protected static readonly _allDays = new Array(7).fill(0).map((_, i) => i);\n\n public render(): TemplateResult {\n return html`\n <div class=\"space-y-s\">\n <div class=\"flex flex-wrap -mx-xs -mb-xs text-m uppercase\">\n ${WeekdayPicker._allDays.map(day => {\n return html`\n <label class=${this._getLabelClass(day)}>\n ${translateWeekday(day, this.lang, 'short')}\n <input\n type=\"checkbox\"\n class=\"sr-only\"\n ?disabled=${this.disabled \|\| !this._isI18nReady}\n ?checked=${this.value.includes(day)}\n @change=${(evt: Event) => this._handleChange(evt, day)}\n />\n </label>\n `;\n })}\n </div>\n\n ${concatTruthy(\n this.value.length > 0 &&\n html`\n <p class=\"text-s text-tertiary leading-s\">\n <x-i18n key=\"weekday-picker.hint\" .lang=${this.lang} .opts=${{ days: this.value }}>\n </x-i18n>\n </p>\n `\n )}\n </div>\n `;\n }\n\n protected _getLabelClass(day: number): string {\n let base =\n 'flex items-center justify-center m-xs h-m w-xl rounded font-medium transition duration-200 ';\n\n if (this._isI18nReady && !this.disabled) {\n base += 'cursor-pointer focus-within-shadow-outline ';\n base += this.value.includes(day)\n ? 'text-base bg-primary'\n : 'bg-contrast-5 hover-bg-contrast-10 text-body';\n } else {\n base += 'text-transparent ';\n base += this.value.includes(day) ? 'bg-primary-50' : 'bg-contrast-5';\n }\n\n return base;\n }\n\n protected _sendChange(): void {\n this.dispatchEvent(new WeekdayPickerChangeEvent(this.value));\n }\n}\n"]}

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

@@ -20,6 +20,7 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
  *
  * @element foxy-cancellation-form
  * @since 1.4.0
+ * @deprecated
  */
 export declare class CancellationForm extends Base<Data> {
     static get scopedElements(): ScopedElementsMap;

package/dist/elements/public/CancellationForm/CancellationForm.js CHANGED Viewed

@@ -22,6 +22,7 @@ const Base = ScopedElementsMixin(ThemeableMixin(ConfigurableMixin(TranslatableMi
  *
  * @element foxy-cancellation-form
  * @since 1.4.0
+ * @deprecated
  */
 export class CancellationForm extends Base {
     constructor() {

package/dist/elements/public/CancellationForm/CancellationForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CancellationForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CancellationForm/CancellationForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates } from './types';\nimport { Group, Warning } from '../../private/index';\nimport { TemplateResult, html } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { InternalCalendar } from '../../internal/InternalCalendar/InternalCalendar';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { ScopedElementsMap } from '@open-wc/scoped-elements/src/types';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { serializeDate } from '../../../utils/serialize-date';\n\nconst NS = 'cancellation-form';\nconst Base = ScopedElementsMixin(\n ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/*\n Form element for canceling subscriptions.\n \n @slot warning:before\n * @slot warning:after\n * @slot end-date:before\n * @slot end-date:after\n * @slot submit:before\n * @slot submit:after\n \n @element foxy-cancellation-form\n * @since 1.4.0\n */\nexport class CancellationForm extends Base<Data> {\n static get scopedElements(): ScopedElementsMap {\n return {\n 'foxy-internal-calendar': customElements.get('foxy-internal-calendar'),\n 'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n 'vaadin-button': customElements.get('vaadin-button'),\n 'foxy-spinner': customElements.get('foxy-spinner'),\n 'foxy-i18n': customElements.get('foxy-i18n'),\n 'x-warning': Warning,\n 'x-group': Group,\n };\n }\n\n static get v8n(): NucleonV8N<Data> {\n return [({ end_date: v }) => !!v \|\| 'end_date_required'];\n }\n\n templates: Templates = {};\n\n private readonly __renderWarning = () => {\n const { lang, ns } = this;\n\n return html`\n <div>\n ${this.renderTemplateOrSlot('warning:before')}\n\n <x-warning>\n <foxy-i18n\n data-testid=\"warning\"\n class=${classMap({ 'text-disabled': !this.in({ idle: 'snapshot' }) })}\n lang=${lang}\n key=\"end_subscription_explainer\"\n ns=${ns}\n >\n </foxy-i18n>\n </x-warning>\n\n ${this.renderTemplateOrSlot('warning:after')}\n </div>\n `;\n };\n\n private readonly __renderEndDate = () => {\n const { constructor, lang, ns } = this;\n const tomorrow = (constructor as typeof CancellationForm).__tomorrow.getTime();\n const isIdleSnapshot = this.in({ idle: 'snapshot' });\n\n return html`\n <div>\n ${this.renderTemplateOrSlot('end-date:before')}\n\n <x-group frame>\n <foxy-i18n\n data-testid=\"end-date-label\"\n class=${classMap({ 'text-disabled': !isIdleSnapshot })}\n slot=\"header\"\n lang=${lang}\n key=\"end_date\"\n ns=${ns}\n >\n </foxy-i18n>\n\n <foxy-internal-calendar\n data-testid=\"end-date\"\n .checkAvailability=${(date: Date) => date.getTime() >= tomorrow}\n ?disabled=${!isIdleSnapshot \|\| this.disabledSelector.matches('end-date', true)}\n ?readonly=${!!this.data?.end_date \|\| this.readonlySelector.matches('end-date', true)}\n value=${ifDefined(this.form.end_date ?? undefined)}\n lang=${lang}\n @change=${(evt: CustomEvent<void>) => {\n this.edit({ end_date: (evt.target as InternalCalendar).value });\n }}\n >\n </foxy-internal-calendar>\n </x-group>\n\n ${this.renderTemplateOrSlot('end-date:after')}\n </div>\n `;\n };\n\n private readonly __renderSubmit = () => {\n const isValid =\n this.in({ idle: { snapshot: { clean: 'valid' } } }) \|\|\n this.in({ idle: { snapshot: { dirty: 'valid' } } });\n\n return html`\n <div>\n ${this.renderTemplateOrSlot('submit:before')}\n\n <vaadin-button\n data-testid=\"submit\"\n ?disabled=${!isValid \|\| this.disabledSelector.matches('submit', true)}\n theme=\"primary error\"\n class=\"w-full\"\n @click=${() => this.submit()}\n >\n <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"end_subscription\"></foxy-i18n>\n </vaadin-button>\n\n ${this.renderTemplateOrSlot('submit:after')}\n </div>\n `;\n };\n\n render(): TemplateResult {\n const hiddenSelector = this.hiddenSelector;\n const isBusy = this.in('busy');\n const isFail = this.in('fail');\n\n return html`\n <div class=\"space-y-l font-lumo text-m text-body leading-m relative\">\n ${hiddenSelector.matches('warning', true) ? '' : this.__renderWarning()}\n ${hiddenSelector.matches('end-date', true) ? '' : this.__renderEndDate()}\n ${hiddenSelector.matches('submit', true) ? '' : this.__renderSubmit()}\n\n <div\n data-testid=\"spinner\"\n class=${classMap({\n 'transition duration-500 ease-in-out absolute inset-0 flex': true,\n 'opacity-0 pointer-events-none': !isBusy && !isFail,\n })}\n >\n <foxy-spinner\n layout=\"vertical\"\n class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n state=${isFail ? 'error' : isBusy ? 'busy' : 'empty'}\n lang=${this.lang}\n ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n >\n </foxy-spinner>\n </div>\n </div>\n `;\n }\n\n submit(): void {\n if (!this.form.end_date) {\n const staticThis = this.constructor as typeof CancellationForm;\n this.edit({ end_date: serializeDate(staticThis.__tomorrow) });\n }\n\n super.submit();\n }\n\n private static get __tomorrow() {\n const date = new Date();\n date.setDate(date.getDate() + 1);\n date.setHours(0, 0, 0, 0);\n return date;\n }\n}\n"]}
1	+ {"version":3,"file":"CancellationForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CancellationForm/CancellationForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates } from './types';\nimport { Group, Warning } from '../../private/index';\nimport { TemplateResult, html } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { InternalCalendar } from '../../internal/InternalCalendar/InternalCalendar';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { ScopedElementsMap } from '@open-wc/scoped-elements/src/types';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { serializeDate } from '../../../utils/serialize-date';\n\nconst NS = 'cancellation-form';\nconst Base = ScopedElementsMixin(\n ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/*\n Form element for canceling subscriptions.\n \n @slot warning:before\n * @slot warning:after\n * @slot end-date:before\n * @slot end-date:after\n * @slot submit:before\n * @slot submit:after\n \n @element foxy-cancellation-form\n * @since 1.4.0\n * @deprecated\n */\nexport class CancellationForm extends Base<Data> {\n static get scopedElements(): ScopedElementsMap {\n return {\n 'foxy-internal-calendar': customElements.get('foxy-internal-calendar'),\n 'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n 'vaadin-button': customElements.get('vaadin-button'),\n 'foxy-spinner': customElements.get('foxy-spinner'),\n 'foxy-i18n': customElements.get('foxy-i18n'),\n 'x-warning': Warning,\n 'x-group': Group,\n };\n }\n\n static get v8n(): NucleonV8N<Data> {\n return [({ end_date: v }) => !!v \|\| 'end_date_required'];\n }\n\n templates: Templates = {};\n\n private readonly __renderWarning = () => {\n const { lang, ns } = this;\n\n return html`\n <div>\n ${this.renderTemplateOrSlot('warning:before')}\n\n <x-warning>\n <foxy-i18n\n data-testid=\"warning\"\n class=${classMap({ 'text-disabled': !this.in({ idle: 'snapshot' }) })}\n lang=${lang}\n key=\"end_subscription_explainer\"\n ns=${ns}\n >\n </foxy-i18n>\n </x-warning>\n\n ${this.renderTemplateOrSlot('warning:after')}\n </div>\n `;\n };\n\n private readonly __renderEndDate = () => {\n const { constructor, lang, ns } = this;\n const tomorrow = (constructor as typeof CancellationForm).__tomorrow.getTime();\n const isIdleSnapshot = this.in({ idle: 'snapshot' });\n\n return html`\n <div>\n ${this.renderTemplateOrSlot('end-date:before')}\n\n <x-group frame>\n <foxy-i18n\n data-testid=\"end-date-label\"\n class=${classMap({ 'text-disabled': !isIdleSnapshot })}\n slot=\"header\"\n lang=${lang}\n key=\"end_date\"\n ns=${ns}\n >\n </foxy-i18n>\n\n <foxy-internal-calendar\n data-testid=\"end-date\"\n .checkAvailability=${(date: Date) => date.getTime() >= tomorrow}\n ?disabled=${!isIdleSnapshot \|\| this.disabledSelector.matches('end-date', true)}\n ?readonly=${!!this.data?.end_date \|\| this.readonlySelector.matches('end-date', true)}\n value=${ifDefined(this.form.end_date ?? undefined)}\n lang=${lang}\n @change=${(evt: CustomEvent<void>) => {\n this.edit({ end_date: (evt.target as InternalCalendar).value });\n }}\n >\n </foxy-internal-calendar>\n </x-group>\n\n ${this.renderTemplateOrSlot('end-date:after')}\n </div>\n `;\n };\n\n private readonly __renderSubmit = () => {\n const isValid =\n this.in({ idle: { snapshot: { clean: 'valid' } } }) \|\|\n this.in({ idle: { snapshot: { dirty: 'valid' } } });\n\n return html`\n <div>\n ${this.renderTemplateOrSlot('submit:before')}\n\n <vaadin-button\n data-testid=\"submit\"\n ?disabled=${!isValid \|\| this.disabledSelector.matches('submit', true)}\n theme=\"primary error\"\n class=\"w-full\"\n @click=${() => this.submit()}\n >\n <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"end_subscription\"></foxy-i18n>\n </vaadin-button>\n\n ${this.renderTemplateOrSlot('submit:after')}\n </div>\n `;\n };\n\n render(): TemplateResult {\n const hiddenSelector = this.hiddenSelector;\n const isBusy = this.in('busy');\n const isFail = this.in('fail');\n\n return html`\n <div class=\"space-y-l font-lumo text-m text-body leading-m relative\">\n ${hiddenSelector.matches('warning', true) ? '' : this.__renderWarning()}\n ${hiddenSelector.matches('end-date', true) ? '' : this.__renderEndDate()}\n ${hiddenSelector.matches('submit', true) ? '' : this.__renderSubmit()}\n\n <div\n data-testid=\"spinner\"\n class=${classMap({\n 'transition duration-500 ease-in-out absolute inset-0 flex': true,\n 'opacity-0 pointer-events-none': !isBusy && !isFail,\n })}\n >\n <foxy-spinner\n layout=\"vertical\"\n class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n state=${isFail ? 'error' : isBusy ? 'busy' : 'empty'}\n lang=${this.lang}\n ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n >\n </foxy-spinner>\n </div>\n </div>\n `;\n }\n\n submit(): void {\n if (!this.form.end_date) {\n const staticThis = this.constructor as typeof CancellationForm;\n this.edit({ end_date: serializeDate(staticThis.__tomorrow) });\n }\n\n super.submit();\n }\n\n private static get __tomorrow() {\n const date = new Date();\n date.setDate(date.getDate() + 1);\n date.setHours(0, 0, 0, 0);\n return date;\n }\n}\n"]}

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

@@ -1,31 +1,31 @@
-import { Data, Templates } from './types';
-import { ScopedElementsMap } from '@open-wc/scoped-elements';
-import { TemplateResult } from 'lit-html';
-import { NucleonElement } from '../NucleonElement/NucleonElement';
-import { NucleonV8N } from '../NucleonElement/types';
-declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+import type { Data, Templates } from './types';
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
+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("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost> & {
-    styles: import("lit-element").CSSResultArray;
-} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+};
 /**
  * Form element for importing coupon codes (`fx:coupon_codes`).
  *
- * @slot codes:before
- * @slot codes:after
+ * @slot coupon-codes:before - **new in v1.27.0**
+ * @slot coupon-codes:after - **new in v1.27.0**
  *
- * @slot import:before
- * @slot import:after
+ * @slot create:before - **new in v1.27.0**
+ * @slot create:after - **new in v1.27.0**
  *
  * @element foxy-coupon-codes-form
  * @since 1.15.0
  */
 export declare class CouponCodesForm extends Base<Data> {
-    static get scopedElements(): ScopedElementsMap;
     static get v8n(): NucleonV8N<Data>;
     templates: Templates;
-    render(): TemplateResult;
-    private __renderCodes;
-    private __renderImport;
+    private readonly __couponCodesGetValue;
+    private readonly __couponCodesSetValue;
+    get readonlySelector(): BooleanSelector;
+    get hiddenSelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+    protected _sendPost(edits: Partial<Data>): Promise<Data>;
 }
 export {};