@sebgroup/green-core 1.25.0 → 1.27.0

package/chunks/chunk.SCFFYD37.js

@@ -0,0 +1,131 @@
+import {
+  video_style_css_default
+} from "./chunk.SXGACXKX.js";
+import {
+  styleExpressionProperty
+} from "./chunk.ADPMTWTS.js";
+import {
+  tokens
+} from "./chunk.U4I76VTQ.js";
+import {
+  GdsElement
+} from "./chunk.ZQ4D5K7J.js";
+import {
+  gdsCustomElement,
+  html
+} from "./chunk.VOYMQ322.js";
+import {
+  __decorateClass
+} from "./chunk.5VURDMKE.js";
+
+// libs/core/src/components/media/video/video.ts
+import { property, query } from "lit/decorators.js";
+var GdsVideo = class extends GdsElement {
+  // Method to programmatically apply video settings
+  applyVideoSettings() {
+    if (this.videoElement) {
+      this.videoElement.src = this.src || "";
+      this.videoElement.poster = this.poster || "";
+      this.videoElement.muted = this.muted || false;
+      this.videoElement.autoplay = this.autoplay || false;
+      this.videoElement.loop = this.loop || false;
+      this.videoElement.playsInline = this.playsinline || false;
+    }
+  }
+  render() {
+    return html`<figure><video></video></figure>`;
+  }
+  firstUpdated() {
+    this.applyVideoSettings();
+  }
+};
+GdsVideo.styles = [tokens, video_style_css_default];
+__decorateClass([
+  styleExpressionProperty({
+    property: "aspect-ratio",
+    selector: "figure",
+    valueTemplate: (v) => v
+  })
+], GdsVideo.prototype, "ratio", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "object-position",
+    selector: "video",
+    valueTemplate: (v) => v
+  })
+], GdsVideo.prototype, "position", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "inset",
+    selector: "figure",
+    valueTemplate: (v) => v
+  })
+], GdsVideo.prototype, "inset", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "width",
+    valueTemplate: (v) => v
+  })
+], GdsVideo.prototype, "width", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "height",
+    valueTemplate: (v) => v
+  })
+], GdsVideo.prototype, "height", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "opacity",
+    selector: "figure",
+    valueTemplate: (v) => v
+  })
+], GdsVideo.prototype, "opacity", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "object-fit",
+    selector: "video",
+    valueTemplate: (v) => v
+  })
+], GdsVideo.prototype, "fit", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "pointer-events",
+    selector: "video",
+    valueTemplate: (v) => v
+  })
+], GdsVideo.prototype, "events", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "border-radius",
+    selector: "figure",
+    valueTemplate: (v) => `var(--gds-sys-radii-${v})`
+  })
+], GdsVideo.prototype, "radius", 2);
+__decorateClass([
+  property()
+], GdsVideo.prototype, "src", 2);
+__decorateClass([
+  property()
+], GdsVideo.prototype, "poster", 2);
+__decorateClass([
+  property({ type: Boolean })
+], GdsVideo.prototype, "muted", 2);
+__decorateClass([
+  property({ type: Boolean })
+], GdsVideo.prototype, "playsinline", 2);
+__decorateClass([
+  property({ type: Boolean })
+], GdsVideo.prototype, "autoplay", 2);
+__decorateClass([
+  property({ type: Boolean })
+], GdsVideo.prototype, "loop", 2);
+__decorateClass([
+  query("video")
+], GdsVideo.prototype, "videoElement", 2);
+GdsVideo = __decorateClass([
+  gdsCustomElement("gds-video")
+], GdsVideo);
+
+export {
+  GdsVideo
+};

package/chunks/{chunk.7JJ5VKPL.js → chunk.SHB5EDF2.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.LQAZXKB4.js";
+} from "./chunk.U4I76VTQ.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";
@@ -20,7 +20,7 @@ var ripple_styles_default = `:host {
     var(--gds-sys-motion-delay) var(--gds-sys-motion-iteration-count)
     var(--gds-sys-motion-direction) var(--gds-sys-motion-fill-mode)
     var(--gds-sys-motion-play-state);
-  border-radius: var(--gds-sys-radii-full);
+  border-radius: var(--gds-space-max);
   contain: strict;
   display: flex;
   height: 100%;
@@ -32,7 +32,7 @@ var ripple_styles_default = `:host {
 
 div {
   background-color: currentColor;
-  border-radius: var(--gds-sys-radii-full);
+  border-radius: var(--gds-space-max);
   display: flex;
   height: 20px;
   left: var(--gds-ripple-left, 50%);

package/chunks/{chunk.ALCWEPRU.js → chunk.SHDTH3AL.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.QZ4X4ZDR.js → chunk.SNTSKT4Q.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.6O7NQL3S.js → chunk.SPUUIRJL.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.X6YXZQ2E.js → chunk.SUOADQVA.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.5DCBQPHF.js → chunk.SVDNQJZQ.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.ZH2LGVUB.js → chunk.SW5XQP7C.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/chunk.SXGACXKX.js

@@ -0,0 +1,28 @@
+// libs/core/src/components/media/video/video.style.css.ts
+import { css } from "lit";
+var style = css`
+  :host {
+    display: contents;
+  }
+
+  figure {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-size: 0;
+    width: 100%;
+    height: auto;
+    overflow: hidden;
+  }
+
+  video {
+    display: flex;
+    width: 100%;
+    height: 100%;
+  }
+`;
+var video_style_css_default = style;
+
+export {
+  video_style_css_default
+};

package/chunks/{chunk.7LKXSBSW.js → chunk.T6XVIIB4.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.ZA5GVZWR.js → chunk.TFGOOMX2.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.ODFR57T4.js → chunk.TL6GU2TC.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.M5FNUZ66.js → chunk.TPR3GICT.js}

@@ -18,13 +18,18 @@ var GdsIcon = class extends GdsElement {
     this.width = 24;
     this.height = 24;
     this.solid = false;
+    this.box = false;
     this.label = "";
   }
   render() {
+    const isSebIcon = this.constructor._name === "seb";
+    const width = isSebIcon ? "55" : this.width;
+    const height = isSebIcon ? "24" : this.height;
+    const viewBox = isSebIcon ? "0 0 55 24" : this.box || "0 0 24 24";
     const svgContent = `<svg
-      width="${this.width}"
-      height="${this.height}"
-      viewBox="0 0 24 24"
+      width="${width}"
+      height="${height}"
+      viewBox="${viewBox}"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       ${this.label ? `aria-label="${this.label}"` : `aria-label="${this.constructor._name}"`}
@@ -45,6 +50,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], GdsIcon.prototype, "solid", 2);
+__decorateClass([
+  property({ type: String })
+], GdsIcon.prototype, "box", 2);
 __decorateClass([
   property({ type: String })
 ], GdsIcon.prototype, "label", 2);

package/chunks/{chunk.OHSBKNTP.js → chunk.TRAZ6DC4.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.ADEE2OLR.js → chunk.TWHBPUPQ.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.D3INPOVZ.js → chunk.TX5MW2KI.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.2DSOJKNX.js → chunk.TXYVIK65.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.PFKKTBBB.js → chunk.TY4Y7B4L.js}

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.M5FNUZ66.js";
+} from "./chunk.TPR3GICT.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";