@skf-design-system/ui-components 1.0.0-alpha.27 → 1.0.0-alpha.28

package/dist/components/toast-wrapper/toast-wrapper.component.js

@@ -0,0 +1,37 @@
+import { SkfElement as h } from "../../internal/components/skf-element.js";
+import d from "../../styles/component.styles.js";
+import { html as m } from "lit";
+import { property as p, queryAssignedElements as a } from "lit/decorators.js";
+import { styles as u } from "./toast-wrapper.styles.js";
+var y = Object.defineProperty, r = (l, i, n, g) => {
+  for (var t = void 0, o = l.length - 1, f; o >= 0; o--)
+    (f = l[o]) && (t = f(i, n, t) || t);
+  return t && y(i, n, t), t;
+};
+const s = class s extends h {
+  constructor() {
+    super(...arguments), this.debug = !1, this._handleSlotChange = () => {
+      this._slottedChildren.length === 0 && this.remove();
+    };
+  }
+  firstUpdated() {
+    this._handleSlotChange(), this.topOffset && this.style.setProperty("--skf-toast-offset-top", `${this.topOffset.toString()}px`);
+  }
+  render() {
+    return m`<slot @slotchange=${this._handleSlotChange}></slot>`;
+  }
+};
+s.styles = [d, u];
+let e = s;
+r([
+  p({ type: Boolean, reflect: !0 })
+], e.prototype, "debug");
+r([
+  a()
+], e.prototype, "_slottedChildren");
+r([
+  p({ type: Number, reflect: !0 })
+], e.prototype, "topOffset");
+export {
+  e as SkfToastWrapper
+};

package/dist/components/toast-wrapper/toast-wrapper.d.ts

@@ -0,0 +1,8 @@
+import { SkfToastWrapper } from './toast-wrapper.component';
+export * from './toast-wrapper.component';
+export default SkfToastWrapper;
+declare global {
+    interface HTMLElementTagNameMap {
+        'skf-toast-wrapper': SkfToastWrapper;
+    }
+}

package/dist/components/toast-wrapper/toast-wrapper.js

@@ -0,0 +1,6 @@
+import { SkfToastWrapper as r } from "./toast-wrapper.component.js";
+r.define("skf-toast-wrapper");
+export {
+  r as SkfToastWrapper,
+  r as default
+};

package/dist/components/toast-wrapper/toast-wrapper.styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/dist/components/toast-wrapper/toast-wrapper.styles.js

@@ -0,0 +1,20 @@
+import { css as s } from "lit";
+const t = s`
+	:host {
+		all: unset;
+		display: flex;
+		flex-direction: column;
+		gap: calc(0.5rem - 3px);
+		inline-size: min(calc(100% - var(--skf-spacing-200)), 520px);
+		inset: var(--skf-toast-offset-top, var(--skf-spacing-100)) 0 auto;
+		margin-inline: auto;
+		position: fixed;
+	}
+
+	::slotted(.toast-item-wrapper) {
+		display: grid;
+	}
+`;
+export {
+  t as styles
+};