@sbb-esta/lyne-elements-dev 0.0.0 → 4.0.0-dev.1775550881

package/development/icon/icon-request.js

@@ -0,0 +1,35 @@
+import { validateContent } from "./icon-validate.js";
+import { isServer } from "lit";
+import { readConfig } from "../core/config.js";
+//#region src/elements/icon/icon-request.ts
+var iconCdn = "https://icons.app.sbb.ch/";
+var iconNamespaces = (/* @__PURE__ */ new Map()).set("default", `${iconCdn}icons/`).set("picto", `${iconCdn}picto/`);
+var requests = /* @__PURE__ */ new Map();
+/** Fetches icon svg content from providers and asserts only one request per icon is made. */
+var getSvgContent = (namespace, name, sanitize) => {
+	const config = readConfig().icon ?? {};
+	const resolvedNamespace = config.namespaces?.get(namespace) ?? iconNamespaces.get(namespace);
+	if (resolvedNamespace == null) throw Error(`Unable to find the namespace "${namespace}". Please register your custom namespace.`);
+	const url = `${resolvedNamespace}${name}.svg`;
+	let req = requests.get(url);
+	if (!req) if (typeof fetch !== "undefined" && !isServer) {
+		req = (config.interceptor ?? ((i) => i.request()))({
+			namespace,
+			name,
+			url,
+			request: () => fetch(url).then(async (response) => {
+				if (!response.ok) throw new Error(`Failed to load icon ${namespace}:${name}`);
+				return validateContent(await response.text(), sanitize);
+			}).catch((error) => {
+				console.warn(error);
+				return "";
+			})
+		});
+		requests.set(url, req);
+	} else return Promise.resolve("");
+	return req;
+};
+//#endregion
+export { getSvgContent };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1yZXF1ZXN0LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9pY29uL2ljb24tcmVxdWVzdC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpc1NlcnZlciB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB0eXBlIHsgU2JiSWNvbkNvbmZpZyB9IGZyb20gJy4uL2NvcmUvY29uZmlnLnRzJztcbmltcG9ydCB7IHJlYWRDb25maWcgfSBmcm9tICcuLi9jb3JlL2NvbmZpZy50cyc7XG5cbmltcG9ydCB7IHZhbGlkYXRlQ29udGVudCB9IGZyb20gJy4vaWNvbi12YWxpZGF0ZS50cyc7XG5cbmNvbnN0IGljb25DZG4gPSAnaHR0cHM6Ly9pY29ucy5hcHAuc2JiLmNoLyc7XG5cbmNvbnN0IGljb25OYW1lc3BhY2VzID0gbmV3IE1hcDxzdHJpbmcsIHN0cmluZz4oKVxuICAuc2V0KCdkZWZhdWx0JywgYCR7aWNvbkNkbn1pY29ucy9gKVxuICAuc2V0KCdwaWN0bycsIGAke2ljb25DZG59cGljdG8vYCk7XG5jb25zdCByZXF1ZXN0cyA9IG5ldyBNYXA8c3RyaW5nLCBQcm9taXNlPGFueT4+KCk7XG5cbi8qKiBGZXRjaGVzIGljb24gc3ZnIGNvbnRlbnQgZnJvbSBwcm92aWRlcnMgYW5kIGFzc2VydHMgb25seSBvbmUgcmVxdWVzdCBwZXIgaWNvbiBpcyBtYWRlLiAqL1xuZXhwb3J0IGNvbnN0IGdldFN2Z0NvbnRlbnQgPSAoXG4gIG5hbWVzcGFjZTogc3RyaW5nLFxuICBuYW1lOiBzdHJpbmcsXG4gIHNhbml0aXplOiBib29sZWFuLFxuKTogUHJvbWlzZTxzdHJpbmc+ID0+IHtcbiAgY29uc3QgY29uZmlnOiBTYmJJY29uQ29uZmlnID0gcmVhZENvbmZpZygpLmljb24gPz8ge307XG5cbiAgY29uc3QgcmVzb2x2ZWROYW1lc3BhY2UgPSBjb25maWcubmFtZXNwYWNlcz8uZ2V0KG5hbWVzcGFjZSkgPz8gaWNvbk5hbWVzcGFjZXMuZ2V0KG5hbWVzcGFjZSk7XG4gIGlmIChyZXNvbHZlZE5hbWVzcGFjZSA9PSBudWxsKSB7XG4gICAgdGhyb3cgRXJyb3IoXG4gICAgICBgVW5hYmxlIHRvIGZpbmQgdGhlIG5hbWVzcGFjZSBcIiR7bmFtZXNwYWNlfVwiLiBQbGVhc2UgcmVnaXN0ZXIgeW91ciBjdXN0b20gbmFtZXNwYWNlLmAsXG4gICAgKTtcbiAgfVxuICBjb25zdCB1cmwgPSBgJHtyZXNvbHZlZE5hbWVzcGFjZX0ke25hbWV9LnN2Z2A7XG5cbiAgLy8gQ2hlY2sgaWYgd2UgYWxyZWFkeSBoYXZlIGEgcmVxdWVzdCBmb3IgdGhpcyB1cmxcbiAgbGV0IHJlcSA9IHJlcXVlc3RzLmdldCh1cmwpO1xuXG4gIGlmICghcmVxKSB7XG4gICAgLy8gV2UgY2Fubm90IHN1cHBvcnQgc2VydmVyIHNpZGUgcmVuZGVyZWQgaWNvbnMgKHlldCksIGFzIHRoZSB2YWxpZGF0aW9uXG4gICAgLy8gaXMgZG9uZSB2aWEgRE9NLCB3aGljaCBpcyBub3QgYXZhaWxhYmxlIGR1cmluZyBTU1IuXG4gICAgaWYgKHR5cGVvZiBmZXRjaCAhPT0gJ3VuZGVmaW5lZCcgJiYgIWlzU2VydmVyKSB7XG4gICAgICBjb25zdCBpbnRlcmNlcHRvciA9IGNvbmZpZy5pbnRlcmNlcHRvciA/PyAoKGkpID0+IGkucmVxdWVzdCgpKTtcblxuICAgICAgcmVxID0gaW50ZXJjZXB0b3Ioe1xuICAgICAgICBuYW1lc3BhY2UsXG4gICAgICAgIG5hbWUsXG4gICAgICAgIHVybCxcbiAgICAgICAgcmVxdWVzdDogKCkgPT5cbiAgICAgICAgICBmZXRjaCh1cmwpXG4gICAgICAgICAgICAudGhlbihhc3luYyAocmVzcG9uc2UpID0+IHtcbiAgICAgICAgICAgICAgaWYgKCFyZXNwb25zZS5vaykge1xuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgRmFpbGVkIHRvIGxvYWQgaWNvbiAke25hbWVzcGFjZX06JHtuYW1lfWApO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHJldHVybiB2YWxpZGF0ZUNvbnRlbnQoYXdhaXQgcmVzcG9uc2UudGV4dCgpLCBzYW5pdGl6ZSk7XG4gICAgICAgICAgICB9KVxuICAgICAgICAgICAgLmNhdGNoKChlcnJvcikgPT4ge1xuICAgICAgICAgICAgICBjb25zb2xlLndhcm4oZXJyb3IpO1xuICAgICAgICAgICAgICByZXR1cm4gJyc7XG4gICAgICAgICAgICB9KSxcbiAgICAgIH0pO1xuICAgICAgLy8gQ2FjaGUgZm9yIHRoZSBzYW1lIHJlcXVlc3RzXG4gICAgICByZXF1ZXN0cy5zZXQodXJsLCByZXEpO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBSZXNvbHZlIHByb21pc2UgZm9yIHNzciBzY2VuYXJpb3NcbiAgICAgIHJldHVybiBQcm9taXNlLnJlc29sdmUoJycpO1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiByZXE7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7O0FBT0EsSUFBTSxVQUFVO0FBRWhCLElBQU0sa0NBQWlCLElBQUksS0FBcUIsRUFDN0MsSUFBSSxXQUFXLEdBQUcsUUFBTyxRQUFTLENBQ2xDLElBQUksU0FBUyxHQUFHLFFBQU8sUUFBUztBQUNuQyxJQUFNLDJCQUFXLElBQUksS0FBMkI7O0FBR2hELElBQWEsaUJBQ1gsV0FDQSxNQUNBLGFBQ21CO0NBQ25CLE1BQU0sU0FBd0IsWUFBWSxDQUFDLFFBQVEsRUFBRTtDQUVyRCxNQUFNLG9CQUFvQixPQUFPLFlBQVksSUFBSSxVQUFVLElBQUksZUFBZSxJQUFJLFVBQVU7QUFDNUYsS0FBSSxxQkFBcUIsS0FDdkIsT0FBTSxNQUNKLGlDQUFpQyxVQUFTLDJDQUMzQztDQUVILE1BQU0sTUFBTSxHQUFHLG9CQUFvQixLQUFJO0NBR3ZDLElBQUksTUFBTSxTQUFTLElBQUksSUFBSTtBQUUzQixLQUFJLENBQUMsSUFHSCxLQUFJLE9BQU8sVUFBVSxlQUFlLENBQUMsVUFBVTtBQUc3QyxTQUZvQixPQUFPLGlCQUFpQixNQUFNLEVBQUUsU0FBUyxHQUUzQztHQUNoQjtHQUNBO0dBQ0E7R0FDQSxlQUNFLE1BQU0sSUFBSSxDQUNQLEtBQUssT0FBTyxhQUFZO0FBQ3ZCLFFBQUksQ0FBQyxTQUFTLEdBQ1osT0FBTSxJQUFJLE1BQU0sdUJBQXVCLFVBQVMsR0FBSSxPQUFPO0FBRTdELFdBQU8sZ0JBQWdCLE1BQU0sU0FBUyxNQUFNLEVBQUUsU0FBUztLQUN2RCxDQUNELE9BQU8sVUFBUztBQUNmLFlBQVEsS0FBSyxNQUFNO0FBQ25CLFdBQU87O0dBRWQsQ0FBQztBQUVGLFdBQVMsSUFBSSxLQUFLLElBQUk7T0FHdEIsUUFBTyxRQUFRLFFBQVEsR0FBRztBQUk5QixRQUFPIn0=

