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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"I18N.js","sourceRoot":"","sources":["../../../../src/elements/private/I18N/I18N.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAkB,IAAI,EAAwC,MAAM,aAAa,CAAC;AAC9F,OAAO,EAAE,YAAY,EAAE,wCAAqC;AAC5D,OAAO,EAAE,QAAQ,EAAE,gCAA6B;AAKhD,MAAM,OAAO,IAAK,SAAQ,YAAY;IAAtC;;QA6BS,QAAG,GAAG,EAAE,CAAC;IAelB,CAAC;IA3CQ,MAAM,KAAK,cAAc;QAC9B,OAAO;YACL,YAAY,EAAE,QAAQ;SACvB,CAAC;IACJ,CAAC;IAEM,MAAM,KAAK,UAAU;QAC1B,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;YACpC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACvB,CAAC;IACJ,CAAC;IAEM,MAAM,KAAK,MAAM;QACtB,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;;;;OAOF;SACF,CAAC;IACJ,CAAC;IAMD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,cAAe,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC9D,CAAC;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;SAC3D;aAAM;YACL,OAAO,IAAI,CAAA,6BAA6B,IAAI,CAAC,GAAG,4BAA4B,CAAC;SAC9E;IACH,CAAC;CACF","sourcesContent":["import { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport { TOptions } from 'i18next';\nimport { css, CSSResultArray, html, TemplateResult, PropertyDeclarations } from 'lit-element';\nimport { Translatable } from '../../../mixins/translatable';\nimport { Skeleton } from '../Skeleton/Skeleton';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type I18NOptions = TOptions<any>;\n\nexport class I18N extends Translatable {\n public static get scopedElements(): ScopedElementsMap {\n return {\n 'x-skeleton': Skeleton,\n };\n }\n\n public static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n key: { type: String, reflect: true },\n opts: { type: Object },\n };\n }\n\n public static get styles(): CSSResultArray {\n return [\n super.styles,\n css`\n :host {\n display: inline-block;\n color: inherit;\n line-height: inherit;\n font: inherit;\n }\n `,\n ];\n }\n\n public key = '';\n\n public opts?: I18NOptions;\n\n public get whenReady(): Promise<unknown> {\n return this._whenI18nReady!.then(() => this.updateComplete);\n }\n\n public render(): TemplateResult {\n if (this._isI18nReady) {\n return html`${this._t(this.key, this.opts)}<slot></slot>`;\n } else {\n return html`<x-skeleton class=\"block\">${this.key}<slot></slot></x-skeleton>`;\n }\n }\n}\n"]}
1	+ {"version":3,"file":"I18N.js","sourceRoot":"","sources":["../../../../src/elements/private/I18N/I18N.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAkB,IAAI,EAAwC,MAAM,aAAa,CAAC;AAC9F,OAAO,EAAE,YAAY,EAAE,wCAAqC;AAC5D,OAAO,EAAE,QAAQ,EAAE,gCAA6B;AAKhD,kDAAkD;AAClD,MAAM,OAAO,IAAK,SAAQ,YAAY;IAAtC;;QA6BS,QAAG,GAAG,EAAE,CAAC;IAelB,CAAC;IA3CQ,MAAM,KAAK,cAAc;QAC9B,OAAO;YACL,YAAY,EAAE,QAAQ;SACvB,CAAC;IACJ,CAAC;IAEM,MAAM,KAAK,UAAU;QAC1B,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;YACpC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACvB,CAAC;IACJ,CAAC;IAEM,MAAM,KAAK,MAAM;QACtB,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;;;;OAOF;SACF,CAAC;IACJ,CAAC;IAMD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,cAAe,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC9D,CAAC;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;SAC3D;aAAM;YACL,OAAO,IAAI,CAAA,6BAA6B,IAAI,CAAC,GAAG,4BAA4B,CAAC;SAC9E;IACH,CAAC;CACF","sourcesContent":["import { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport { TOptions } from 'i18next';\nimport { css, CSSResultArray, html, TemplateResult, PropertyDeclarations } from 'lit-element';\nimport { Translatable } from '../../../mixins/translatable';\nimport { Skeleton } from '../Skeleton/Skeleton';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type I18NOptions = TOptions<any>;\n\n/** @deprecated – use internal controls instead */\nexport class I18N extends Translatable {\n public static get scopedElements(): ScopedElementsMap {\n return {\n 'x-skeleton': Skeleton,\n };\n }\n\n public static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n key: { type: String, reflect: true },\n opts: { type: Object },\n };\n }\n\n public static get styles(): CSSResultArray {\n return [\n super.styles,\n css`\n :host {\n display: inline-block;\n color: inherit;\n line-height: inherit;\n font: inherit;\n }\n `,\n ];\n }\n\n public key = '';\n\n public opts?: I18NOptions;\n\n public get whenReady(): Promise<unknown> {\n return this._whenI18nReady!.then(() => this.updateComplete);\n }\n\n public render(): TemplateResult {\n if (this._isI18nReady) {\n return html`${this._t(this.key, this.opts)}<slot></slot>`;\n } else {\n return html`<x-skeleton class=\"block\">${this.key}<slot></slot></x-skeleton>`;\n }\n }\n}\n"]}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/elements/private/List/List.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAGV,IAAI,GACL,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,eAAe,EAAE,6BAA0B;AACpD,OAAO,EAAE,SAAS,EAAE,qCAAkC;AAEtD,MAAM,OAAO,IAAK,SAAQ,UAAU;IAApC;;QAcS,UAAK,GAAa,EAAE,CAAC;QAErB,aAAQ,GAAG,KAAK,CAAC;QAEjB,YAAO,GAA8B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAqCrD,CAAC;IAtDQ,MAAM,KAAK,UAAU;QAC1B,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACtB,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,CAAC;IACJ,CAAC;IAEM,MAAM,KAAK,MAAM;QACtB,OAAO,SAAS,CAAC,MAAM,CAAC;IAC1B,CAAC;IAQM,MAAM;QACX,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAChC,OAAO,IAAI,CAAA;;wBAEC,sDAAsD;gBAC9D,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC;;6BAEpC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;;;8BAG3B,IAAI,CAAC,QAAQ;;2BAEhB,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;;;;;aAKxC,CAAC;QACJ,CAAC,CAAC;;;;;;;KAOP,CAAC;IACJ,CAAC;IAEO,QAAQ,CAAC,KAAa;QAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QACtD,IAAI,CAAC,aAAa,CAAC,IAAI,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACtD,CAAC;CACF","sourcesContent":["import {\n CSSResult,\n CSSResultArray,\n LitElement,\n PropertyDeclarations,\n TemplateResult,\n html,\n} from 'lit-element';\n\nimport { ListChangeEvent } from './ListChangeEvent';\nimport { Themeable } from '../../../mixins/themeable';\n\nexport class List extends LitElement {\n public static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n value: { type: Array },\n disabled: { type: Boolean },\n getText: { type: Object },\n };\n }\n\n public static get styles(): CSSResult \| CSSResultArray {\n return Themeable.styles;\n }\n\n public value: string[] = [];\n\n public disabled = false;\n\n public getText: (value: string) => string = v => v;\n\n public render(): TemplateResult {\n return html`\n <div class=\"font-lumo text-m w-full\">\n <ul>\n ${this.value.map((value, index) => {\n return html`\n <li\n class=${'ml-m h-l text-body flex justify-between items-center' +\n (index > 0 ? ' border-t border-contrast-10' : '')}\n >\n <slot name=${index}>${this.getText(value)}</slot>\n\n <button\n ?disabled=${this.disabled}\n class=\"w-l h-l rounded text-tertiary transition duration-150 hover-text-secondary disabled-text-tertiary disabled-opacity-50 disabled-cursor-default focus-outline-none focus-shadow-outline\"\n @click=${() => this.__remove(index)}\n >\n <iron-icon icon=\"lumo:cross\"></iron-icon>\n </button>\n </li>\n `;\n })}\n </ul>\n\n <div class=\"p-m\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n private __remove(index: number) {\n this.value = this.value.filter((_, i) => i !== index);\n this.dispatchEvent(new ListChangeEvent(this.value));\n }\n}\n"]}
1	+ {"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/elements/private/List/List.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAGV,IAAI,GACL,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,eAAe,EAAE,6BAA0B;AACpD,OAAO,EAAE,SAAS,EAAE,qCAAkC;AAEtD,kDAAkD;AAClD,MAAM,OAAO,IAAK,SAAQ,UAAU;IAApC;;QAcS,UAAK,GAAa,EAAE,CAAC;QAErB,aAAQ,GAAG,KAAK,CAAC;QAEjB,YAAO,GAA8B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAqCrD,CAAC;IAtDQ,MAAM,KAAK,UAAU;QAC1B,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACtB,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,CAAC;IACJ,CAAC;IAEM,MAAM,KAAK,MAAM;QACtB,OAAO,SAAS,CAAC,MAAM,CAAC;IAC1B,CAAC;IAQM,MAAM;QACX,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAChC,OAAO,IAAI,CAAA;;wBAEC,sDAAsD;gBAC9D,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC;;6BAEpC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;;;8BAG3B,IAAI,CAAC,QAAQ;;2BAEhB,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;;;;;aAKxC,CAAC;QACJ,CAAC,CAAC;;;;;;;KAOP,CAAC;IACJ,CAAC;IAEO,QAAQ,CAAC,KAAa;QAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QACtD,IAAI,CAAC,aAAa,CAAC,IAAI,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACtD,CAAC;CACF","sourcesContent":["import {\n CSSResult,\n CSSResultArray,\n LitElement,\n PropertyDeclarations,\n TemplateResult,\n html,\n} from 'lit-element';\n\nimport { ListChangeEvent } from './ListChangeEvent';\nimport { Themeable } from '../../../mixins/themeable';\n\n/** @deprecated – use internal controls instead */\nexport class List extends LitElement {\n public static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n value: { type: Array },\n disabled: { type: Boolean },\n getText: { type: Object },\n };\n }\n\n public static get styles(): CSSResult \| CSSResultArray {\n return Themeable.styles;\n }\n\n public value: string[] = [];\n\n public disabled = false;\n\n public getText: (value: string) => string = v => v;\n\n public render(): TemplateResult {\n return html`\n <div class=\"font-lumo text-m w-full\">\n <ul>\n ${this.value.map((value, index) => {\n return html`\n <li\n class=${'ml-m h-l text-body flex justify-between items-center' +\n (index > 0 ? ' border-t border-contrast-10' : '')}\n >\n <slot name=${index}>${this.getText(value)}</slot>\n\n <button\n ?disabled=${this.disabled}\n class=\"w-l h-l rounded text-tertiary transition duration-150 hover-text-secondary disabled-text-tertiary disabled-opacity-50 disabled-cursor-default focus-outline-none focus-shadow-outline\"\n @click=${() => this.__remove(index)}\n >\n <iron-icon icon=\"lumo:cross\"></iron-icon>\n </button>\n </li>\n `;\n })}\n </ul>\n\n <div class=\"p-m\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n private __remove(index: number) {\n this.value = this.value.filter((_, i) => i !== index);\n this.dispatchEvent(new ListChangeEvent(this.value));\n }\n}\n"]}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LoadingScreen.js","sourceRoot":"","sources":["../../../../src/elements/private/LoadingScreen/LoadingScreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,qCAAkC;AAEtD,MAAM,OAAO,aAAc,SAAQ,UAAU;IACpC,MAAM,KAAK,MAAM;QACtB,OAAO;YACL,SAAS,CAAC,MAAM;YAChB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgDF;SACF,CAAC;IACJ,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2EV,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { CSSResultArray, LitElement, css } from 'lit-element';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { Themeable } from '../../../mixins/themeable';\n\nexport class LoadingScreen extends LitElement {\n public static get styles(): CSSResultArray {\n return [\n Themeable.styles,\n css`\n :host {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n .top-center {\n top: calc(50% - (var(--lumo-size-xl) / 2));\n }\n\n @keyframes dash0 {\n from {\n transform: translate(0, 0);\n }\n to {\n transform: translate(5.681301px, 3.368302px);\n }\n }\n\n @keyframes dash1 {\n from {\n transform: translate(0, 0);\n }\n to {\n transform: translate(5.677051px, 3.457428px);\n }\n }\n\n @keyframes dash2 {\n from {\n transform: translate(0, 0);\n }\n to {\n transform: translate(5.686002px, 3.127455px);\n }\n }\n\n @keyframes dash3 {\n from {\n transform: translate(-5.6842px, -3.404556px);\n }\n to {\n transform: translate(0, 0);\n }\n }\n `,\n ];\n }\n\n public render(): TemplateResult {\n return html`\n <div class=\"h-full bg-base text-primary\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"fill-current w-xl h-xl mx-auto sticky top-center\"\n shape-rendering=\"geometricPrecision\"\n text-rendering=\"geometricPrecision\"\n viewBox=\"0 0 64 64\"\n >\n <path\n id=\"ew5fy7afo2w2\"\n fill-rule=\"evenodd\"\n stroke=\"none\"\n stroke-width=\"1\"\n d=\"M41.93 49.46c0 .18-.2.3-.36.2l-1.78-1.07-22.73-13.76a1.5 1.5 0 01-.7-1.3V11.08c0-.18.2-.3.36-.2l1.75 1.04c.44.25.74.75.74 1.32v19.27c0 .08.05.16.12.2L41.22 46c.47.28.73.8.72 1.32v2.15z\"\n clip-rule=\"evenodd\"\n />\n\n <path\n id=\"ew5fy7afo2w3\"\n fill-rule=\"evenodd\"\n stroke=\"none\"\n stroke-width=\"1\"\n d=\"M47.64 52.9c0 .2-.2.3-.36.21l-1.8-1.08c-.42-.26-.7-.74-.7-1.3v-19.3a.24.24 0 00-.12-.2L25.27 19.47a.24.24 0 00-.37.21v12.55c0 .19-.21.3-.37.2l-1.76-1.06a1.46 1.46 0 01-.71-1.28V16.7c0-.54.27-1.03.71-1.3.45-.27 1-.26 1.44 0l22.72 13.77c.44.26.7.76.7 1.3v20.27l.01 2.17z\"\n clip-rule=\"evenodd\"\n />\n\n <g style=\"animation:dash0 300ms linear infinite normal forwards\">\n <path\n id=\"ew5fy7afo2w4\"\n fill-rule=\"evenodd\"\n stroke=\"none\"\n stroke-width=\"1\"\n d=\"M30.59 35.68c0 .2-.21.3-.37.21l-1.8-1.1c-.41-.27-.68-.74-.68-1.28V27v-2.15c0-.2.2-.3.37-.21l1.78 1.06c.42.26.7.74.7 1.3v8.68z\"\n clip-rule=\"evenodd\"\n />\n </g>\n\n <g style=\"animation:dash1 300ms linear infinite normal forwards\">\n <path\n id=\"ew5fy7afo2w5\"\n fill-rule=\"evenodd\"\n stroke=\"none\"\n stroke-width=\"1\"\n d=\"M36.28 39.13c0 .2-.2.3-.37.21l-1.79-1.1c-.41-.25-.69-.73-.69-1.28v-6.51-2.16c0-.2.2-.31.37-.21l1.76 1.06c.44.26.73.75.73 1.3v8.69z\"\n clip-rule=\"evenodd\"\n />\n </g>\n\n <g style=\"animation:dash2 300ms linear infinite normal forwards\">\n <path\n id=\"ew5fy7afo2w6\"\n fill-rule=\"evenodd\"\n stroke=\"none\"\n stroke-width=\"1\"\n d=\"M41.96 42.57c0 .2-.2.3-.37.21L39.8 41.7a1.52 1.52 0 01-.71-1.3v-6.51-2.17c0-.2.2-.31.37-.21l1.74 1.06c.45.25.75.75.75 1.32v8.68z\"\n clip-rule=\"evenodd\"\n />\n </g>\n\n <g\n transform=\"translate(-5.68 -3.4)\"\n style=\"animation:dash3 300ms linear infinite normal forwards\"\n >\n <path\n id=\"ew5fy7afo2w7\"\n fill-rule=\"evenodd\"\n stroke=\"none\"\n stroke-width=\"1\"\n d=\"M30.59 35.68c0 .2-.21.3-.37.21l-1.8-1.1c-.41-.27-.68-.74-.68-1.28V27v-2.15c0-.2.2-.3.37-.21l1.78 1.06c.42.26.7.74.7 1.3v8.68z\"\n clip-rule=\"evenodd\"\n />\n </g>\n </svg>\n </div>\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"LoadingScreen.js","sourceRoot":"","sources":["../../../../src/elements/private/LoadingScreen/LoadingScreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,qCAAkC;AAEtD,kDAAkD;AAClD,MAAM,OAAO,aAAc,SAAQ,UAAU;IACpC,MAAM,KAAK,MAAM;QACtB,OAAO;YACL,SAAS,CAAC,MAAM;YAChB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgDF;SACF,CAAC;IACJ,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2EV,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { CSSResultArray, LitElement, css } from 'lit-element';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { Themeable } from '../../../mixins/themeable';\n\n/** @deprecated – use internal controls instead */\nexport class LoadingScreen extends LitElement {\n public static get styles(): CSSResultArray {\n return [\n Themeable.styles,\n css`\n :host {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n .top-center {\n top: calc(50% - (var(--lumo-size-xl) / 2));\n }\n\n @keyframes dash0 {\n from {\n transform: translate(0, 0);\n }\n to {\n transform: translate(5.681301px, 3.368302px);\n }\n }\n\n @keyframes dash1 {\n from {\n transform: translate(0, 0);\n }\n to {\n transform: translate(5.677051px, 3.457428px);\n }\n }\n\n @keyframes dash2 {\n from {\n transform: translate(0, 0);\n }\n to {\n transform: translate(5.686002px, 3.127455px);\n }\n }\n\n @keyframes dash3 {\n from {\n transform: translate(-5.6842px, -3.404556px);\n }\n to {\n transform: translate(0, 0);\n }\n }\n `,\n ];\n }\n\n public render(): TemplateResult {\n return html`\n <div class=\"h-full bg-base text-primary\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"fill-current w-xl h-xl mx-auto sticky top-center\"\n shape-rendering=\"geometricPrecision\"\n text-rendering=\"geometricPrecision\"\n viewBox=\"0 0 64 64\"\n >\n <path\n id=\"ew5fy7afo2w2\"\n fill-rule=\"evenodd\"\n stroke=\"none\"\n stroke-width=\"1\"\n d=\"M41.93 49.46c0 .18-.2.3-.36.2l-1.78-1.07-22.73-13.76a1.5 1.5 0 01-.7-1.3V11.08c0-.18.2-.3.36-.2l1.75 1.04c.44.25.74.75.74 1.32v19.27c0 .08.05.16.12.2L41.22 46c.47.28.73.8.72 1.32v2.15z\"\n clip-rule=\"evenodd\"\n />\n\n <path\n id=\"ew5fy7afo2w3\"\n fill-rule=\"evenodd\"\n stroke=\"none\"\n stroke-width=\"1\"\n d=\"M47.64 52.9c0 .2-.2.3-.36.21l-1.8-1.08c-.42-.26-.7-.74-.7-1.3v-19.3a.24.24 0 00-.12-.2L25.27 19.47a.24.24 0 00-.37.21v12.55c0 .19-.21.3-.37.2l-1.76-1.06a1.46 1.46 0 01-.71-1.28V16.7c0-.54.27-1.03.71-1.3.45-.27 1-.26 1.44 0l22.72 13.77c.44.26.7.76.7 1.3v20.27l.01 2.17z\"\n clip-rule=\"evenodd\"\n />\n\n <g style=\"animation:dash0 300ms linear infinite normal forwards\">\n <path\n id=\"ew5fy7afo2w4\"\n fill-rule=\"evenodd\"\n stroke=\"none\"\n stroke-width=\"1\"\n d=\"M30.59 35.68c0 .2-.21.3-.37.21l-1.8-1.1c-.41-.27-.68-.74-.68-1.28V27v-2.15c0-.2.2-.3.37-.21l1.78 1.06c.42.26.7.74.7 1.3v8.68z\"\n clip-rule=\"evenodd\"\n />\n </g>\n\n <g style=\"animation:dash1 300ms linear infinite normal forwards\">\n <path\n id=\"ew5fy7afo2w5\"\n fill-rule=\"evenodd\"\n stroke=\"none\"\n stroke-width=\"1\"\n d=\"M36.28 39.13c0 .2-.2.3-.37.21l-1.79-1.1c-.41-.25-.69-.73-.69-1.28v-6.51-2.16c0-.2.2-.31.37-.21l1.76 1.06c.44.26.73.75.73 1.3v8.69z\"\n clip-rule=\"evenodd\"\n />\n </g>\n\n <g style=\"animation:dash2 300ms linear infinite normal forwards\">\n <path\n id=\"ew5fy7afo2w6\"\n fill-rule=\"evenodd\"\n stroke=\"none\"\n stroke-width=\"1\"\n d=\"M41.96 42.57c0 .2-.2.3-.37.21L39.8 41.7a1.52 1.52 0 01-.71-1.3v-6.51-2.17c0-.2.2-.31.37-.21l1.74 1.06c.45.25.75.75.75 1.32v8.68z\"\n clip-rule=\"evenodd\"\n />\n </g>\n\n <g\n transform=\"translate(-5.68 -3.4)\"\n style=\"animation:dash3 300ms linear infinite normal forwards\"\n >\n <path\n id=\"ew5fy7afo2w7\"\n fill-rule=\"evenodd\"\n stroke=\"none\"\n stroke-width=\"1\"\n d=\"M30.59 35.68c0 .2-.21.3-.37.21l-1.8-1.1c-.41-.27-.68-.74-.68-1.28V27v-2.15c0-.2.2-.3.37-.21l1.78 1.06c.42.26.7.74.7 1.3v8.68z\"\n clip-rule=\"evenodd\"\n />\n </g>\n </svg>\n </div>\n `;\n }\n}\n"]}

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

@@ -1,6 +1,7 @@
 import type { PropertyDeclarations } from 'lit-element';
 import type { TemplateResult } from 'lit-html';
 import { Themeable } from '../../../mixins/themeable';
+/** @deprecated – use internal controls instead */
 export declare class Metadata extends Themeable {
     static get properties(): PropertyDeclarations;
     /** @deprecated */

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Metadata.js","sourceRoot":"","sources":["../../../../src/elements/private/Metadata/Metadata.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,qCAAkC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,QAAS,SAAQ,SAAS;IAAvC;;QASE,kBAAkB;QAClB,aAAQ,GAAG,KAAK,CAAC;QAEjB,UAAK,GAAsC,EAAE,CAAC;IAWhD,CAAC;IAtBC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;YAC1C,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC5B,CAAC;IACJ,CAAC;IAOD,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE;YACtC,OAAO,IAAI,CAAA,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,QAAQ,GAAG,IAAI,IAAI,KAAK,EAAE,CAAC;QAC9D,CAAC,CAAC;;KAEL,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\n\nimport { Themeable } from '../../../mixins/themeable';\nimport { html } from 'lit-html';\n\nexport class Metadata extends Themeable {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n disabled: { type: Boolean, reflect: true },\n items: { attribute: false },\n };\n }\n\n /** @deprecated */\n disabled = false;\n\n items: { name: string; value: string }[] = [];\n\n render(): TemplateResult {\n return html`\n <p class=\"font-lumo text-xs leading-s text-secondary\">\n ${this.items.map(({ name, value }, i) => {\n return html`${i === 0 ? '' : html`•`}${name} ${value}`;\n })}\n </p>\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"Metadata.js","sourceRoot":"","sources":["../../../../src/elements/private/Metadata/Metadata.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,qCAAkC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,kDAAkD;AAClD,MAAM,OAAO,QAAS,SAAQ,SAAS;IAAvC;;QASE,kBAAkB;QAClB,aAAQ,GAAG,KAAK,CAAC;QAEjB,UAAK,GAAsC,EAAE,CAAC;IAWhD,CAAC;IAtBC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;YAC1C,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC5B,CAAC;IACJ,CAAC;IAOD,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE;YACtC,OAAO,IAAI,CAAA,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,QAAQ,GAAG,IAAI,IAAI,KAAK,EAAE,CAAC;QAC9D,CAAC,CAAC;;KAEL,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\n\nimport { Themeable } from '../../../mixins/themeable';\nimport { html } from 'lit-html';\n\n/** @deprecated – use internal controls instead /\nexport class Metadata extends Themeable {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n disabled: { type: Boolean, reflect: true },\n items: { attribute: false },\n };\n }\n\n /* @deprecated */\n disabled = false;\n\n items: { name: string; value: string }[] = [];\n\n render(): TemplateResult {\n return html`\n <p class=\"font-lumo text-xs leading-s text-secondary\">\n ${this.items.map(({ name, value }, i) => {\n return html`${i === 0 ? '' : html`•`}${name} ${value}`;\n })}\n </p>\n `;\n }\n}\n"]}

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":"AACA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,+BAA4B;AACrD,OAAO,EAAkB,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAGlE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,yCAAsC;AAE9D,MAAM,EAAE,GAAG,mBAAmB,CAAC;AAC/B,MAAM,IAAI,GAAG,mBAAmB,CAC9B,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,CACzE,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,gBAAiB,SAAQ,IAAU;IAAhD;;QAiBE,cAAS,GAAc,EAAE,CAAC;QAET,oBAAe,GAAG,GAAG,EAAE;YACtC,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;YAE1B,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC;;;;;oBAKjC,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC;mBAC9D,IAAI;;iBAEN,EAAE;;;;;UAKT,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC;;KAE/C,CAAC;QACJ,CAAC,CAAC;QAEe,oBAAe,GAAG,GAAG,EAAE;;YACtC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;YACvC,MAAM,QAAQ,GAAI,WAAuC,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YAC/E,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;YAErD,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;;;;;oBAKlC,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC,cAAc,EAAE,CAAC;;mBAE/C,IAAI;;iBAEN,EAAE;;;;;;iCAMc,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,QAAQ;wBACnD,CAAC,cAAc,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC;wBAClE,CAAC,QAAC,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAA,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC;oBAC5E,SAAS,OAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,mCAAI,SAAS,CAAC;mBAC3C,IAAI;sBACD,CAAC,GAAsB,EAAE,EAAE;gBACnC,IAAI,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAG,GAAG,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,CAAC;YAClE,CAAC;;;;;UAKH,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC;;KAEhD,CAAC;QACJ,CAAC,CAAC;QAEe,mBAAc,GAAG,GAAG,EAAE;YACrC,MAAM,OAAO,GACX,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;gBACnD,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;YAEtD,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC;;;;sBAI9B,CAAC,OAAO,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC;;;mBAG5D,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;;0BAEZ,IAAI,CAAC,EAAE,SAAS,IAAI,CAAC,IAAI;;;UAGzC,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;KAE9C,CAAC;QACJ,CAAC,CAAC;IAgDJ,CAAC;IAtJC,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,wBAAwB,EAAE,cAAc,CAAC,GAAG,CAAC,wBAAwB,CAAC;YACtE,uBAAuB,EAAE,cAAc,CAAC,GAAG,CAAC,uBAAuB,CAAC;YACpE,eAAe,EAAE,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC;YACpD,cAAc,EAAE,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC;YAClD,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC;YAC5C,WAAW,EAAE,OAAO;YACpB,SAAS,EAAE,KAAK;SACjB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB,CAAC,CAAC;IAC3D,CAAC;IA0FD,MAAM;;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QAE/B,OAAO,IAAI,CAAA;;UAEL,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE;UACrE,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE;UACtE,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;;;;kBAI3D,QAAQ,CAAC;YACf,2DAA2D,EAAE,IAAI;YACjE,+BAA+B,EAAE,CAAC,MAAM,IAAI,CAAC,MAAM;SACpD,CAAC;;;;;oBAKQ,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;mBAC7C,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACvB,MAAM,UAAU,GAAG,IAAI,CAAC,WAAsC,CAAC;YAC/D,IAAI,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;SAC/D;QAED,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;IAEO,MAAM,KAAK,UAAU;QAC3B,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QACxB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;QACjC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;CACF","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/CollectionPage/CollectionPage.js CHANGED Viewed

