@sbb-esta/lyne-elements-experimental 5.0.0-next → 5.0.0-next.2

package/development/timetable-duration.component-2JBYobDt.js

@@ -1,96 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { SbbElement, SbbLanguageController, boxSizingStyles, forceType, i18nDurationHour, i18nDurationMinute } from "@sbb-esta/lyne-elements/core.js";
-import { html, unsafeCSS } from "lit";
-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWR1cmF0aW9uLmNvbXBvbmVudC0ySkJZb2JEdC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL3RpbWV0YWJsZS1kdXJhdGlvbi90aW1ldGFibGUtZHVyYXRpb24uc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL3RpbWV0YWJsZS1kdXJhdGlvbi90aW1ldGFibGUtZHVyYXRpb24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuXG4uZHVyYXRpb24ge1xuICBAaW5jbHVkZSBzYmIudGV4dC1zLS1yZWd1bGFyO1xuXG4gIG1hcmdpbjogMDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLmR1cmF0aW9uX190ZXh0LS12aXN1YWxseS1oaWRkZW4ge1xuICBAaW5jbHVkZSBzYmIuc2NyZWVuLXJlYWRlci1vbmx5O1xufVxuIiwiaW1wb3J0IHtcbiAgU2JiRWxlbWVudCxcbiAgU2JiTGFuZ3VhZ2VDb250cm9sbGVyLFxuICBmb3JjZVR5cGUsXG4gIGkxOG5EdXJhdGlvbkhvdXIsXG4gIGkxOG5EdXJhdGlvbk1pbnV0ZSxcbiAgYm94U2l6aW5nU3R5bGVzLFxufSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlLmpzJztcbmltcG9ydCB7IGh0bWwsIHVuc2FmZUNTUywgdHlwZSBDU1NSZXN1bHRHcm91cCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGltZXRhYmxlLWR1cmF0aW9uLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBVc2VkIGluIGBzYmItdGltZXRhYmxlLXJvd2AsIGl0IGRpc3BsYXlzIGluZm9ybWF0aW9uIGFib3V0IHRoZSB0cmlwIGR1cmF0aW9uLlxuICovXG5leHBvcnQgY2xhc3MgU2JiVGltZXRhYmxlRHVyYXRpb25FbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGltZXRhYmxlLWR1cmF0aW9uJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgLyoqXG4gICAqIFN0cmluZ2lmaWVkIEpTT04gd2hpY2ggZGVmaW5lcyBtb3N0IG9mIHRoZVxuICAgKiBjb250ZW50IG9mIHRoZSBjb21wb25lbnQuIFBsZWFzZSBjaGVjayB0aGVcbiAgICogaW5kaXZpZHVhbCBzdG9yaWVzIHRvIGdldCBhbiBpZGVhIG9mIHRoZVxuICAgKiBzdHJ1Y3R1cmUuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIGNvbmZpZzogc3RyaW5nID0gJyc7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIGNvbnN0IGNvbmZpZyA9IEpTT04ucGFyc2UodGhpcy5jb25maWcpO1xuXG4gICAgY29uc3QgaG91cnNMYWJlbFNob3J0ID0gaTE4bkR1cmF0aW9uSG91ci5tdWx0aXBsZS5zaG9ydFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XTtcbiAgICBjb25zdCBtaW51dGVzTGFiZWxTaG9ydCA9IGkxOG5EdXJhdGlvbk1pbnV0ZS5tdWx0aXBsZS5zaG9ydFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XTtcblxuICAgIGxldCB2aXN1YWxUZXh0ID0gJyc7XG4gICAgbGV0IGExMXlMYWJlbCA9ICcnO1xuXG4gICAgbGV0IGhvdXJzTGFiZWxMb25nID0gaTE4bkR1cmF0aW9uSG91ci5tdWx0aXBsZS5sb25nW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICAgIGxldCBtaW51dGVzTGFiZWxMb25nID0gaTE4bkR1cmF0aW9uTWludXRlLm11bHRpcGxlLmxvbmdbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG5cbiAgICBpZiAoY29uZmlnLmhvdXJzID09PSAxKSB7XG4gICAgICBob3Vyc0xhYmVsTG9uZyA9IGkxOG5EdXJhdGlvbkhvdXIuc2luZ2xlLmxvbmdbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG4gICAgfVxuXG4gICAgaWYgKGNvbmZpZy5taW51dGVzID09PSAxKSB7XG4gICAgICBtaW51dGVzTGFiZWxMb25nID0gaTE4bkR1cmF0aW9uTWludXRlLnNpbmdsZS5sb25nW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICAgIH1cblxuICAgIGlmIChjb25maWcuaG91cnMgIT09IDApIHtcbiAgICAgIHZpc3VhbFRleHQgKz0gYCR7Y29uZmlnLmhvdXJzfSAke2hvdXJzTGFiZWxTaG9ydH1gO1xuICAgICAgYTExeUxhYmVsICs9IGAke2NvbmZpZy5ob3Vyc30gJHtob3Vyc0xhYmVsTG9uZ31gO1xuICAgIH1cblxuICAgIHZpc3VhbFRleHQgKz0gYCAke2NvbmZpZy5taW51dGVzfSAke21pbnV0ZXNMYWJlbFNob3J0fWA7XG4gICAgYTExeUxhYmVsICs9IGAgJHtjb25maWcubWludXRlc30gJHttaW51dGVzTGFiZWxMb25nfS5gO1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8cCBhcmlhLWxhYmVsPSR7YTExeUxhYmVsfSBjbGFzcz1cImR1cmF0aW9uXCIgcm9sZT1cInRleHRcIj5cbiAgICAgICAgPHNwYW4gYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3M9XCJkdXJhdGlvbl9fdGV4dC0tdmlzdWFsXCIgcm9sZT1cInByZXNlbnRhdGlvblwiPlxuICAgICAgICAgICR7dmlzdWFsVGV4dH1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImR1cmF0aW9uX190ZXh0LS12aXN1YWxseS1oaWRkZW5cIj4ke2ExMXlMYWJlbH08L3NwYW4+XG4gICAgICA8L3A+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRpbWV0YWJsZS1kdXJhdGlvbic6IFNiYlRpbWV0YWJsZUR1cmF0aW9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztJQ2dCYSxxQ0FBMkI7bUJBQVM7Ozs7Y0FBcEMsb0NBQW9DLFlBQVU7OztBQVl6QyxTQUFBLDBCQUFBLGtCQUFBLE1BQUEsc0JBQWlCLEdBQUU7QUFFM0IsUUFBQSxhQUFTLGtCQUFBLE1BQUEsMEJBQUEsRUFBRyxJQUFJLHNCQUFzQixLQUFLOzs7O3lCQUpsRCxXQUFXLEVBQ1gsVUFBVSxDQUFBO0FBQ1gsZ0JBQUEsTUFBQSxNQUFBLG9CQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsWUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFNLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBTixTQUFNOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsc0JBQUEsMEJBQUE7Ozs7Ozs7OztBQVhVLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsMkJBQU0sQ0FBQzs7RUFVbkY7Ozs7Ozs7RUFBQSxJQUFnQixTQUFNO0FBQUEsVUFBQSxNQUFBOztFQUF0QixJQUFnQixPQUFNLE9BQUE7QUFBQSxTQUFBLDBCQUFBOztFQUlILFNBQU07R0FDdkIsTUFBTSxTQUFTLEtBQUssTUFBTSxLQUFLLE9BQU87R0FFdEMsTUFBTSxrQkFBa0IsaUJBQWlCLFNBQVMsTUFBTSxLQUFLLFVBQVU7R0FDdkUsTUFBTSxvQkFBb0IsbUJBQW1CLFNBQVMsTUFBTSxLQUFLLFVBQVU7R0FFM0UsSUFBSSxhQUFhO0dBQ2pCLElBQUksWUFBWTtHQUVoQixJQUFJLGlCQUFpQixpQkFBaUIsU0FBUyxLQUFLLEtBQUssVUFBVTtHQUNuRSxJQUFJLG1CQUFtQixtQkFBbUIsU0FBUyxLQUFLLEtBQUssVUFBVTtBQUV2RSxPQUFJLE9BQU8sVUFBVSxFQUNuQixrQkFBaUIsaUJBQWlCLE9BQU8sS0FBSyxLQUFLLFVBQVU7QUFHL0QsT0FBSSxPQUFPLFlBQVksRUFDckIsb0JBQW1CLG1CQUFtQixPQUFPLEtBQUssS0FBSyxVQUFVO0FBR25FLE9BQUksT0FBTyxVQUFVLEdBQUc7QUFDdEIsa0JBQWMsR0FBRyxPQUFPLE1BQUssR0FBSTtBQUNqQyxpQkFBYSxHQUFHLE9BQU8sTUFBSyxHQUFJOztBQUdsQyxpQkFBYyxJQUFJLE9BQU8sUUFBTyxHQUFJO0FBQ3BDLGdCQUFhLElBQUksT0FBTyxRQUFPLEdBQUksaUJBQWdCO0FBRW5ELFVBQU8sSUFBSTtzQkFDTyxVQUFTOztZQUVuQixXQUFBOzt3REFFNEMsVUFBUyJ9