package/development/icon/icon-validate.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Sanitizes the SVG element and all its child nodes.
+ * Does not allow `<script>` elements, or any attributes that start with `on`, such as `onclick`.
+ */
+export declare const isValid: (elm: HTMLElement) => boolean;
+/**
+ * Validates the SVG content by checking that it has only one root element `<svg>`,
+ * adding the `color-immutable` class if the `colorImmutable` option is set to `true`,
+ * and sanitizing the provided content as long as the `sanitize` property is not explicitly set to `false`.
+ */
+export declare const validateContent: (svgContent: string, sanitize?: boolean, colorImmutable?: boolean) => string;
+//# sourceMappingURL=icon-validate.d.ts.map

package/development/icon/icon-validate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-validate.d.ts","sourceRoot":"","sources":["../../../../src/elements/icon/icon-validate.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,OAAO,GAAI,KAAK,WAAW,KAAG,OAsB1C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAC1B,YAAY,MAAM,EAClB,kBAAe,EACf,wBAAsB,KACrB,MA6BF,CAAC"}

package/development/icon/icon-validate.js

@@ -0,0 +1,38 @@
+//#region src/elements/icon/icon-validate.ts
+var isStr = (val) => typeof val === "string";
+/**
+* Sanitizes the SVG element and all its child nodes.
+* Does not allow `<script>` elements, or any attributes that start with `on`, such as `onclick`.
+*/
+var isValid = (elm) => {
+	if (elm.nodeType === 1) {
+		if (elm.nodeName.toLowerCase() === "script") return false;
+		for (let i = 0; i < elm.attributes.length; i++) {
+			const val = elm.attributes[i].name;
+			if (isStr(val) && val.toLowerCase().indexOf("on") === 0) return false;
+		}
+		for (let i = 0; i < elm.childNodes.length; i++) if (!isValid(elm.childNodes[i])) return false;
+	}
+	return true;
+};
+/**
+* Validates the SVG content by checking that it has only one root element `<svg>`,
+* adding the `color-immutable` class if the `colorImmutable` option is set to `true`,
+* and sanitizing the provided content as long as the `sanitize` property is not explicitly set to `false`.
+*/
+var validateContent = (svgContent, sanitize = true, colorImmutable = false) => {
+	const div = document.createElement("div");
+	div.innerHTML = svgContent;
+	for (let i = div.childNodes.length - 1; i >= 0; i--) if (div.childNodes[i].nodeName.toLowerCase() !== "svg") div.removeChild(div.childNodes[i]);
+	const svgElm = div.firstElementChild;
+	if (svgElm && svgElm.nodeName.toLowerCase() === "svg") {
+		if (colorImmutable && !svgElm.classList.contains("color-immutable")) svgElm.classList.add("color-immutable");
+		if (!sanitize) return div.innerHTML;
+		if (isValid(svgElm)) return div.innerHTML;
+	}
+	return "";
+};
+//#endregion
+export { isValid, validateContent };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi12YWxpZGF0ZS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvaWNvbi9pY29uLXZhbGlkYXRlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImNvbnN0IGlzU3RyID0gKHZhbDogYW55KTogdmFsIGlzIHN0cmluZyA9PiB0eXBlb2YgdmFsID09PSAnc3RyaW5nJztcblxuLyoqXG4gKiBTYW5pdGl6ZXMgdGhlIFNWRyBlbGVtZW50IGFuZCBhbGwgaXRzIGNoaWxkIG5vZGVzLlxuICogRG9lcyBub3QgYWxsb3cgYDxzY3JpcHQ+YCBlbGVtZW50cywgb3IgYW55IGF0dHJpYnV0ZXMgdGhhdCBzdGFydCB3aXRoIGBvbmAsIHN1Y2ggYXMgYG9uY2xpY2tgLlxuICovXG5leHBvcnQgY29uc3QgaXNWYWxpZCA9IChlbG06IEhUTUxFbGVtZW50KTogYm9vbGVhbiA9PiB7XG4gIGlmIChlbG0ubm9kZVR5cGUgPT09IDEpIHtcbiAgICAvLyBpcyBhbiBFbGVtZW50IG5vZGUgbGlrZSA8ZGl2PiwgPHA+IG9yIDxzdmc+XG4gICAgaWYgKGVsbS5ub2RlTmFtZS50b0xvd2VyQ2FzZSgpID09PSAnc2NyaXB0Jykge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cblxuICAgIC8vIGRvIG5vdCBhbGxvdyBhdHRyaWJ1dGVzIHN0YXJ0aW5nIHdpdGggYG9uYFxuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgZWxtLmF0dHJpYnV0ZXMubGVuZ3RoOyBpKyspIHtcbiAgICAgIGNvbnN0IHZhbCA9IGVsbS5hdHRyaWJ1dGVzW2ldLm5hbWU7XG4gICAgICBpZiAoaXNTdHIodmFsKSAmJiB2YWwudG9Mb3dlckNhc2UoKS5pbmRleE9mKCdvbicpID09PSAwKSB7XG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGVsbS5jaGlsZE5vZGVzLmxlbmd0aDsgaSsrKSB7XG4gICAgICBpZiAoIWlzVmFsaWQoZWxtLmNoaWxkTm9kZXNbaV0gYXMgYW55KSkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIHJldHVybiB0cnVlO1xufTtcblxuLyoqXG4gKiBWYWxpZGF0ZXMgdGhlIFNWRyBjb250ZW50IGJ5IGNoZWNraW5nIHRoYXQgaXQgaGFzIG9ubHkgb25lIHJvb3QgZWxlbWVudCBgPHN2Zz5gLFxuICogYWRkaW5nIHRoZSBgY29sb3ItaW1tdXRhYmxlYCBjbGFzcyBpZiB0aGUgYGNvbG9ySW1tdXRhYmxlYCBvcHRpb24gaXMgc2V0IHRvIGB0cnVlYCxcbiAqIGFuZCBzYW5pdGl6aW5nIHRoZSBwcm92aWRlZCBjb250ZW50IGFzIGxvbmcgYXMgdGhlIGBzYW5pdGl6ZWAgcHJvcGVydHkgaXMgbm90IGV4cGxpY2l0bHkgc2V0IHRvIGBmYWxzZWAuXG4gKi9cbmV4cG9ydCBjb25zdCB2YWxpZGF0ZUNvbnRlbnQgPSAoXG4gIHN2Z0NvbnRlbnQ6IHN0cmluZyxcbiAgc2FuaXRpemUgPSB0cnVlLFxuICBjb2xvckltbXV0YWJsZSA9IGZhbHNlLFxuKTogc3RyaW5nID0+IHtcbiAgY29uc3QgZGl2ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gIGRpdi5pbm5lckhUTUwgPSBzdmdDb250ZW50O1xuXG4gIGZvciAobGV0IGkgPSBkaXYuY2hpbGROb2Rlcy5sZW5ndGggLSAxOyBpID49IDA7IGktLSkge1xuICAgIGlmIChkaXYuY2hpbGROb2Rlc1tpXS5ub2RlTmFtZS50b0xvd2VyQ2FzZSgpICE9PSAnc3ZnJykge1xuICAgICAgZGl2LnJlbW92ZUNoaWxkKGRpdi5jaGlsZE5vZGVzW2ldKTtcbiAgICB9XG4gIH1cblxuICAvLyBtdXN0IG9ubHkgaGF2ZSAxIHJvb3QgZWxlbWVudFxuICBjb25zdCBzdmdFbG0gPSBkaXYuZmlyc3RFbGVtZW50Q2hpbGQ7XG5cbiAgaWYgKHN2Z0VsbSAmJiBzdmdFbG0ubm9kZU5hbWUudG9Mb3dlckNhc2UoKSA9PT0gJ3N2ZycpIHtcbiAgICBpZiAoY29sb3JJbW11dGFibGUgJiYgIXN2Z0VsbS5jbGFzc0xpc3QuY29udGFpbnMoJ2NvbG9yLWltbXV0YWJsZScpKSB7XG4gICAgICBzdmdFbG0uY2xhc3NMaXN0LmFkZCgnY29sb3ItaW1tdXRhYmxlJyk7XG4gICAgfVxuXG4gICAgLy8gZG8gbm90IHNhbml0aXplIHRoZSBzdmcgZWxlbWVudFxuICAgIGlmICghc2FuaXRpemUpIHtcbiAgICAgIHJldHVybiBkaXYuaW5uZXJIVE1MO1xuICAgIH1cblxuICAgIC8vIHNhbml0aXplIHRoZSBzdmcgZWxlbWVudFxuICAgIGlmIChpc1ZhbGlkKHN2Z0VsbSBhcyBhbnkpKSB7XG4gICAgICByZXR1cm4gZGl2LmlubmVySFRNTDtcbiAgICB9XG4gIH1cbiAgcmV0dXJuICcnO1xufTtcbiJdLCJtYXBwaW5ncyI6IjtBQUFBLElBQU0sU0FBUyxRQUE0QixPQUFPLFFBQVE7Ozs7O0FBTTFELElBQWEsV0FBVyxRQUE2QjtBQUNuRCxLQUFJLElBQUksYUFBYSxHQUFHO0FBRXRCLE1BQUksSUFBSSxTQUFTLGFBQWEsS0FBSyxTQUNqQyxRQUFPO0FBSVQsT0FBSyxJQUFJLElBQUksR0FBRyxJQUFJLElBQUksV0FBVyxRQUFRLEtBQUs7R0FDOUMsTUFBTSxNQUFNLElBQUksV0FBVyxHQUFHO0FBQzlCLE9BQUksTUFBTSxJQUFJLElBQUksSUFBSSxhQUFhLENBQUMsUUFBUSxLQUFLLEtBQUssRUFDcEQsUUFBTzs7QUFJWCxPQUFLLElBQUksSUFBSSxHQUFHLElBQUksSUFBSSxXQUFXLFFBQVEsSUFDekMsS0FBSSxDQUFDLFFBQVEsSUFBSSxXQUFXLEdBQVUsQ0FDcEMsUUFBTzs7QUFJYixRQUFPOzs7Ozs7O0FBUVQsSUFBYSxtQkFDWCxZQUNBLFdBQVcsTUFDWCxpQkFBaUIsVUFDUDtDQUNWLE1BQU0sTUFBTSxTQUFTLGNBQWMsTUFBTTtBQUN6QyxLQUFJLFlBQVk7QUFFaEIsTUFBSyxJQUFJLElBQUksSUFBSSxXQUFXLFNBQVMsR0FBRyxLQUFLLEdBQUcsSUFDOUMsS0FBSSxJQUFJLFdBQVcsR0FBRyxTQUFTLGFBQWEsS0FBSyxNQUMvQyxLQUFJLFlBQVksSUFBSSxXQUFXLEdBQUc7Q0FLdEMsTUFBTSxTQUFTLElBQUk7QUFFbkIsS0FBSSxVQUFVLE9BQU8sU0FBUyxhQUFhLEtBQUssT0FBTztBQUNyRCxNQUFJLGtCQUFrQixDQUFDLE9BQU8sVUFBVSxTQUFTLGtCQUFrQixDQUNqRSxRQUFPLFVBQVUsSUFBSSxrQkFBa0I7QUFJekMsTUFBSSxDQUFDLFNBQ0gsUUFBTyxJQUFJO0FBSWIsTUFBSSxRQUFRLE9BQWMsQ0FDeEIsUUFBTyxJQUFJOztBQUdmLFFBQU8ifQ==

