@sbb-esta/lyne-elements-experimental 5.0.1 → 5.1.0

package/development/timetable-duration/timetable-duration.component.d.ts

@@ -1,5 +1,5 @@
 import { SbbElement } from '@sbb-esta/lyne-elements/core.js';
-import { CSSResultGroup, TemplateResult } from 'lit';
+import { type CSSResultGroup, type TemplateResult } from 'lit';
 /**
  * Used in `sbb-timetable-row`, it displays information about the trip duration.
  */
@@ -21,4 +21,3 @@ declare global {
         'sbb-timetable-duration': SbbTimetableDurationElement;
     }
 }
-//# sourceMappingURL=timetable-duration.component.d.ts.map

package/development/timetable-duration.d.ts

@@ -1,2 +1 @@
 export * from './timetable-duration.pure.ts';
-//# sourceMappingURL=timetable-duration.d.ts.map

package/development/timetable-duration.js

@@ -1,9 +1,9 @@
-import { t as SbbTimetableDurationElement } from "./timetable-duration.component-Chk5D4Is.js";
-import "./timetable-duration.pure.js";
+import { SbbTimetableDurationElement } from "./timetable-duration.pure.js";
+
+export * from "./timetable-duration.pure.js"
+
 //#region src/elements-experimental/timetable-duration.ts
 /** @entrypoint */
 SbbTimetableDurationElement.define();
-//#endregion
-export { SbbTimetableDurationElement };
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWR1cmF0aW9uLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy1leHBlcmltZW50YWwvdGltZXRhYmxlLWR1cmF0aW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiVGltZXRhYmxlRHVyYXRpb25FbGVtZW50IH0gZnJvbSAnLi90aW1ldGFibGUtZHVyYXRpb24ucHVyZS50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vdGltZXRhYmxlLWR1cmF0aW9uLnB1cmUudHMnO1xuXG5TYmJUaW1ldGFibGVEdXJhdGlvbkVsZW1lbnQuZGVmaW5lKCk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7QUFLQSw0QkFBNEIsT0FBTSJ9
+//#endregion

package/development/timetable-duration.pure.d.ts

@@ -1,3 +1,2 @@
 /** @entrypoint */
 export * from './timetable-duration/timetable-duration.component.ts';
-//# sourceMappingURL=timetable-duration.pure.d.ts.map

package/development/timetable-duration.pure.js

@@ -1,2 +1,97 @@
-import { t as SbbTimetableDurationElement } from "./timetable-duration.component-Chk5D4Is.js";
-export { SbbTimetableDurationElement };
+import { __esDecorate, __runInitializers } from "tslib";
+import { SbbElement, SbbLanguageController, forceType, i18nDurationHour, i18nDurationMinute, screenReaderOnlyStyles } 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";
+
+//#endregion
+//#region src/elements-experimental/timetable-duration/timetable-duration.component.ts
+/**
+* Used in `sbb-timetable-row`, it displays information about the trip duration.
+*/
+let 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 = [screenReaderOnlyStyles, 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="sbb-screen-reader-only">${a11yLabel}</span>
+      </p>
+    `;
+		}
+	};
+})();
+
+//#endregion
+export { SbbTimetableDurationElement };

package/development/timetable-row/timetable-row.component.d.ts

@@ -1,6 +1,6 @@
-import { SbbElement, SbbElementType } from '@sbb-esta/lyne-elements/core.js';
-import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { ITripItem, Notice, PtSituation } from '../core.ts';
+import { SbbElement, type SbbElementType } from '@sbb-esta/lyne-elements/core.js';
+import { type CSSResultGroup, type PropertyValues, type TemplateResult } from 'lit';
+import type { ITripItem, Notice, PtSituation } from '../core.ts';
 /** HimCus interface for mapped icon name and text */
 export interface HimCus {
     name: string;
@@ -87,4 +87,3 @@ declare global {
         'sbb-timetable-row': SbbTimetableRowElement;
     }
 }
-//# sourceMappingURL=timetable-row.component.d.ts.map

package/development/timetable-row.d.ts

@@ -1,2 +1 @@
 export * from './timetable-row.pure.ts';
-//# sourceMappingURL=timetable-row.d.ts.map

package/development/timetable-row.js

@@ -1,9 +1,9 @@
-import { a as handleNotices, c as sortSituation, i as getHimIcon, n as filterNotices, o as renderIconProduct, r as getCus, s as renderStringProduct, t as SbbTimetableRowElement } from "./timetable-row.component-nzrQzxL6.js";
-import "./timetable-row.pure.js";
+import { SbbTimetableRowElement } from "./timetable-row.pure.js";
+
+export * from "./timetable-row.pure.js"
+
 //#region src/elements-experimental/timetable-row.ts
 /** @entrypoint */
 SbbTimetableRowElement.define();
-//#endregion
-export { SbbTimetableRowElement, filterNotices, getCus, getHimIcon, handleNotices, renderIconProduct, renderStringProduct, sortSituation };
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLXJvdy5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL3RpbWV0YWJsZS1yb3cudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJUaW1ldGFibGVSb3dFbGVtZW50IH0gZnJvbSAnLi90aW1ldGFibGUtcm93LnB1cmUudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL3RpbWV0YWJsZS1yb3cucHVyZS50cyc7XG5cblNiYlRpbWV0YWJsZVJvd0VsZW1lbnQuZGVmaW5lKCk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7QUFLQSx1QkFBdUIsT0FBTSJ9
+//#endregion

package/development/timetable-row.pure.d.ts

@@ -1,3 +1,2 @@
 /** @entrypoint */
 export * from './timetable-row/timetable-row.component.ts';
-//# sourceMappingURL=timetable-row.pure.d.ts.map