@sbb-esta/lyne-elements-experimental 4.10.0 → 5.0.0-next

package/development/timetable-duration.component-BhFlqYbV.js

@@ -1,100 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { SbbElement } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles } from "@sbb-esta/lyne-elements/core/styles.js";
-import { html, unsafeCSS } from "lit";
-import { i18nDurationHour, i18nDurationMinute } from "@sbb-esta/lyne-elements/core/i18n.js";
-import { property } from "lit/decorators.js";
-//#region src/elements-experimental/timetable-duration/timetable-duration.scss?inline
-var timetable_duration_default = ":host {\n  display: inline-block;\n}\n\n.duration {\n  --sbb-text-font-size: var(--sbb-text-font-size-s);\n  font-family: var(--sbb-typo-font-family);\n  font-weight: normal;\n  line-height: var(--sbb-typo-line-height-text);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  font-size: var(--sbb-text-font-size);\n  margin: 0;\n  white-space: nowrap;\n}\n\n.duration__text--visually-hidden {\n  border: 0;\n  clip-path: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}";
-//#endregion
-//#region src/elements-experimental/timetable-duration/timetable-duration.component.ts
-/**
-* Used in `sbb-timetable-row`, it displays information about the trip duration.
-*/
-var SbbTimetableDurationElement = (() => {
-	let _classSuper = SbbElement;
-	let _config_decorators;
-	let _config_initializers = [];
-	let _config_extraInitializers = [];
-	return class SbbTimetableDurationElement extends _classSuper {
-		constructor() {
-			super(...arguments);
-			this.#config_accessor_storage = __runInitializers(this, _config_initializers, "");
-			this._language = (__runInitializers(this, _config_extraInitializers), new SbbLanguageController(this));
-		}
-		static {
-			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-			_config_decorators = [forceType(), property()];
-			__esDecorate(this, null, _config_decorators, {
-				kind: "accessor",
-				name: "config",
-				static: false,
-				private: false,
-				access: {
-					has: (obj) => "config" in obj,
-					get: (obj) => obj.config,
-					set: (obj, value) => {
-						obj.config = value;
-					}
-				},
-				metadata: _metadata
-			}, _config_initializers, _config_extraInitializers);
-			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
-				enumerable: true,
-				configurable: true,
-				writable: true,
-				value: _metadata
-			});
-		}
-		static {
-			this.elementName = "sbb-timetable-duration";
-		}
-		static {
-			this.styles = [boxSizingStyles, unsafeCSS(timetable_duration_default)];
-		}
-		#config_accessor_storage;
-		/**
-		* Stringified JSON which defines most of the
-		* content of the component. Please check the
-		* individual stories to get an idea of the
-		* structure.
-		*/
-		get config() {
-			return this.#config_accessor_storage;
-		}
-		set config(value) {
-			this.#config_accessor_storage = value;
-		}
-		render() {
-			const config = JSON.parse(this.config);
-			const hoursLabelShort = i18nDurationHour.multiple.short[this._language.current];
-			const minutesLabelShort = i18nDurationMinute.multiple.short[this._language.current];
-			let visualText = "";
-			let a11yLabel = "";
-			let hoursLabelLong = i18nDurationHour.multiple.long[this._language.current];
-			let minutesLabelLong = i18nDurationMinute.multiple.long[this._language.current];
-			if (config.hours === 1) hoursLabelLong = i18nDurationHour.single.long[this._language.current];
-			if (config.minutes === 1) minutesLabelLong = i18nDurationMinute.single.long[this._language.current];
-			if (config.hours !== 0) {
-				visualText += `${config.hours} ${hoursLabelShort}`;
-				a11yLabel += `${config.hours} ${hoursLabelLong}`;
-			}
-			visualText += ` ${config.minutes} ${minutesLabelShort}`;
-			a11yLabel += ` ${config.minutes} ${minutesLabelLong}.`;
-			return html`
-      <p aria-label=${a11yLabel} class="duration" role="text">
-        <span aria-hidden="true" class="duration__text--visual" role="presentation">
-          ${visualText}
-        </span>
-        <span class="duration__text--visually-hidden">${a11yLabel}</span>
-      </p>
-    `;
-		}
-	};
-})();
-//#endregion
-export { SbbTimetableDurationElement as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWR1cmF0aW9uLmNvbXBvbmVudC1CaEZscVliVi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL3RpbWV0YWJsZS1kdXJhdGlvbi90aW1ldGFibGUtZHVyYXRpb24uc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL3RpbWV0YWJsZS1kdXJhdGlvbi90aW1ldGFibGUtZHVyYXRpb24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuXG4uZHVyYXRpb24ge1xuICBAaW5jbHVkZSBzYmIudGV4dC1zLS1yZWd1bGFyO1xuXG4gIG1hcmdpbjogMDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLmR1cmF0aW9uX190ZXh0LS12aXN1YWxseS1oaWRkZW4ge1xuICBAaW5jbHVkZSBzYmIuc2NyZWVuLXJlYWRlci1vbmx5O1xufVxuIiwiaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBpMThuRHVyYXRpb25Ib3VyLCBpMThuRHVyYXRpb25NaW51dGUgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9zdHlsZXMuanMnO1xuaW1wb3J0IHsgaHRtbCwgdW5zYWZlQ1NTLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aW1ldGFibGUtZHVyYXRpb24uc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIFVzZWQgaW4gYHNiYi10aW1ldGFibGUtcm93YCwgaXQgZGlzcGxheXMgaW5mb3JtYXRpb24gYWJvdXQgdGhlIHRyaXAgZHVyYXRpb24uXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUaW1ldGFibGVEdXJhdGlvbkVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10aW1ldGFibGUtZHVyYXRpb24nO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICAvKipcbiAgICogU3RyaW5naWZpZWQgSlNPTiB3aGljaCBkZWZpbmVzIG1vc3Qgb2YgdGhlXG4gICAqIGNvbnRlbnQgb2YgdGhlIGNvbXBvbmVudC4gUGxlYXNlIGNoZWNrIHRoZVxuICAgKiBpbmRpdmlkdWFsIHN0b3JpZXMgdG8gZ2V0IGFuIGlkZWEgb2YgdGhlXG4gICAqIHN0cnVjdHVyZS5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgYWNjZXNzb3IgY29uZmlnOiBzdHJpbmcgPSAnJztcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgY29uc3QgY29uZmlnID0gSlNPTi5wYXJzZSh0aGlzLmNvbmZpZyk7XG5cbiAgICBjb25zdCBob3Vyc0xhYmVsU2hvcnQgPSBpMThuRHVyYXRpb25Ib3VyLm11bHRpcGxlLnNob3J0W3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICAgIGNvbnN0IG1pbnV0ZXNMYWJlbFNob3J0ID0gaTE4bkR1cmF0aW9uTWludXRlLm11bHRpcGxlLnNob3J0W3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuXG4gICAgbGV0IHZpc3VhbFRleHQgPSAnJztcbiAgICBsZXQgYTExeUxhYmVsID0gJyc7XG5cbiAgICBsZXQgaG91cnNMYWJlbExvbmcgPSBpMThuRHVyYXRpb25Ib3VyLm11bHRpcGxlLmxvbmdbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG4gICAgbGV0IG1pbnV0ZXNMYWJlbExvbmcgPSBpMThuRHVyYXRpb25NaW51dGUubXVsdGlwbGUubG9uZ1t0aGlzLl9sYW5ndWFnZS5jdXJyZW50XTtcblxuICAgIGlmIChjb25maWcuaG91cnMgPT09IDEpIHtcbiAgICAgIGhvdXJzTGFiZWxMb25nID0gaTE4bkR1cmF0aW9uSG91ci5zaW5nbGUubG9uZ1t0aGlzLl9sYW5ndWFnZS5jdXJyZW50XTtcbiAgICB9XG5cbiAgICBpZiAoY29uZmlnLm1pbnV0ZXMgPT09IDEpIHtcbiAgICAgIG1pbnV0ZXNMYWJlbExvbmcgPSBpMThuRHVyYXRpb25NaW51dGUuc2luZ2xlLmxvbmdbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG4gICAgfVxuXG4gICAgaWYgKGNvbmZpZy5ob3VycyAhPT0gMCkge1xuICAgICAgdmlzdWFsVGV4dCArPSBgJHtjb25maWcuaG91cnN9ICR7aG91cnNMYWJlbFNob3J0fWA7XG4gICAgICBhMTF5TGFiZWwgKz0gYCR7Y29uZmlnLmhvdXJzfSAke2hvdXJzTGFiZWxMb25nfWA7XG4gICAgfVxuXG4gICAgdmlzdWFsVGV4dCArPSBgICR7Y29uZmlnLm1pbnV0ZXN9ICR7bWludXRlc0xhYmVsU2hvcnR9YDtcbiAgICBhMTF5TGFiZWwgKz0gYCAke2NvbmZpZy5taW51dGVzfSAke21pbnV0ZXNMYWJlbExvbmd9LmA7XG5cbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxwIGFyaWEtbGFiZWw9JHthMTF5TGFiZWx9IGNsYXNzPVwiZHVyYXRpb25cIiByb2xlPVwidGV4dFwiPlxuICAgICAgICA8c3BhbiBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cImR1cmF0aW9uX190ZXh0LS12aXN1YWxcIiByb2xlPVwicHJlc2VudGF0aW9uXCI+XG4gICAgICAgICAgJHt2aXN1YWxUZXh0fVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZHVyYXRpb25fX3RleHQtLXZpc3VhbGx5LWhpZGRlblwiPiR7YTExeUxhYmVsfTwvc3Bhbj5cbiAgICAgIDwvcD5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGltZXRhYmxlLWR1cmF0aW9uJzogU2JiVGltZXRhYmxlRHVyYXRpb25FbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7OztJQ2FhLHFDQUEyQjttQkFBUzs7OztjQUFwQyxvQ0FBb0MsWUFBVTs7O0FBWXpDLFNBQUEsMEJBQUEsa0JBQUEsTUFBQSxzQkFBaUIsR0FBRTtBQUUzQixRQUFBLGFBQVMsa0JBQUEsTUFBQSwwQkFBQSxFQUFHLElBQUksc0JBQXNCLEtBQUs7Ozs7eUJBSmxELFdBQVcsRUFDWCxVQUFVLENBQUE7QUFDWCxnQkFBQSxNQUFBLE1BQUEsb0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxZQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQU0sTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFOLFNBQU07O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxzQkFBQSwwQkFBQTs7Ozs7Ozs7O0FBWFUsUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsVUFBVSwyQkFBTSxDQUFDOztFQVVuRjs7Ozs7OztFQUFBLElBQWdCLFNBQU07QUFBQSxVQUFBLE1BQUE7O0VBQXRCLElBQWdCLE9BQU0sT0FBQTtBQUFBLFNBQUEsMEJBQUE7O0VBSUgsU0FBTTtHQUN2QixNQUFNLFNBQVMsS0FBSyxNQUFNLEtBQUssT0FBTztHQUV0QyxNQUFNLGtCQUFrQixpQkFBaUIsU0FBUyxNQUFNLEtBQUssVUFBVTtHQUN2RSxNQUFNLG9CQUFvQixtQkFBbUIsU0FBUyxNQUFNLEtBQUssVUFBVTtHQUUzRSxJQUFJLGFBQWE7R0FDakIsSUFBSSxZQUFZO0dBRWhCLElBQUksaUJBQWlCLGlCQUFpQixTQUFTLEtBQUssS0FBSyxVQUFVO0dBQ25FLElBQUksbUJBQW1CLG1CQUFtQixTQUFTLEtBQUssS0FBSyxVQUFVO0FBRXZFLE9BQUksT0FBTyxVQUFVLEVBQ25CLGtCQUFpQixpQkFBaUIsT0FBTyxLQUFLLEtBQUssVUFBVTtBQUcvRCxPQUFJLE9BQU8sWUFBWSxFQUNyQixvQkFBbUIsbUJBQW1CLE9BQU8sS0FBSyxLQUFLLFVBQVU7QUFHbkUsT0FBSSxPQUFPLFVBQVUsR0FBRztBQUN0QixrQkFBYyxHQUFHLE9BQU8sTUFBSyxHQUFJO0FBQ2pDLGlCQUFhLEdBQUcsT0FBTyxNQUFLLEdBQUk7O0FBR2xDLGlCQUFjLElBQUksT0FBTyxRQUFPLEdBQUk7QUFDcEMsZ0JBQWEsSUFBSSxPQUFPLFFBQU8sR0FBSSxpQkFBZ0I7QUFFbkQsVUFBTyxJQUFJO3NCQUNPLFVBQVM7O1lBRW5CLFdBQUE7O3dEQUU0QyxVQUFTIn0=