package/development/icon/icon.component.d.ts

@@ -0,0 +1,37 @@
+import { PropertyValues, TemplateResult } from 'lit';
+import { SbbIconBase } from './icon-base.ts';
+/**
+ * Displays an icon loaded from a registered namespace.
+ */
+export declare class SbbIconElement extends SbbIconBase {
+    static readonly elementName: string;
+    /**
+     * We need to additionally observe the svgicon attribute
+     * for sbb-angular compatibility.
+     * @internal
+     */
+    static get observedAttributes(): string[];
+    /**
+     * The provided name consisting of the namespace and the name of the icon.
+     * If the namespace is missing, the default namespace "sbb" will be used.
+     * E.g. `name` (will use "sbb" as namespace) or `namespace:name`.
+     */
+    accessor name: string;
+    /**
+     * The sbb-angular library has a sbb-icon component as well. In order to provide
+     * compatibility with it (as some icons are used internally inside the other sbb-angular
+     * components) we need to check whether the attribute svgicon is used.
+     */
+    private accessor _sbbAngularCompatibility;
+    connectedCallback(): void;
+    protected fetchSvgIcon(namespace: string, name: string): Promise<string>;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-icon': SbbIconElement;
+    }
+}
+//# sourceMappingURL=icon.component.d.ts.map

package/development/icon/icon.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/icon/icon.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,qBAAa,cAAe,SAAQ,WAAW;IAC7C,gBAAgC,WAAW,EAAE,MAAM,CAAc;IACjE;;;;OAIG;IACH,WAA2B,kBAAkB,IAAI,MAAM,EAAE,CAExD;IAED;;;;OAIG;IACH,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC;;;;OAIG;IACM,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAAS;IAE3C,iBAAiB,IAAI,IAAI;cAKhB,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;cAKpE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5D,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;cAQY,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/development/icon/icon.component.js