@@ -60,6 +60,7 @@ export class CollectionPage extends Base {
             ?disabled=\${ctx.disabled}
             ?readonly=\${ctx.readonly}
             ?hidden=\${ctx.hidden}
+            .simplifyNsLoading=\${ctx.simplifyNsLoading}
             .templates=\${ctx.templates}
             ...=\${ctx.spread(ctx.props)}
           >
@@ -100,6 +101,7 @@ export class CollectionPage extends Base {
             }));
         }
         return html `${repeat(items, item => item.key, (item, index) => { var _a, _b, _c, _d, _e; return (_a = this.__renderItem) === null || _a === void 0 ? void 0 : _a.call(this, {
+            simplifyNsLoading: this.simplifyNsLoading,
             disabledControls: this.disabledControls,
             readonlyControls: this.readonlyControls,
             hiddenControls: this.hiddenControls,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CollectionPage.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPage/CollectionPage.ts"],"names":[],"mappings":"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","sourcesContent":["import { ExtractItem, ItemRenderer, Page } from './types';\nimport { PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { repeat } from 'lit-html/directives/repeat';\nimport { spread } from '@open-wc/lit-helpers';\n\nconst Base = ConfigurableMixin(TranslatableMixin(NucleonElement));\n\n/*\n Renders an element for each resource in a collection page.\n \n @element foxy-collection-page\n * @since 1.1.0\n /\nexport class CollectionPage<TPage extends Page> extends Base<TPage> {\n /* @readonly /\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n props: { type: Object },\n item: { type: String },\n };\n }\n\n /* Spread directive argument from `@open-wc/lit-helpers` (properties, event listeners and attributes you'd like to pass to the item element). /\n props: Record<string, unknown> = {};\n\n private __pageFetchEventHandler = (evt: unknown) => this.__handlePageFetchEvent(evt);\n\n private __renderItem!: ItemRenderer<ExtractItem<TPage>>;\n\n private __item!: null \| string \| ItemRenderer<ExtractItem<TPage>>;\n\n constructor() {\n super();\n this.item = 'foxy-null';\n }\n\n /\n Custom element tag or a render function to use for displaying collection items.\n * Generated custom elements will have the following attributes:\n \n - `parent` – same as `foxy-collection-page[href]`;\n * - `group` - same as `foxy-collection-page[group]`;\n * - `href` – collection page item's `_links.self.href` value;\n * - `lang` – same as `foxy-collection-page[lang]`;\n \n Render function will receive `ItemRendererContext` in the first argument.\n /\n get item(): null \| string \| ItemRenderer<ExtractItem<TPage>> {\n return this.__item;\n }\n\n set item(value: null \| string \| ItemRenderer<ExtractItem<TPage>>) {\n const tagOrRenderer = value ?? 'foxy-null';\n\n if (typeof tagOrRenderer === 'string') {\n this.__renderItem = new Function(\n 'ctx',\n `return ctx.html\\`\n <${tagOrRenderer}\n disabledcontrols=\\${ctx.disabledControls.toString()}\n readonlycontrols=\\${ctx.readonlyControls.toString()}\n hiddencontrols=\\${ctx.hiddenControls.toString()}\n data-testclass=\"items\"\n related=\\${JSON.stringify(ctx.related)}\n parent=\\${ctx.parent}\n group=\\${ctx.group}\n href=\\${ctx.href}\n lang=\\${ctx.lang}\n ns=\"\\${ctx.ns} $\\{customElements.get('${tagOrRenderer}')?.defaultNS ?? ''}\"\n ?disabled=\\${ctx.disabled}\n ?readonly=\\${ctx.readonly}\n ?hidden=\\${ctx.hidden}\n .templates=\\${ctx.templates}\n ...=\\${ctx.spread(ctx.props)}\n >\n </${tagOrRenderer}>\\``\n ) as ItemRenderer;\n } else {\n this.__renderItem = tagOrRenderer;\n }\n\n this.__item = value;\n this.requestUpdate();\n }\n\n /* @readonly /\n createRenderRoot(): HTMLElement {\n return this;\n }\n\n /* @readonly /\n connectedCallback(): void {\n super.connectedCallback();\n this.addEventListener('fetch', this.__pageFetchEventHandler);\n }\n\n /* @readonly /\n render(): TemplateResult {\n type RepeatItem = { key: string; href: string; data: ExtractItem<TPage> \| null };\n let items: RepeatItem[] = [];\n\n if (this.in('busy')) {\n items = [{ key: 'stalled', href: 'foxy://collection-page/stall', data: null }];\n } else if (this.in('fail')) {\n items = [{ key: 'failed', href: 'foxy://collection-page/fail', data: null }];\n } else if (this.in({ idle: 'template' }) \|\| this.__items.length === 0) {\n items = [{ key: 'empty', href: '', data: null }];\n } else {\n items = this.__items.map(item => ({\n key: item._links.self.href,\n href: item._links.self.href,\n data: item,\n }));\n }\n\n return html`${repeat(\n items,\n item => item.key,\n (item, index) =>\n this.__renderItem?.({\n disabledControls: this.disabledControls,\n readonlyControls: this.readonlyControls,\n hiddenControls: this.hiddenControls,\n templates: this.templates,\n disabled: this.disabled,\n readonly: this.readonly,\n previous: items[index - 1]?.data ?? null,\n related: this.related,\n hidden: this.hidden,\n parent: this.href,\n spread: spread,\n props: this.props,\n group: this.group,\n lang: this.lang,\n data: item.data,\n href: item.href,\n next: items[index + 1]?.data ?? null,\n ns: this.ns,\n html,\n })\n )}`;\n }\n\n /* @readonly /\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.removeEventListener('fetch', this.__pageFetchEventHandler);\n }\n\n private get __items(): ExtractItem<TPage>[] {\n return Array.from(Object.values(this.form?._embedded ?? {}) as any[]).reduce(\n (p, c) => [...p, ...c],\n [] as ExtractItem<TPage>[]\n );\n }\n\n private __handlePageFetchEvent(event: unknown) {\n if (!(event instanceof FetchEvent) \|\| event.target === this) return;\n const { method, url } = event.request;\n\n if (method !== 'GET') return;\n if (url === 'foxy://collection-page/stall') return this.__stallRequest(event);\n if (url === 'foxy://collection-page/fail') return this.__failRequest(event);\n }\n\n private __stallRequest(event: FetchEvent) {\n event.stopImmediatePropagation();\n event.respondWith(new Promise(() => void 0));\n }\n\n private __failRequest(event: FetchEvent) {\n event.stopImmediatePropagation();\n event.respondWith(Promise.resolve(new Response(null, { status: 500 })));\n }\n}\n\nexport from './types';\n"]}
1	+ {"version":3,"file":"CollectionPage.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPage/CollectionPage.ts"],"names":[],"mappings":"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","sourcesContent":["import { ExtractItem, ItemRenderer, Page } from './types';\nimport { PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { repeat } from 'lit-html/directives/repeat';\nimport { spread } from '@open-wc/lit-helpers';\n\nconst Base = ConfigurableMixin(TranslatableMixin(NucleonElement));\n\n/*\n Renders an element for each resource in a collection page.\n \n @element foxy-collection-page\n * @since 1.1.0\n /\nexport class CollectionPage<TPage extends Page> extends Base<TPage> {\n /* @readonly /\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n props: { type: Object },\n item: { type: String },\n };\n }\n\n /* Spread directive argument from `@open-wc/lit-helpers` (properties, event listeners and attributes you'd like to pass to the item element). /\n props: Record<string, unknown> = {};\n\n private __pageFetchEventHandler = (evt: unknown) => this.__handlePageFetchEvent(evt);\n\n private __renderItem!: ItemRenderer<ExtractItem<TPage>>;\n\n private __item!: null \| string \| ItemRenderer<ExtractItem<TPage>>;\n\n constructor() {\n super();\n this.item = 'foxy-null';\n }\n\n /\n Custom element tag or a render function to use for displaying collection items.\n * Generated custom elements will have the following attributes:\n \n - `parent` – same as `foxy-collection-page[href]`;\n * - `group` - same as `foxy-collection-page[group]`;\n * - `href` – collection page item's `_links.self.href` value;\n * - `lang` – same as `foxy-collection-page[lang]`;\n \n Render function will receive `ItemRendererContext` in the first argument.\n /\n get item(): null \| string \| ItemRenderer<ExtractItem<TPage>> {\n return this.__item;\n }\n\n set item(value: null \| string \| ItemRenderer<ExtractItem<TPage>>) {\n const tagOrRenderer = value ?? 'foxy-null';\n\n if (typeof tagOrRenderer === 'string') {\n this.__renderItem = new Function(\n 'ctx',\n `return ctx.html\\`\n <${tagOrRenderer}\n disabledcontrols=\\${ctx.disabledControls.toString()}\n readonlycontrols=\\${ctx.readonlyControls.toString()}\n hiddencontrols=\\${ctx.hiddenControls.toString()}\n data-testclass=\"items\"\n related=\\${JSON.stringify(ctx.related)}\n parent=\\${ctx.parent}\n group=\\${ctx.group}\n href=\\${ctx.href}\n lang=\\${ctx.lang}\n ns=\"\\${ctx.ns} $\\{customElements.get('${tagOrRenderer}')?.defaultNS ?? ''}\"\n ?disabled=\\${ctx.disabled}\n ?readonly=\\${ctx.readonly}\n ?hidden=\\${ctx.hidden}\n .simplifyNsLoading=\\${ctx.simplifyNsLoading}\n .templates=\\${ctx.templates}\n ...=\\${ctx.spread(ctx.props)}\n >\n </${tagOrRenderer}>\\``\n ) as ItemRenderer;\n } else {\n this.__renderItem = tagOrRenderer;\n }\n\n this.__item = value;\n this.requestUpdate();\n }\n\n /* @readonly /\n createRenderRoot(): HTMLElement {\n return this;\n }\n\n /* @readonly /\n connectedCallback(): void {\n super.connectedCallback();\n this.addEventListener('fetch', this.__pageFetchEventHandler);\n }\n\n /* @readonly /\n render(): TemplateResult {\n type RepeatItem = { key: string; href: string; data: ExtractItem<TPage> \| null };\n let items: RepeatItem[] = [];\n\n if (this.in('busy')) {\n items = [{ key: 'stalled', href: 'foxy://collection-page/stall', data: null }];\n } else if (this.in('fail')) {\n items = [{ key: 'failed', href: 'foxy://collection-page/fail', data: null }];\n } else if (this.in({ idle: 'template' }) \|\| this.__items.length === 0) {\n items = [{ key: 'empty', href: '', data: null }];\n } else {\n items = this.__items.map(item => ({\n key: item._links.self.href,\n href: item._links.self.href,\n data: item,\n }));\n }\n\n return html`${repeat(\n items,\n item => item.key,\n (item, index) =>\n this.__renderItem?.({\n simplifyNsLoading: this.simplifyNsLoading,\n disabledControls: this.disabledControls,\n readonlyControls: this.readonlyControls,\n hiddenControls: this.hiddenControls,\n templates: this.templates,\n disabled: this.disabled,\n readonly: this.readonly,\n previous: items[index - 1]?.data ?? null,\n related: this.related,\n hidden: this.hidden,\n parent: this.href,\n spread: spread,\n props: this.props,\n group: this.group,\n lang: this.lang,\n data: item.data,\n href: item.href,\n next: items[index + 1]?.data ?? null,\n ns: this.ns,\n html,\n })\n )}`;\n }\n\n /* @readonly /\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.removeEventListener('fetch', this.__pageFetchEventHandler);\n }\n\n private get __items(): ExtractItem<TPage>[] {\n return Array.from(Object.values(this.form?._embedded ?? {}) as any[]).reduce(\n (p, c) => [...p, ...c],\n [] as ExtractItem<TPage>[]\n );\n }\n\n private __handlePageFetchEvent(event: unknown) {\n if (!(event instanceof FetchEvent) \|\| event.target === this) return;\n const { method, url } = event.request;\n\n if (method !== 'GET') return;\n if (url === 'foxy://collection-page/stall') return this.__stallRequest(event);\n if (url === 'foxy://collection-page/fail') return this.__failRequest(event);\n }\n\n private __stallRequest(event: FetchEvent) {\n event.stopImmediatePropagation();\n event.respondWith(new Promise(() => void 0));\n }\n\n private __failRequest(event: FetchEvent) {\n event.stopImmediatePropagation();\n event.respondWith(Promise.resolve(new Response(null, { status: 500 })));\n }\n}\n\nexport from './types';\n"]}

package/dist/elements/public/CollectionPage/types.d.ts CHANGED Viewed

@@ -10,6 +10,7 @@ export declare type ExtractItem<T> = T extends {
     _embedded: Record<string, (infer U)[]>;
 } ? U : never;
 export declare type ItemRendererContext<TItem extends HALJSONResource = HALJSONResource> = {
+    simplifyNsLoading: boolean;
     readonlyControls: BooleanSelector;
     disabledControls: BooleanSelector;
     hiddenControls: BooleanSelector;