@@ -0,0 +1,124 @@
+import { t as SbbIconBase } from "../icon-base-DHN9pz2I.js";
+import { __esDecorate, __runInitializers } from "tslib";
+import { html } from "lit";
+import { property, state } from "lit/decorators.js";
+import { forceType, omitEmptyConverter } from "../core/decorators.js";
+//#region src/elements/icon/icon.component.ts
+/**
+* Displays an icon loaded from a registered namespace.
+*/
+var SbbIconElement = (() => {
+	let _classSuper = SbbIconBase;
+	let _name_decorators;
+	let _name_initializers = [];
+	let _name_extraInitializers = [];
+	let __sbbAngularCompatibility_decorators;
+	let __sbbAngularCompatibility_initializers = [];
+	let __sbbAngularCompatibility_extraInitializers = [];
+	return class SbbIconElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_name_decorators = [forceType(), property({
+				reflect: true,
+				converter: omitEmptyConverter
+			})];
+			__sbbAngularCompatibility_decorators = [state()];
+			__esDecorate(this, null, _name_decorators, {
+				kind: "accessor",
+				name: "name",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "name" in obj,
+					get: (obj) => obj.name,
+					set: (obj, value) => {
+						obj.name = value;
+					}
+				},
+				metadata: _metadata
+			}, _name_initializers, _name_extraInitializers);
+			__esDecorate(this, null, __sbbAngularCompatibility_decorators, {
+				kind: "accessor",
+				name: "_sbbAngularCompatibility",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "_sbbAngularCompatibility" in obj,
+					get: (obj) => obj._sbbAngularCompatibility,
+					set: (obj, value) => {
+						obj._sbbAngularCompatibility = value;
+					}
+				},
+				metadata: _metadata
+			}, __sbbAngularCompatibility_initializers, __sbbAngularCompatibility_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-icon";
+		}
+		/**
+		* We need to additionally observe the svgicon attribute
+		* for sbb-angular compatibility.
+		* @internal
+		*/
+		static get observedAttributes() {
+			return super.observedAttributes.concat("svgicon");
+		}
+		#name_accessor_storage = __runInitializers(this, _name_initializers, "");
+		/**
+		* The provided name consisting of the namespace and the name of the icon.
+		* If the namespace is missing, the default namespace "sbb" will be used.
+		* E.g. `name` (will use "sbb" as namespace) or `namespace:name`.
+		*/
+		get name() {
+			return this.#name_accessor_storage;
+		}
+		set name(value) {
+			this.#name_accessor_storage = value;
+		}
+		#_sbbAngularCompatibility_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, __sbbAngularCompatibility_initializers, false));
+		/**
+		* The sbb-angular library has a sbb-icon component as well. In order to provide
+		* compatibility with it (as some icons are used internally inside the other sbb-angular
+		* components) we need to check whether the attribute svgicon is used.
+		*/
+		get _sbbAngularCompatibility() {
+			return this.#_sbbAngularCompatibility_accessor_storage;
+		}
+		set _sbbAngularCompatibility(value) {
+			this.#_sbbAngularCompatibility_accessor_storage = value;
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			this.internals.ariaHidden = "true";
+		}
+		async fetchSvgIcon(namespace, name) {
+			this.internals.ariaLabel = `Icon ${name.replace(/-/g, " ")}`;
+			return super.fetchSvgIcon(namespace, name);
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("name") && this.name) this.loadSvgIcon(this.name);
+		}
+		attributeChangedCallback(name, _old, value) {
+			if (name === "svgicon") this._sbbAngularCompatibility = !!value;
+			else super.attributeChangedCallback(name, _old, value);
+		}
+		render() {
+			return this._sbbAngularCompatibility ? html`<slot></slot>` : super.render();
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, __sbbAngularCompatibility_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbIconElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ljb24vaWNvbi5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaHRtbCwgdHlwZSBQcm9wZXJ0eVZhbHVlcywgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSwgc3RhdGUgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGZvcmNlVHlwZSwgb21pdEVtcHR5Q29udmVydGVyIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcblxuaW1wb3J0IHsgU2JiSWNvbkJhc2UgfSBmcm9tICcuL2ljb24tYmFzZS50cyc7XG5cbi8qKlxuICogRGlzcGxheXMgYW4gaWNvbiBsb2FkZWQgZnJvbSBhIHJlZ2lzdGVyZWQgbmFtZXNwYWNlLlxuICovXG5leHBvcnQgY2xhc3MgU2JiSWNvbkVsZW1lbnQgZXh0ZW5kcyBTYmJJY29uQmFzZSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItaWNvbic7XG4gIC8qKlxuICAgKiBXZSBuZWVkIHRvIGFkZGl0aW9uYWxseSBvYnNlcnZlIHRoZSBzdmdpY29uIGF0dHJpYnV0ZVxuICAgKiBmb3Igc2JiLWFuZ3VsYXIgY29tcGF0aWJpbGl0eS5cbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIGdldCBvYnNlcnZlZEF0dHJpYnV0ZXMoKTogc3RyaW5nW10ge1xuICAgIHJldHVybiBzdXBlci5vYnNlcnZlZEF0dHJpYnV0ZXMuY29uY2F0KCdzdmdpY29uJyk7XG4gIH1cblxuICAvKipcbiAgICogVGhlIHByb3ZpZGVkIG5hbWUgY29uc2lzdGluZyBvZiB0aGUgbmFtZXNwYWNlIGFuZCB0aGUgbmFtZSBvZiB0aGUgaWNvbi5cbiAgICogSWYgdGhlIG5hbWVzcGFjZSBpcyBtaXNzaW5nLCB0aGUgZGVmYXVsdCBuYW1lc3BhY2UgXCJzYmJcIiB3aWxsIGJlIHVzZWQuXG4gICAqIEUuZy4gYG5hbWVgICh3aWxsIHVzZSBcInNiYlwiIGFzIG5hbWVzcGFjZSkgb3IgYG5hbWVzcGFjZTpuYW1lYC5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCBjb252ZXJ0ZXI6IG9taXRFbXB0eUNvbnZlcnRlciB9KVxuICBwdWJsaWMgYWNjZXNzb3IgbmFtZTogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIFRoZSBzYmItYW5ndWxhciBsaWJyYXJ5IGhhcyBhIHNiYi1pY29uIGNvbXBvbmVudCBhcyB3ZWxsLiBJbiBvcmRlciB0byBwcm92aWRlXG4gICAqIGNvbXBhdGliaWxpdHkgd2l0aCBpdCAoYXMgc29tZSBpY29ucyBhcmUgdXNlZCBpbnRlcm5hbGx5IGluc2lkZSB0aGUgb3RoZXIgc2JiLWFuZ3VsYXJcbiAgICogY29tcG9uZW50cykgd2UgbmVlZCB0byBjaGVjayB3aGV0aGVyIHRoZSBhdHRyaWJ1dGUgc3ZnaWNvbiBpcyB1c2VkLlxuICAgKi9cbiAgQHN0YXRlKCkgcHJpdmF0ZSBhY2Nlc3NvciBfc2JiQW5ndWxhckNvbXBhdGliaWxpdHkgPSBmYWxzZTtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLmludGVybmFscy5hcmlhSGlkZGVuID0gJ3RydWUnO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGFzeW5jIGZldGNoU3ZnSWNvbihuYW1lc3BhY2U6IHN0cmluZywgbmFtZTogc3RyaW5nKTogUHJvbWlzZTxzdHJpbmc+IHtcbiAgICB0aGlzLmludGVybmFscy5hcmlhTGFiZWwgPSBgSWNvbiAke25hbWUucmVwbGFjZSgvLS9nLCAnICcpfWA7XG4gICAgcmV0dXJuIHN1cGVyLmZldGNoU3ZnSWNvbihuYW1lc3BhY2UsIG5hbWUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCduYW1lJykgJiYgdGhpcy5uYW1lKSB7XG4gICAgICB0aGlzLmxvYWRTdmdJY29uKHRoaXMubmFtZSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGF0dHJpYnV0ZUNoYW5nZWRDYWxsYmFjayhcbiAgICBuYW1lOiBzdHJpbmcsXG4gICAgX29sZDogc3RyaW5nIHwgbnVsbCxcbiAgICB2YWx1ZTogc3RyaW5nIHwgbnVsbCxcbiAgKTogdm9pZCB7XG4gICAgaWYgKG5hbWUgPT09ICdzdmdpY29uJykge1xuICAgICAgdGhpcy5fc2JiQW5ndWxhckNvbXBhdGliaWxpdHkgPSAhIXZhbHVlO1xuICAgIH0gZWxzZSB7XG4gICAgICBzdXBlci5hdHRyaWJ1dGVDaGFuZ2VkQ2FsbGJhY2sobmFtZSwgX29sZCwgdmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiB0aGlzLl9zYmJBbmd1bGFyQ29tcGF0aWJpbGl0eSA/IGh0bWxgPHNsb3Q+PC9zbG90PmAgOiBzdXBlci5yZW5kZXIoKTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWljb24nOiBTYmJJY29uRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7SUFVYSx3QkFBYzttQkFBUzs7Ozs7OztjQUF2Qix1QkFBdUIsWUFBVzs7O3VCQWdCNUMsV0FBVyxFQUNYLFNBQVM7SUFBRSxTQUFTO0lBQU0sV0FBVztJQUFvQixDQUFDLENBQUE7MkNBUTFELE9BQU8sQ0FBQTtBQVBSLGdCQUFBLE1BQUEsTUFBQSxrQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFVBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBSSxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUosT0FBSTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLG9CQUFBLHdCQUFBO0FBT1gsZ0JBQUEsTUFBQSxNQUFBLHNDQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsOEJBQUE7S0FBQSxNQUFBLFFBQUEsSUFBaUI7S0FBd0IsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUF4QiwyQkFBd0I7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSx3Q0FBQSw0Q0FBQTs7Ozs7Ozs7O0FBeEJsQixRQUFBLGNBQXNCOzs7Ozs7O0VBTS9DLFdBQW9CLHFCQUFrQjtBQUMzQyxVQUFPLE1BQU0sbUJBQW1CLE9BQU8sVUFBVTs7RUFVbkQseUJBQUEsa0JBQUEsTUFBQSxvQkFBK0IsR0FBRTs7Ozs7O0VBQWpDLElBQWdCLE9BQUk7QUFBQSxVQUFBLE1BQUE7O0VBQXBCLElBQWdCLEtBQUksT0FBQTtBQUFBLFNBQUEsd0JBQUE7O0VBT1gsOENBQUEsa0JBQUEsTUFBQSx3QkFBQSxFQUFBLGtCQUFBLE1BQUEsd0NBQTRDLE1BQUs7Ozs7OztFQUFqRCxJQUFpQiwyQkFBd0I7QUFBQSxVQUFBLE1BQUE7O0VBQXpDLElBQWlCLHlCQUF3QixPQUFBO0FBQUEsU0FBQSw0Q0FBQTs7RUFFbEMsb0JBQWlCO0FBQy9CLFNBQU0sbUJBQW1CO0FBQ3pCLFFBQUssVUFBVSxhQUFhOztFQUdYLE1BQU0sYUFBYSxXQUFtQixNQUFZO0FBQ25FLFFBQUssVUFBVSxZQUFZLFFBQVEsS0FBSyxRQUFRLE1BQU0sSUFBSTtBQUMxRCxVQUFPLE1BQU0sYUFBYSxXQUFXLEtBQUs7O0VBR3pCLFdBQVcsbUJBQXVDO0FBQ25FLFNBQU0sV0FBVyxrQkFBa0I7QUFFbkMsT0FBSSxrQkFBa0IsSUFBSSxPQUFPLElBQUksS0FBSyxLQUN4QyxNQUFLLFlBQVksS0FBSyxLQUFLOztFQUlmLHlCQUNkLE1BQ0EsTUFDQSxPQUFvQjtBQUVwQixPQUFJLFNBQVMsVUFDWCxNQUFLLDJCQUEyQixDQUFDLENBQUM7T0FFbEMsT0FBTSx5QkFBeUIsTUFBTSxNQUFNLE1BQU07O0VBSWxDLFNBQU07QUFDdkIsVUFBTyxLQUFLLDJCQUEyQixJQUFJLGtCQUFrQixNQUFNLFFBQVEifQ==

package/development/icon-base-DHN9pz2I.js

@@ -0,0 +1,165 @@
+import { getSvgContent } from "./icon/icon-request.js";
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } from "lit";
+import { property, state } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { forceType } from "./core/decorators.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { until } from "lit/directives/until.js";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+//#region src/elements/icon/icon.scss?inline
+var icon_default = ":host {\n  display: inline-block;\n  line-height: 0;\n  -webkit-tap-highlight-color: transparent;\n}\n\n:host(:is(:state(empty),[state--empty])) {\n  --sbb-icon-default-dimension: 0;\n}\n\n:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-extra-small]) {\n  --sbb-icon-default-dimension: var(--sbb-size-icon-ui-extra-small);\n}\n\n:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-small]) {\n  --sbb-icon-default-dimension: var(--sbb-size-icon-ui-small);\n}\n\n:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-medium]) {\n  --sbb-icon-default-dimension: var(--sbb-size-icon-ui-medium);\n}\n\n:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-large]) {\n  --sbb-icon-default-dimension: var(--sbb-size-icon-ui-large);\n}\n\nsvg {\n  width: var(--sbb-icon-svg-width, var(--sbb-icon-default-dimension));\n  height: var(--sbb-icon-svg-height, var(--sbb-icon-default-dimension));\n  stroke: var(--sbb-icon-svg-stroke-color);\n  stroke-width: var(--sbb-icon-svg-stroke-width);\n}\nsvg:not(.color-immutable) [fill]:not([fill=none]) {\n  fill: currentcolor;\n}\nsvg:not(.color-immutable) [stroke]:not([stroke=none]) {\n  stroke: currentcolor;\n}\nsvg:not(.color-immutable) > :where(path, polygon, polyline):where(:not([stroke]):not([fill])),\nsvg:not(.color-immutable) :where(:not([stroke]):not([fill])) :where(path, polygon, polyline):where(:not([stroke]):not([fill])) {\n  fill: currentcolor;\n}";
+//#endregion
+//#region src/elements/icon/icon-base.ts
+var defaultNamespace = "default";
+/**
+* @cssprop [--sbb-icon-svg-width=auto] - Can be used to set a custom width.
+* @cssprop [--sbb-icon-svg-height=auto] - Can be used to set a custom height.
+*/
+var SbbIconBase = (() => {
+	let _classSuper = SbbElement;
+	let __svgNamespace_decorators;
+	let __svgNamespace_initializers = [];
+	let __svgNamespace_extraInitializers = [];
+	let __svgIcon_decorators;
+	let __svgIcon_initializers = [];
+	let __svgIcon_extraInitializers = [];
+	let _noSanitize_decorators;
+	let _noSanitize_initializers = [];
+	let _noSanitize_extraInitializers = [];
+	return class SbbIconBase extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			__svgNamespace_decorators = [state()];
+			__svgIcon_decorators = [state()];
+			_noSanitize_decorators = [forceType(), property({
+				attribute: "no-sanitize",
+				type: Boolean
+			})];
+			__esDecorate(this, null, __svgNamespace_decorators, {
+				kind: "accessor",
+				name: "_svgNamespace",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "_svgNamespace" in obj,
+					get: (obj) => obj._svgNamespace,
+					set: (obj, value) => {
+						obj._svgNamespace = value;
+					}
+				},
+				metadata: _metadata
+			}, __svgNamespace_initializers, __svgNamespace_extraInitializers);
+			__esDecorate(this, null, __svgIcon_decorators, {
+				kind: "accessor",
+				name: "_svgIcon",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "_svgIcon" in obj,
+					get: (obj) => obj._svgIcon,
+					set: (obj, value) => {
+						obj._svgIcon = value;
+					}
+				},
+				metadata: _metadata
+			}, __svgIcon_initializers, __svgIcon_extraInitializers);
+			__esDecorate(this, null, _noSanitize_decorators, {
+				kind: "accessor",
+				name: "noSanitize",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "noSanitize" in obj,
+					get: (obj) => obj.noSanitize,
+					set: (obj, value) => {
+						obj.noSanitize = value;
+					}
+				},
+				metadata: _metadata
+			}, _noSanitize_initializers, _noSanitize_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(icon_default)];
+		}
+		static {
+			this.role = "img";
+		}
+		#_svgNamespace_accessor_storage = __runInitializers(this, __svgNamespace_initializers, defaultNamespace);
+		get _svgNamespace() {
+			return this.#_svgNamespace_accessor_storage;
+		}
+		set _svgNamespace(value) {
+			this.#_svgNamespace_accessor_storage = value;
+		}
+		#_svgIcon_accessor_storage = (__runInitializers(this, __svgNamespace_extraInitializers), __runInitializers(this, __svgIcon_initializers, null));
+		/**
+		* The icon svg content rendered on the page: <svg>...</svg>.
+		*/
+		get _svgIcon() {
+			return this.#_svgIcon_accessor_storage;
+		}
+		set _svgIcon(value) {
+			this.#_svgIcon_accessor_storage = value;
+		}
+		#noSanitize_accessor_storage = (__runInitializers(this, __svgIcon_extraInitializers), __runInitializers(this, _noSanitize_initializers, false));
+		/**
+		* When set to `true`, SVG content that is HTTP fetched will not be checked
+		* if the response SVG content has any `<script>` elements, or any attributes
+		* that start with `on`, such as `onclick`.
+		* @default false
+		*/
+		get noSanitize() {
+			return this.#noSanitize_accessor_storage;
+		}
+		set noSanitize(value) {
+			this.#noSanitize_accessor_storage = value;
+		}
+		constructor() {
+			super();
+			__runInitializers(this, _noSanitize_extraInitializers);
+			this.internals.states.add("empty");
+		}
+		async loadSvgIcon(iconName) {
+			if (!iconName) return;
+			const [namespace, name] = this._splitIconName(iconName);
+			if (this._svgNamespace) this.internals.states.delete(`namespace-${this._svgNamespace}`);
+			this._svgNamespace = namespace;
+			if (this._svgNamespace) this.internals.states.add(`namespace-${this._svgNamespace}`);
+			const svgIcon = this.fetchSvgIcon(this._svgNamespace, name);
+			this._svgIcon = svgIcon.then((v) => unsafeHTML(v));
+			try {
+				this.toggleState("empty", !await svgIcon);
+			} catch {
+				this.internals.states.add("empty");
+			}
+		}
+		async fetchSvgIcon(namespace, name) {
+			return await getSvgContent(namespace, name, !this.noSanitize);
+		}
+		_splitIconName(iconName) {
+			if (!iconName) return ["", ""];
+			const parts = iconName.split(":");
+			switch (parts.length) {
+				case 1: return [defaultNamespace, parts[0]];
+				case 2: return parts;
+				default: throw Error(`Invalid icon name: "${iconName}"`);
+			}
+		}
+		render() {
+			return html`<span class="sbb-icon-inner"
+      >${until(this._svgIcon, html`<svg width="0" height="0"></svg>`)}</span
+    >`;
+		}
+	};
+})();
+//#endregion
+export { SbbIconBase as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1iYXNlLURITjlwejJJLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9pY29uL2ljb24uc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvaWNvbi9pY29uLWJhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGxpbmUtaGVpZ2h0OiAwO1xuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG46aG9zdCg6c3RhdGUoZW1wdHkpKSB7XG4gIC0tc2JiLWljb24tZGVmYXVsdC1kaW1lbnNpb246IDA7XG59XG5cbjpob3N0KDpzdGF0ZShlbXB0eSk6c3RhdGUobmFtZXNwYWNlLWRlZmF1bHQpW25hbWUkPSctZXh0cmEtc21hbGwnXSkge1xuICAtLXNiYi1pY29uLWRlZmF1bHQtZGltZW5zaW9uOiB2YXIoLS1zYmItc2l6ZS1pY29uLXVpLWV4dHJhLXNtYWxsKTtcbn1cblxuOmhvc3QoOnN0YXRlKGVtcHR5KTpzdGF0ZShuYW1lc3BhY2UtZGVmYXVsdClbbmFtZSQ9Jy1zbWFsbCddKSB7XG4gIC0tc2JiLWljb24tZGVmYXVsdC1kaW1lbnNpb246IHZhcigtLXNiYi1zaXplLWljb24tdWktc21hbGwpO1xufVxuXG46aG9zdCg6c3RhdGUoZW1wdHkpOnN0YXRlKG5hbWVzcGFjZS1kZWZhdWx0KVtuYW1lJD0nLW1lZGl1bSddKSB7XG4gIC0tc2JiLWljb24tZGVmYXVsdC1kaW1lbnNpb246IHZhcigtLXNiYi1zaXplLWljb24tdWktbWVkaXVtKTtcbn1cblxuOmhvc3QoOnN0YXRlKGVtcHR5KTpzdGF0ZShuYW1lc3BhY2UtZGVmYXVsdClbbmFtZSQ9Jy1sYXJnZSddKSB7XG4gIC0tc2JiLWljb24tZGVmYXVsdC1kaW1lbnNpb246IHZhcigtLXNiYi1zaXplLWljb24tdWktbGFyZ2UpO1xufVxuXG5zdmcge1xuICB3aWR0aDogdmFyKC0tc2JiLWljb24tc3ZnLXdpZHRoLCB2YXIoLS1zYmItaWNvbi1kZWZhdWx0LWRpbWVuc2lvbikpO1xuICBoZWlnaHQ6IHZhcigtLXNiYi1pY29uLXN2Zy1oZWlnaHQsIHZhcigtLXNiYi1pY29uLWRlZmF1bHQtZGltZW5zaW9uKSk7XG4gIHN0cm9rZTogdmFyKC0tc2JiLWljb24tc3ZnLXN0cm9rZS1jb2xvcik7XG4gIHN0cm9rZS13aWR0aDogdmFyKC0tc2JiLWljb24tc3ZnLXN0cm9rZS13aWR0aCk7XG5cbiAgJjpub3QoLmNvbG9yLWltbXV0YWJsZSkge1xuICAgIFtmaWxsXTpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgICAgZmlsbDogY3VycmVudGNvbG9yO1xuICAgIH1cblxuICAgIFtzdHJva2VdOm5vdChbc3Ryb2tlPSdub25lJ10pIHtcbiAgICAgIHN0cm9rZTogY3VycmVudGNvbG9yO1xuICAgIH1cblxuICAgIC8vIHN0eWxlbGludC1kaXNhYmxlIHNlbGVjdG9yLW5vdC1ub3RhdGlvblxuICAgIC8vIFRPRE86IE1heWJlIGltcHJvdmUgdGhpcyBzb2x1dGlvbiBpbiBDRE4gSW1hZ2VcbiAgICAmID4sXG4gICAgOndoZXJlKDpub3QoW3N0cm9rZV0pOm5vdChbZmlsbF0pKSB7XG4gICAgICA6d2hlcmUocGF0aCwgcG9seWdvbiwgcG9seWxpbmUpOndoZXJlKDpub3QoW3N0cm9rZV0pOm5vdChbZmlsbF0pKSB7XG4gICAgICAgIGZpbGw6IGN1cnJlbnRjb2xvcjtcbiAgICAgIH1cbiAgICB9XG4gICAgLy8gc3R5bGVsaW50LWVuYWJsZSBzZWxlY3Rvci1ub3Qtbm90YXRpb25cbiAgfVxufVxuIiwiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5LCBzdGF0ZSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB0eXBlIHsgRGlyZWN0aXZlUmVzdWx0IH0gZnJvbSAnbGl0L2RpcmVjdGl2ZS5qcyc7XG5pbXBvcnQgdHlwZSB7IFVuc2FmZUhUTUxEaXJlY3RpdmUgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy91bnNhZmUtaHRtbC5qcyc7XG5pbXBvcnQgeyB1bnNhZmVIVE1MIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvdW5zYWZlLWh0bWwuanMnO1xuaW1wb3J0IHsgdW50aWwgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy91bnRpbC5qcyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uL2NvcmUvc3R5bGVzLnRzJztcblxuaW1wb3J0IHsgZ2V0U3ZnQ29udGVudCB9IGZyb20gJy4vaWNvbi1yZXF1ZXN0LnRzJztcbmltcG9ydCBzdHlsZSBmcm9tICcuL2ljb24uc2Nzcz9pbmxpbmUnO1xuXG5jb25zdCBkZWZhdWx0TmFtZXNwYWNlID0gJ2RlZmF1bHQnO1xuXG4vKipcbiAqIEBjc3Nwcm9wIFstLXNiYi1pY29uLXN2Zy13aWR0aD1hdXRvXSAtIENhbiBiZSB1c2VkIHRvIHNldCBhIGN1c3RvbSB3aWR0aC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1pY29uLXN2Zy1oZWlnaHQ9YXV0b10gLSBDYW4gYmUgdXNlZCB0byBzZXQgYSBjdXN0b20gaGVpZ2h0LlxuICovXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgU2JiSWNvbkJhc2UgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICdpbWcnO1xuXG4gIEBzdGF0ZSgpIHByaXZhdGUgYWNjZXNzb3IgX3N2Z05hbWVzcGFjZSA9IGRlZmF1bHROYW1lc3BhY2U7XG5cbiAgLyoqXG4gICAqIFRoZSBpY29uIHN2ZyBjb250ZW50IHJlbmRlcmVkIG9uIHRoZSBwYWdlOiA8c3ZnPi4uLjwvc3ZnPi5cbiAgICovXG4gIEBzdGF0ZSgpIHByaXZhdGUgYWNjZXNzb3IgX3N2Z0ljb246IFByb21pc2U8RGlyZWN0aXZlUmVzdWx0PHR5cGVvZiBVbnNhZmVIVE1MRGlyZWN0aXZlPj4gfCBudWxsID1cbiAgICBudWxsO1xuXG4gIC8qKlxuICAgKiBXaGVuIHNldCB0byBgdHJ1ZWAsIFNWRyBjb250ZW50IHRoYXQgaXMgSFRUUCBmZXRjaGVkIHdpbGwgbm90IGJlIGNoZWNrZWRcbiAgICogaWYgdGhlIHJlc3BvbnNlIFNWRyBjb250ZW50IGhhcyBhbnkgYDxzY3JpcHQ+YCBlbGVtZW50cywgb3IgYW55IGF0dHJpYnV0ZXNcbiAgICogdGhhdCBzdGFydCB3aXRoIGBvbmAsIHN1Y2ggYXMgYG9uY2xpY2tgLlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ25vLXNhbml0aXplJywgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3Igbm9TYW5pdGl6ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5hZGQoJ2VtcHR5Jyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgbG9hZFN2Z0ljb24oaWNvbk5hbWU6IHN0cmluZyk6IFByb21pc2U8dm9pZD4ge1xuICAgIGlmICghaWNvbk5hbWUpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBbbmFtZXNwYWNlLCBuYW1lXSA9IHRoaXMuX3NwbGl0SWNvbk5hbWUoaWNvbk5hbWUpO1xuXG4gICAgaWYgKHRoaXMuX3N2Z05hbWVzcGFjZSkge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShgbmFtZXNwYWNlLSR7dGhpcy5fc3ZnTmFtZXNwYWNlfWApO1xuICAgIH1cbiAgICB0aGlzLl9zdmdOYW1lc3BhY2UgPSBuYW1lc3BhY2U7XG4gICAgaWYgKHRoaXMuX3N2Z05hbWVzcGFjZSkge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgbmFtZXNwYWNlLSR7dGhpcy5fc3ZnTmFtZXNwYWNlfWApO1xuICAgIH1cblxuICAgIGNvbnN0IHN2Z0ljb24gPSB0aGlzLmZldGNoU3ZnSWNvbih0aGlzLl9zdmdOYW1lc3BhY2UsIG5hbWUpO1xuICAgIHRoaXMuX3N2Z0ljb24gPSBzdmdJY29uLnRoZW4oKHYpID0+IHVuc2FmZUhUTUwodikpO1xuICAgIHRyeSB7XG4gICAgICB0aGlzLnRvZ2dsZVN0YXRlKCdlbXB0eScsICEoYXdhaXQgc3ZnSWNvbikpO1xuICAgIH0gY2F0Y2gge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZCgnZW1wdHknKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgZmV0Y2hTdmdJY29uKG5hbWVzcGFjZTogc3RyaW5nLCBuYW1lOiBzdHJpbmcpOiBQcm9taXNlPHN0cmluZz4ge1xuICAgIHJldHVybiBhd2FpdCBnZXRTdmdDb250ZW50KG5hbWVzcGFjZSwgbmFtZSwgIXRoaXMubm9TYW5pdGl6ZSk7XG4gIH1cblxuICBwcml2YXRlIF9zcGxpdEljb25OYW1lKGljb25OYW1lOiBzdHJpbmcpOiBbc3RyaW5nLCBzdHJpbmddIHtcbiAgICBpZiAoIWljb25OYW1lKSB7XG4gICAgICByZXR1cm4gWycnLCAnJ107XG4gICAgfVxuICAgIGNvbnN0IHBhcnRzID0gaWNvbk5hbWUuc3BsaXQoJzonKTtcbiAgICBzd2l0Y2ggKHBhcnRzLmxlbmd0aCkge1xuICAgICAgY2FzZSAxOlxuICAgICAgICAvLyBVc2UgZGVmYXVsdCBuYW1lc3BhY2UgaWYgZW1wdHkuXG4gICAgICAgIHJldHVybiBbZGVmYXVsdE5hbWVzcGFjZSwgcGFydHNbMF1dO1xuICAgICAgY2FzZSAyOlxuICAgICAgICByZXR1cm4gcGFydHMgYXMgW3N0cmluZywgc3RyaW5nXTtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHRocm93IEVycm9yKGBJbnZhbGlkIGljb24gbmFtZTogXCIke2ljb25OYW1lfVwiYCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNwYW4gY2xhc3M9XCJzYmItaWNvbi1pbm5lclwiXG4gICAgICA+JHt1bnRpbChcbiAgICAgICAgdGhpcy5fc3ZnSWNvbixcbiAgICAgICAgLy8gVG8gcmVzZXJ2ZSBzcGFjZSwgd2UgbmVlZCBhbiBlbXB0eSBzdmcgdG8gYXBwbHkgZGltZW5zaW9uIHRvLlxuICAgICAgICBodG1sYDxzdmcgd2lkdGg9XCIwXCIgaGVpZ2h0PVwiMFwiPjwvc3ZnPmAsXG4gICAgICApfTwvc3BhblxuICAgID5gO1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUNlQSxJQUFNLG1CQUFtQjs7Ozs7SUFNSCxxQkFBVzttQkFBUzs7Ozs7Ozs7OztjQUFwQixvQkFBb0IsWUFBVTs7O2dDQUlqRCxPQUFPLENBQUE7MkJBS1AsT0FBTyxDQUFBOzZCQVNQLFdBQVcsRUFDWCxTQUFTO0lBQUUsV0FBVztJQUFlLE1BQU07SUFBUyxDQUFDLENBQUE7QUFmN0MsZ0JBQUEsTUFBQSxNQUFBLDJCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsbUJBQUE7S0FBQSxNQUFBLFFBQUEsSUFBaUI7S0FBYSxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQWIsZ0JBQWE7O0tBQUE7SUFBQSxVQUFBO0lB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

package/development/icon-sidebar/icon-sidebar/icon-sidebar.component.d.ts

@@ -0,0 +1,25 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbElement } from '../../core/base-elements.ts';
+import { SbbIconSidebarContainerElement } from '../icon-sidebar-container/icon-sidebar-container.component.ts';
+/**
+ * Icon sidebar, can be placed inside a `sbb-icon-sidebar-container` element.
+ *
+ * @slot - Use the unnamed slot to slot any content into the icon-sidebar.
+ */
+export declare class SbbIconSidebarElement extends SbbElement {
+    static readonly elementName: string;
+    static readonly role = "navigation";
+    static styles: CSSResultGroup;
+    /** Background color of the icon sidebar. Either `white` or `milk`. **/
+    accessor color: 'white' | 'milk';
+    /** Returns the SbbIconSidebarContainerElement where this icon-sidebar is contained. */
+    get container(): SbbIconSidebarContainerElement | null;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-icon-sidebar': SbbIconSidebarElement;
+    }
+}
+//# sourceMappingURL=icon-sidebar.component.d.ts.map

package/development/icon-sidebar/icon-sidebar/icon-sidebar.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/icon-sidebar/icon-sidebar/icon-sidebar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGhF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,+DAA+D,CAAC;AAIpH;;;;GAIG;AACH,qBAAa,qBAAsB,SAAQ,UAAU;IACnD,gBAAgC,WAAW,EAAE,MAAM,CAAsB;IACzE,gBAAgC,IAAI,gBAAgB;IACpD,OAAuB,MAAM,EAAE,cAAc,CAAoB;IAEjE,uEAAuE;IACvE,SACgB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAW;IAElD,uFAAuF;IACvF,IAAW,SAAS,IAAI,8BAA8B,GAAG,IAAI,CAE5D;IAEe,iBAAiB,IAAI,IAAI;cAStB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/development/icon-sidebar/icon-sidebar/icon-sidebar.component.js

@@ -0,0 +1,2 @@
+import { t as SbbIconSidebarElement } from "../../icon-sidebar.component-BGEkfXVs.js";
+export { SbbIconSidebarElement };

package/development/icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts

@@ -0,0 +1,23 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+import { SbbTooltipDefaultPositions } from '../../tooltip.ts';
+declare const SbbIconSidebarButtonElement_base: import('../../core.ts').AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & typeof SbbButtonBaseElement;
+/**
+ * Button to be placed inside `sbb-icon-sidebar`.
+ *
+ * @slot icon - Slot used to display the icon.
+ */
+export declare class SbbIconSidebarButtonElement extends SbbIconSidebarButtonElement_base implements SbbTooltipDefaultPositions {
+    static readonly elementName: string;
+    static styles: CSSResultGroup;
+    /** @internal */
+    readonly tooltipPositions: string[];
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-icon-sidebar-button': SbbIconSidebarButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=icon-sidebar-button.component.d.ts.map

package/development/icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAInE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;;AAEnE;;;;GAIG;AACH,qBAAa,2BACX,SAAQ,gCACR,YAAW,0BAA0B;IAErC,gBAAgC,WAAW,EAAE,MAAM,CAA6B;IAChF,OAAuB,MAAM,EAAE,cAAc,CAAmD;IAChG,gBAAgB;IAChB,SAAgB,gBAAgB,WAAkC;cAE/C,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}

package/development/icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js

@@ -0,0 +1,30 @@
+import { SbbButtonBaseElement } from "../../core/base-elements.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { SbbIconNameMixin } from "../../icon.js";
+import { iconSidebarButtonCommonStyle } from "../../sidebar/common/styles.js";
+//#region src/elements/icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.ts
+/**
+* Button to be placed inside `sbb-icon-sidebar`.
+*
+* @slot icon - Slot used to display the icon.
+*/
+var SbbIconSidebarButtonElement = class extends SbbIconNameMixin(SbbButtonBaseElement) {
+	constructor() {
+		super(...arguments);
+		/** @internal */
+		this.tooltipPositions = ["inline-end", "inline-start"];
+	}
+	static {
+		this.elementName = "sbb-icon-sidebar-button";
+	}
+	static {
+		this.styles = [boxSizingStyles, iconSidebarButtonCommonStyle];
+	}
+	renderTemplate() {
+		return super.renderIconSlot();
+	}
+};
+//#endregion
+export { SbbIconSidebarButtonElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zaWRlYmFyLWJ1dHRvbi5jb21wb25lbnQuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ljb24tc2lkZWJhci9pY29uLXNpZGViYXItYnV0dG9uL2ljb24tc2lkZWJhci1idXR0b24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uLy4uL2ljb24udHMnO1xuaW1wb3J0IHsgaWNvblNpZGViYXJCdXR0b25Db21tb25TdHlsZSB9IGZyb20gJy4uLy4uL3NpZGViYXIvY29tbW9uL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRvb2x0aXBEZWZhdWx0UG9zaXRpb25zIH0gZnJvbSAnLi4vLi4vdG9vbHRpcC50cyc7XG5cbi8qKlxuICogQnV0dG9uIHRvIGJlIHBsYWNlZCBpbnNpZGUgYHNiYi1pY29uLXNpZGViYXJgLlxuICpcbiAqIEBzbG90IGljb24gLSBTbG90IHVzZWQgdG8gZGlzcGxheSB0aGUgaWNvbi5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkljb25TaWRlYmFyQnV0dG9uRWxlbWVudFxuICBleHRlbmRzIFNiYkljb25OYW1lTWl4aW4oU2JiQnV0dG9uQmFzZUVsZW1lbnQpXG4gIGltcGxlbWVudHMgU2JiVG9vbHRpcERlZmF1bHRQb3NpdGlvbnNcbntcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1pY29uLXNpZGViYXItYnV0dG9uJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgaWNvblNpZGViYXJCdXR0b25Db21tb25TdHlsZV07XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcHVibGljIHJlYWRvbmx5IHRvb2x0aXBQb3NpdGlvbnMgPSBbJ2lubGluZS1lbmQnLCAnaW5saW5lLXN0YXJ0J107XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gc3VwZXIucmVuZGVySWNvblNsb3QoKTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWljb24tc2lkZWJhci1idXR0b24nOiBTYmJJY29uU2lkZWJhckJ1dHRvbkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQWFBLElBQWEsOEJBQWIsY0FDVSxpQkFBaUIscUJBQXFCLENBQUE7Q0FEaEQsY0FBQTs7O0FBT2tCLE9BQUEsbUJBQW1CLENBQUMsY0FBYyxlQUFlOzs7QUFIakMsT0FBQSxjQUFzQjs7O0FBQy9CLE9BQUEsU0FBeUIsQ0FBQyxpQkFBaUIsNkJBQTZCOztDQUk1RSxpQkFBYztBQUMvQixTQUFPLE1BQU0sZ0JBQWdCIn0=

package/development/icon-sidebar/icon-sidebar-button.d.ts

@@ -0,0 +1,2 @@
+export * from './icon-sidebar-button/icon-sidebar-button.component.ts';
+//# sourceMappingURL=icon-sidebar-button.d.ts.map

package/development/icon-sidebar/icon-sidebar-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/icon-sidebar/icon-sidebar-button.ts"],"names":[],"mappings":"AAGA,cAAc,wDAAwD,CAAC"}

package/development/icon-sidebar/icon-sidebar-button.js

@@ -0,0 +1,10 @@
+import { SbbIconSidebarButtonElement } from "./icon-sidebar-button/icon-sidebar-button.component.js";
+//#region src/elements/icon-sidebar/icon-sidebar-button.ts
+/** @entrypoint */
+SbbIconSidebarButtonElement.define();
+console.warn(`The entrypoint '@sbb-esta/elements/icon-sidebar/icon-sidebar-button.js' has been deprecated.
+Use either '@sbb-esta/elements/icon-sidebar.js' or '@sbb-esta/elements/icon-sidebar.pure.js' instead.`);
+//#endregion
+export { SbbIconSidebarButtonElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zaWRlYmFyLWJ1dHRvbi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvaWNvbi1zaWRlYmFyL2ljb24tc2lkZWJhci1idXR0b24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJJY29uU2lkZWJhckJ1dHRvbkVsZW1lbnQgfSBmcm9tICcuL2ljb24tc2lkZWJhci1idXR0b24vaWNvbi1zaWRlYmFyLWJ1dHRvbi5jb21wb25lbnQudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2ljb24tc2lkZWJhci1idXR0b24vaWNvbi1zaWRlYmFyLWJ1dHRvbi5jb21wb25lbnQudHMnO1xuXG5TYmJJY29uU2lkZWJhckJ1dHRvbkVsZW1lbnQuZGVmaW5lKCk7XG5cbmNvbnNvbGUud2FybihgVGhlIGVudHJ5cG9pbnQgJ0BzYmItZXN0YS9lbGVtZW50cy9pY29uLXNpZGViYXIvaWNvbi1zaWRlYmFyLWJ1dHRvbi5qcycgaGFzIGJlZW4gZGVwcmVjYXRlZC5cblVzZSBlaXRoZXIgJ0BzYmItZXN0YS9lbGVtZW50cy9pY29uLXNpZGViYXIuanMnIG9yICdAc2JiLWVzdGEvZWxlbWVudHMvaWNvbi1zaWRlYmFyLnB1cmUuanMnIGluc3RlYWQuYCk7XG4iXSwibWFwcGluZ3MiOiI7OztBQUtBLDRCQUE0QixRQUFRO0FBRXBDLFFBQVEsS0FBSzt1R0FDMEYifQ==

package/development/icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.d.ts

@@ -0,0 +1,25 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbElement } from '../../core/base-elements.ts';
+import { SbbIconSidebarElement } from '../icon-sidebar/icon-sidebar.component.ts';
+/**
+ * This is the parent component to one or two `<sbb-icon-sidebar>`s and one `<sbb-icon-sidebar-content>` element.
+ *
+ * @slot - Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.
+ */
+export declare class SbbIconSidebarContainerElement extends SbbElement {
+    static readonly elementName: string;
+    static styles: CSSResultGroup;
+    /** The icon-sidebar children. */
+    get sidebars(): SbbIconSidebarElement[];
+    /** The icon-sidebar child at the start position. */
+    get start(): SbbIconSidebarElement | null;
+    /** The icon-sidebar child at the end position. */
+    get end(): SbbIconSidebarElement | null;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-icon-sidebar-container': SbbIconSidebarContainerElement;
+    }
+}
+//# sourceMappingURL=icon-sidebar-container.component.d.ts.map

package/development/icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-container.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAIvF;;;;GAIG;AACH,qBAAa,8BAA+B,SAAQ,UAAU;IAC5D,gBAAgC,WAAW,EAAE,MAAM,CAAgC;IACnF,OAAuB,MAAM,EAAE,cAAc,CAAmD;IAEhG,iCAAiC;IACjC,IAAW,QAAQ,IAAI,qBAAqB,EAAE,CAI7C;IAED,oDAAoD;IACpD,IAAW,KAAK,IAAI,qBAAqB,GAAG,IAAI,CAI/C;IAED,kDAAkD;IAClD,IAAW,GAAG,IAAI,qBAAqB,GAAG,IAAI,CAI7C;cAEkB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

package/development/icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js

@@ -0,0 +1,2 @@
+import { t as SbbIconSidebarContainerElement } from "../../icon-sidebar-container.component-BH_R88Rf.js";
+export { SbbIconSidebarContainerElement };

package/development/icon-sidebar/icon-sidebar-container.d.ts

@@ -0,0 +1,2 @@
+export * from './icon-sidebar-container/icon-sidebar-container.component.ts';
+//# sourceMappingURL=icon-sidebar-container.d.ts.map

package/development/icon-sidebar/icon-sidebar-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-container.d.ts","sourceRoot":"","sources":["../../../../src/elements/icon-sidebar/icon-sidebar-container.ts"],"names":[],"mappings":"AAGA,cAAc,8DAA8D,CAAC"}