@infineon/infineon-design-system-stencil 30.6.1 → 30.7.0--canary.1659.0e44124c828725a583b383fc9417f61d1ad0d432.0

package/dist/components/ifx-list-notification.js

@@ -1,107 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-68d90201.js';
-
-const listGroupNotificationCss = ".list-group-notification{width:350px;height:88px;padding:16px;margin-bottom:8px;background-color:#FFFFFF;border:1px solid #EEEDED;font-family:var(--ifx-font-family)}.list-group-notification .description__section{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.list-group-notification.flush{border:none;border-bottom:1px solid #EEEDED}.list-group-notification .heading__section{display:flex;justify-content:space-between;margin-bottom:8px;color:#0A8276}.list-group-notification .heading__section-title{flex:1;margin:0;font-weight:600;line-height:1.2;font-size:1rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.list-group-notification .heading__section-time{flex:none;margin-left:2px;font-size:0.875rem;line-height:1.25rem;font-weight:400;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}";
-const IfxListNotificationStyle0 = listGroupNotificationCss;
-
-const ListGroupNotification = /*@__PURE__*/ proxyCustomElement(class ListGroupNotification extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.titleText = "";
-        this.isFlush = false;
-        this.creationTime = undefined;
-        this.postTime = undefined;
-        this.shownTime = undefined;
-    }
-    setDisplayTime(seconds, minutes, hours, days) {
-        if (seconds <= 60) {
-            this.shownTime = `Just now`;
-        }
-        else if (minutes <= 60) {
-            this.shownTime = `${minutes} min. ago`;
-        }
-        else if (hours <= 24) {
-            this.shownTime = hours > 1 ? `${hours} hr. ago` : `${hours} hrs. ago`;
-        }
-        else if (days) {
-            this.shownTime = hours < 48 ? `1 day ago` : `${days} days ago`;
-            if (hours > 168) {
-                this.shownTime = `${new Date().getDay()}.${new Date().getMonth()}.${new Date().getFullYear()}`;
-            }
-        }
-    }
-    stringToDate(dataString) {
-        if (!dataString)
-            return null;
-        let dateParts = dataString.split("/");
-        if (dateParts[2]) {
-            if (dateParts[2].split(" ")[1]) {
-                let timeParts = dateParts[2].split(" ")[1].split(":");
-                dateParts[2] = dateParts[2].split(" ")[0];
-                return new Date(+dateParts[2], dateParts[1] - 1, +dateParts[0], timeParts[0], timeParts[1], timeParts[2]);
-            }
-        }
-    }
-    getElapsedTime(time) {
-        let date = this.stringToDate(time);
-        if (date) {
-            let miliseconds = Date.now() - date.getTime();
-            let seconds = Math.floor(miliseconds / 1000);
-            let minutes = Math.floor(miliseconds / 60000);
-            let hours = Math.floor(minutes / 60);
-            let days = Math.floor(hours / 24);
-            this.setDisplayTime(seconds, minutes, hours, days);
-        }
-    }
-    setTimeInterval(time) {
-        this.postTime = window.setInterval(() => {
-            this.getElapsedTime(time);
-        }, 1000);
-    }
-    ;
-    componentWillLoad() {
-        this.getElapsedTime(this.creationTime);
-        this.setTimeInterval(this.creationTime); //if time update on refresh, delete this & clear interval
-        const ifxListGroup = this.el.closest('ifx-list-group');
-        if (ifxListGroup.flush) {
-            this.isFlush = true;
-        }
-        else
-            this.isFlush = false;
-    }
-    disconnectedCallback() {
-        window.clearInterval(this.postTime);
-    }
-    render() {
-        return (h("div", { key: '91e1c400374162be139fed99ce0d7e4495b46eb6', class: `list-group-notification ${this.isFlush ? 'flush' : ""}` }, h("div", { key: 'f15575375e0698d0bedb1989e86bfcc24347d1a6', class: "heading__section" }, h("h6", { key: 'ea441212ebfe13f6d2714417dbe3f2770598fd6d', class: "heading__section-title" }, this.titleText), h("div", { key: '0dffec118ce4c588e992531d68492382ad20476d', class: "heading__section-time" }, this.shownTime)), h("div", { key: '063ccfbb83b2a2d839e6e230ec88fba4b9d59a1d', class: "description__section" }, h("slot", { key: 'e449dec2d47fba283a71b1f284963652d39b8ac8' }))));
-    }
-    get el() { return this; }
-    static get style() { return IfxListNotificationStyle0; }
-}, [1, "ifx-list-notification", {
-        "titleText": [1, "title-text"],
-        "isFlush": [4, "is-flush"],
-        "creationTime": [8, "creation-time"],
-        "postTime": [32],
-        "shownTime": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ifx-list-notification"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ifx-list-notification":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ListGroupNotification);
-            }
-            break;
-    } });
-}
-
-const IfxListNotification = ListGroupNotification;
-const defineCustomElement = defineCustomElement$1;
-
-export { IfxListNotification, defineCustomElement };
-
-//# sourceMappingURL=ifx-list-notification.js.map

package/dist/components/ifx-list-notification.js.map

@@ -1 +0,0 @@
-{"file":"ifx-list-notification.js","mappings":"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","names":[],"sources":["src/components/list-group/list-group-notification.scss?tag=ifx-list-notification&encapsulation=shadow","src/components/list-group/list-group-notification.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.list-group-notification {\n  width: 350px;\n  height: 88px;\n  padding: 16px;\n  margin-bottom: 8px;\n  background-color: tokens.$ifxColorBaseWhite;\n  border: 1px solid tokens.$ifxColorEngineering200;\n  font-family: var(--ifx-font-family);\n\n  & .description__section {\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.flush {\n    border: none;\n    border-bottom: 1px solid tokens.$ifxColorEngineering200;\n  }\n\n  & .heading__section {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 8px;\n    color: tokens.$ifxColorOcean500;\n  }\n\n  & .heading__section-title {\n    flex: 1;\n    margin: 0;\n    font-weight: tokens.$ifxFontWeightSemibold;\n    line-height: 1.2;\n    font-size: tokens.$ifxFontSizeM;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  & .heading__section-time {\n    flex: none;\n    margin-left: 2px;\n    font-size: tokens.$ifxFontSizeS;\n    line-height: tokens.$ifxLineHeightS;\n    font-weight: 400;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}","import { Component, h, Element, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-list-notification',\n  styleUrl: 'list-group-notification.scss',\n  shadow: true,\n})\n\nexport class ListGroupNotification {\n  @Element() el;\n  @Prop() titleText: string = \"\"\n  @Prop() isFlush: boolean = false;\n  @Prop() creationTime: any;\n  @State() postTime: number;\n  @State() shownTime: string;\n\n  setDisplayTime(seconds, minutes, hours, days) {\n    if (seconds <= 60) {\n      this.shownTime = `Just now`\n    } else if (minutes <= 60) {\n      this.shownTime = `${minutes} min. ago`\n    } else if (hours <= 24) {\n      this.shownTime = hours > 1 ? `${hours} hr. ago` : `${hours} hrs. ago`\n    } else if (days) {\n      this.shownTime = hours < 48 ? `1 day ago` : `${days} days ago`\n      if (hours > 168) {\n        this.shownTime = `${new Date().getDay()}.${new Date().getMonth()}.${new Date().getFullYear()}`\n      }\n    }\n  }\n\n  stringToDate(dataString) {\n    if (!dataString) return null\n    let dateParts = dataString.split(\"/\");\n    if (dateParts[2]) {\n      if (dateParts[2].split(\" \")[1]) {\n        let timeParts = dateParts[2].split(\" \")[1].split(\":\");\n        dateParts[2] = dateParts[2].split(\" \")[0];\n        return new Date(+dateParts[2], dateParts[1] - 1, +dateParts[0], timeParts[0], timeParts[1], timeParts[2]);\n      }\n    }\n  }\n\n  getElapsedTime(time) {\n    let date = this.stringToDate(time)\n    if (date) {\n      let miliseconds = Date.now() - date.getTime()\n      let seconds = Math.floor(miliseconds / 1000);\n      let minutes = Math.floor(miliseconds / 60000);\n      let hours = Math.floor(minutes / 60);\n      let days = Math.floor(hours / 24);\n      this.setDisplayTime(seconds, minutes, hours, days)\n    }\n  }\n\n  setTimeInterval(time) {\n    this.postTime = window.setInterval(() => {\n      this.getElapsedTime(time)\n    }, 1000)\n  };\n\n  componentWillLoad() {\n    this.getElapsedTime(this.creationTime)\n    this.setTimeInterval(this.creationTime) //if time update on refresh, delete this & clear interval\n    const ifxListGroup = this.el.closest('ifx-list-group')\n    if (ifxListGroup.flush) {\n      this.isFlush = true;\n    } else this.isFlush = false;\n  }\n\n  disconnectedCallback() {\n    window.clearInterval(this.postTime);\n  }\n\n  render() {\n    return (\n      <div class={`list-group-notification ${this.isFlush ? 'flush' : \"\"}`}>\n        <div class=\"heading__section\">\n          <h6 class=\"heading__section-title\">{this.titleText}</h6>\n          <div class=\"heading__section-time\">{this.shownTime}</div>\n        </div>\n        <div class=\"description__section\">\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/ifx-list-group.entry.js

@@ -1,24 +0,0 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-dc4139fb.js';
-
-const listGroupCss = ":host{display:inline-flex}.list-group-container{display:inline-flex;flex-direction:column;gap:3px}";
-const IfxListGroupStyle0 = listGroupCss;
-
-const ListGroup = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.flush = false;
-        this.bulletpoint = false;
-        this.notification = false;
-    }
-    render() {
-        return (h(Host, { key: '5d89f65af5f1b8e1f78b88f70065c55281eb8c27' }, h("div", { key: '0ae653b5307044468d507ee9be6539a430c2103c', class: `list-group-container 
-        ${this.flush ? 'flush' : ""} 
-        ${this.bulletpoint ? 'bulletpoint' : ""}` }, h("slot", { key: 'd7cd601c0b1bfd63aa5dee3f4f657082fa1e30e3', name: 'list-item' }), h("slot", { key: '77efa54a094a8f97081f0d2dd26e527e96a3d79f', name: "list-notification" }))));
-    }
-    get el() { return getElement(this); }
-};
-ListGroup.style = IfxListGroupStyle0;
-
-export { ListGroup as ifx_list_group };
-
-//# sourceMappingURL=ifx-list-group.entry.js.map

package/dist/esm/ifx-list-group.entry.js.map

@@ -1 +0,0 @@
-{"file":"ifx-list-group.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,oGAAoG,CAAC;AAC1H,2BAAe,YAAY;;MCQd,SAAS;;;qBAEK,KAAK;2BACC,KAAK;4BACJ,KAAK;;IAGrC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EACR;UACA,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,EAAE;UACzB,IAAI,CAAC,WAAW,GAAG,aAAa,GAAG,EAAE,EAAE,IAEvC,6DAAM,IAAI,EAAC,WAAW,GAAG,EACzB,6DAAM,IAAI,EAAC,mBAAmB,GAAG,CAC7B,CACD,EACP;KACH;;;;;;;","names":[],"sources":["src/components/list-group/list-group.scss?tag=ifx-list-group&encapsulation=shadow","src/components/list-group/list-group.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n\n:host  {\n  display: inline-flex;\n}\n\n.list-group-container {\n  display: inline-flex;\n  flex-direction: column;\n  gap: 3px;\n}","import { Component, h, Element, Prop, Host } from '@stencil/core';\n \n\n@Component({\n  tag: 'ifx-list-group',\n  styleUrl: 'list-group.scss',\n  shadow: true,\n})\n\nexport class ListGroup {\n  @Element() el;\n  @Prop() flush: boolean = false;\n  @Prop() bulletpoint: boolean = false;\n  @Prop() notification: boolean = false;\n\n\n  render() {\n    return (\n      <Host>\n        <div class={\n          `list-group-container \n        ${this.flush ? 'flush' : \"\"} \n        ${this.bulletpoint ? 'bulletpoint' : \"\"}`\n        }>\n          <slot name='list-item' />\n          <slot name=\"list-notification\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/ifx-list-item.entry.js

@@ -1,38 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-dc4139fb.js';
-
-const listGroupItemCss = "@charset \"UTF-8\";.list-group-item{display:flex;align-items:center;justify-content:space-between;height:40px;width:350px;padding:8px 16px;background-color:#FFFFFF;border:1px solid #EEEDED;border-radius:1px 1px 0px 0px;font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;font-family:var(--ifx-font-family)}.list-group-item.flush{border:none;border-bottom:1px solid #EEEDED}.list-group-item.flush.bulletpoint{padding:8px}.list-group-item.bulletpoint .list-group-item-content::before{content:\"•\";display:inline-block;font-size:1.125rem;padding-right:10px}.list-group-item:hover:not(.show){background-color:#EEEDED}.list-group-item:active:not(.show){background-color:#0A8276;color:#FFFFFF}.list-group-item.show{display:block;height:88px;padding:16px}";
-const IfxListItemStyle0 = listGroupItemCss;
-
-const ListGroupItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.isFlush = false;
-        this.hasBulletpoint = false;
-        this.badge = false;
-        this.badgeValue = 0;
-    }
-    componentWillLoad() {
-        const ifxListGroup = this.el.closest('ifx-list-group');
-        if (ifxListGroup.flush) {
-            this.isFlush = true;
-        }
-        else
-            this.isFlush = false;
-        if (ifxListGroup.bulletpoint && !this.badge) {
-            this.hasBulletpoint = true;
-        }
-        else
-            this.hasBulletpoint = false;
-    }
-    render() {
-        return (h("div", { key: 'd50beef84939fea9d25bd5a7a0450683f4580f89', class: `list-group-item 
-        ${this.isFlush ? 'flush' : ""}
-        ${this.hasBulletpoint ? 'bulletpoint' : ""}` }, h("div", { key: '56373799f79b2379fb0f22ef0f2abf8468bd74c9', class: "list-group-item-content" }, h("slot", { key: '2080edc3978491aa3abd0de9dff866f5d8582a4b' })), this.badge && h("ifx-number-indicator", { key: '212364a9efd52a75d47f453c7652574c2332082c' }, this.badgeValue)));
-    }
-    get el() { return getElement(this); }
-};
-ListGroupItem.style = IfxListItemStyle0;
-
-export { ListGroupItem as ifx_list_item };
-
-//# sourceMappingURL=ifx-list-item.entry.js.map

package/dist/esm/ifx-list-item.entry.js.map

@@ -1 +0,0 @@
-{"file":"ifx-list-item.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,+vBAA+vB,CAAC;AACzxB,0BAAe,gBAAgB;;MCOlB,aAAa;;;uBAEoB,KAAK;8BACd,KAAK;qBACf,KAAK;0BACD,CAAC;;IAE9B,iBAAiB;QACf,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAA;QACtD,IAAI,YAAY,CAAC,KAAK,EAAE;YACtB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACrB;;YAAM,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QAE5B,IAAI,YAAY,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YAC3C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;SAC5B;;YAAM,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;KACpC;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EACR;UACE,IAAI,CAAC,OAAO,GAAG,OAAO,GAAG,EAAE;UAC3B,IAAI,CAAC,cAAc,GAAG,aAAa,GAAG,EAAE,EAAE,IAC5C,4DAAK,KAAK,EAAC,yBAAyB,IAClC,8DAAQ,CACJ,EACL,IAAI,CAAC,KAAK,IAAI,+EAAuB,IAAI,CAAC,UAAU,CAAwB,CACzE,EACN;KACH;;;;;;;","names":[],"sources":["src/components/list-group/list-group-item.scss?tag=ifx-list-item&encapsulation=shadow","src/components/list-group/list-group-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.list-group-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: tokens.$ifxSize500;\n  width: 350px;\n  padding: 8px 16px;\n  background-color: tokens.$ifxColorBaseWhite;\n  border: 1px solid tokens.$ifxColorEngineering200;\n  border-radius: 1px 1px 0px 0px;\n  font-style: normal;\n  font-weight: 400;\n  font-size: tokens.$ifxFontSizeM;\n  line-height: tokens.$ifxLineHeightM;\n  font-family: var(--ifx-font-family);\n\n  &.flush {\n    border: none;\n    border-bottom: 1px solid tokens.$ifxColorEngineering200;\n\n    &.bulletpoint {\n      padding: 8px;\n    }\n  }\n\n  &.bulletpoint {\n    & .list-group-item-content::before {\n      content: \"•\";\n      display: inline-block;\n      font-size: tokens.$ifxFontSizeL;\n      padding-right: 10px;\n    }\n  }\n\n  &:hover:not(.show) {\n    background-color: tokens.$ifxColorEngineering200;\n  }\n\n  &:active:not(.show) {\n    background-color: tokens.$ifxColorOcean500;\n    color: tokens.$ifxColorBaseWhite;\n  }\n\n  &.show {\n    display: block;\n    height: 88px;\n    padding: 16px;\n  }\n}","import { Component, h, Element, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-list-item',\n  styleUrl: 'list-group-item.scss',\n  shadow: true,\n})\n\nexport class ListGroupItem {\n  @Element() el;\n  @Prop({ mutable: true }) isFlush: boolean = false;\n  @State() hasBulletpoint: boolean = false;\n  @Prop() badge: boolean = false;\n  @Prop() badgeValue: number = 0;\n\n  componentWillLoad() {\n    const ifxListGroup = this.el.closest('ifx-list-group')\n    if (ifxListGroup.flush) {\n      this.isFlush = true;\n    } else this.isFlush = false;\n\n    if (ifxListGroup.bulletpoint && !this.badge) {\n      this.hasBulletpoint = true;\n    } else this.hasBulletpoint = false;\n  }\n\n  render() {\n    return (\n      <div class={\n        `list-group-item \n        ${this.isFlush ? 'flush' : \"\"}\n        ${this.hasBulletpoint ? 'bulletpoint' : \"\"}`}>\n        <div class=\"list-group-item-content\">\n          <slot />\n        </div>\n        {this.badge && <ifx-number-indicator>{this.badgeValue}</ifx-number-indicator>}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/ifx-list-notification.entry.js

@@ -1,83 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-dc4139fb.js';
-
-const listGroupNotificationCss = ".list-group-notification{width:350px;height:88px;padding:16px;margin-bottom:8px;background-color:#FFFFFF;border:1px solid #EEEDED;font-family:var(--ifx-font-family)}.list-group-notification .description__section{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.list-group-notification.flush{border:none;border-bottom:1px solid #EEEDED}.list-group-notification .heading__section{display:flex;justify-content:space-between;margin-bottom:8px;color:#0A8276}.list-group-notification .heading__section-title{flex:1;margin:0;font-weight:600;line-height:1.2;font-size:1rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.list-group-notification .heading__section-time{flex:none;margin-left:2px;font-size:0.875rem;line-height:1.25rem;font-weight:400;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}";
-const IfxListNotificationStyle0 = listGroupNotificationCss;
-
-const ListGroupNotification = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.titleText = "";
-        this.isFlush = false;
-        this.creationTime = undefined;
-        this.postTime = undefined;
-        this.shownTime = undefined;
-    }
-    setDisplayTime(seconds, minutes, hours, days) {
-        if (seconds <= 60) {
-            this.shownTime = `Just now`;
-        }
-        else if (minutes <= 60) {
-            this.shownTime = `${minutes} min. ago`;
-        }
-        else if (hours <= 24) {
-            this.shownTime = hours > 1 ? `${hours} hr. ago` : `${hours} hrs. ago`;
-        }
-        else if (days) {
-            this.shownTime = hours < 48 ? `1 day ago` : `${days} days ago`;
-            if (hours > 168) {
-                this.shownTime = `${new Date().getDay()}.${new Date().getMonth()}.${new Date().getFullYear()}`;
-            }
-        }
-    }
-    stringToDate(dataString) {
-        if (!dataString)
-            return null;
-        let dateParts = dataString.split("/");
-        if (dateParts[2]) {
-            if (dateParts[2].split(" ")[1]) {
-                let timeParts = dateParts[2].split(" ")[1].split(":");
-                dateParts[2] = dateParts[2].split(" ")[0];
-                return new Date(+dateParts[2], dateParts[1] - 1, +dateParts[0], timeParts[0], timeParts[1], timeParts[2]);
-            }
-        }
-    }
-    getElapsedTime(time) {
-        let date = this.stringToDate(time);
-        if (date) {
-            let miliseconds = Date.now() - date.getTime();
-            let seconds = Math.floor(miliseconds / 1000);
-            let minutes = Math.floor(miliseconds / 60000);
-            let hours = Math.floor(minutes / 60);
-            let days = Math.floor(hours / 24);
-            this.setDisplayTime(seconds, minutes, hours, days);
-        }
-    }
-    setTimeInterval(time) {
-        this.postTime = window.setInterval(() => {
-            this.getElapsedTime(time);
-        }, 1000);
-    }
-    ;
-    componentWillLoad() {
-        this.getElapsedTime(this.creationTime);
-        this.setTimeInterval(this.creationTime); //if time update on refresh, delete this & clear interval
-        const ifxListGroup = this.el.closest('ifx-list-group');
-        if (ifxListGroup.flush) {
-            this.isFlush = true;
-        }
-        else
-            this.isFlush = false;
-    }
-    disconnectedCallback() {
-        window.clearInterval(this.postTime);
-    }
-    render() {
-        return (h("div", { key: '91e1c400374162be139fed99ce0d7e4495b46eb6', class: `list-group-notification ${this.isFlush ? 'flush' : ""}` }, h("div", { key: 'f15575375e0698d0bedb1989e86bfcc24347d1a6', class: "heading__section" }, h("h6", { key: 'ea441212ebfe13f6d2714417dbe3f2770598fd6d', class: "heading__section-title" }, this.titleText), h("div", { key: '0dffec118ce4c588e992531d68492382ad20476d', class: "heading__section-time" }, this.shownTime)), h("div", { key: '063ccfbb83b2a2d839e6e230ec88fba4b9d59a1d', class: "description__section" }, h("slot", { key: 'e449dec2d47fba283a71b1f284963652d39b8ac8' }))));
-    }
-    get el() { return getElement(this); }
-};
-ListGroupNotification.style = IfxListNotificationStyle0;
-
-export { ListGroupNotification as ifx_list_notification };
-
-//# sourceMappingURL=ifx-list-notification.entry.js.map

package/dist/esm/ifx-list-notification.entry.js.map

@@ -1 +0,0 @@
-{"file":"ifx-list-notification.entry.js","mappings":"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","names":[],"sources":["src/components/list-group/list-group-notification.scss?tag=ifx-list-notification&encapsulation=shadow","src/components/list-group/list-group-notification.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.list-group-notification {\n  width: 350px;\n  height: 88px;\n  padding: 16px;\n  margin-bottom: 8px;\n  background-color: tokens.$ifxColorBaseWhite;\n  border: 1px solid tokens.$ifxColorEngineering200;\n  font-family: var(--ifx-font-family);\n\n  & .description__section {\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.flush {\n    border: none;\n    border-bottom: 1px solid tokens.$ifxColorEngineering200;\n  }\n\n  & .heading__section {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 8px;\n    color: tokens.$ifxColorOcean500;\n  }\n\n  & .heading__section-title {\n    flex: 1;\n    margin: 0;\n    font-weight: tokens.$ifxFontWeightSemibold;\n    line-height: 1.2;\n    font-size: tokens.$ifxFontSizeM;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  & .heading__section-time {\n    flex: none;\n    margin-left: 2px;\n    font-size: tokens.$ifxFontSizeS;\n    line-height: tokens.$ifxLineHeightS;\n    font-weight: 400;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}","import { Component, h, Element, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-list-notification',\n  styleUrl: 'list-group-notification.scss',\n  shadow: true,\n})\n\nexport class ListGroupNotification {\n  @Element() el;\n  @Prop() titleText: string = \"\"\n  @Prop() isFlush: boolean = false;\n  @Prop() creationTime: any;\n  @State() postTime: number;\n  @State() shownTime: string;\n\n  setDisplayTime(seconds, minutes, hours, days) {\n    if (seconds <= 60) {\n      this.shownTime = `Just now`\n    } else if (minutes <= 60) {\n      this.shownTime = `${minutes} min. ago`\n    } else if (hours <= 24) {\n      this.shownTime = hours > 1 ? `${hours} hr. ago` : `${hours} hrs. ago`\n    } else if (days) {\n      this.shownTime = hours < 48 ? `1 day ago` : `${days} days ago`\n      if (hours > 168) {\n        this.shownTime = `${new Date().getDay()}.${new Date().getMonth()}.${new Date().getFullYear()}`\n      }\n    }\n  }\n\n  stringToDate(dataString) {\n    if (!dataString) return null\n    let dateParts = dataString.split(\"/\");\n    if (dateParts[2]) {\n      if (dateParts[2].split(\" \")[1]) {\n        let timeParts = dateParts[2].split(\" \")[1].split(\":\");\n        dateParts[2] = dateParts[2].split(\" \")[0];\n        return new Date(+dateParts[2], dateParts[1] - 1, +dateParts[0], timeParts[0], timeParts[1], timeParts[2]);\n      }\n    }\n  }\n\n  getElapsedTime(time) {\n    let date = this.stringToDate(time)\n    if (date) {\n      let miliseconds = Date.now() - date.getTime()\n      let seconds = Math.floor(miliseconds / 1000);\n      let minutes = Math.floor(miliseconds / 60000);\n      let hours = Math.floor(minutes / 60);\n      let days = Math.floor(hours / 24);\n      this.setDisplayTime(seconds, minutes, hours, days)\n    }\n  }\n\n  setTimeInterval(time) {\n    this.postTime = window.setInterval(() => {\n      this.getElapsedTime(time)\n    }, 1000)\n  };\n\n  componentWillLoad() {\n    this.getElapsedTime(this.creationTime)\n    this.setTimeInterval(this.creationTime) //if time update on refresh, delete this & clear interval\n    const ifxListGroup = this.el.closest('ifx-list-group')\n    if (ifxListGroup.flush) {\n      this.isFlush = true;\n    } else this.isFlush = false;\n  }\n\n  disconnectedCallback() {\n    window.clearInterval(this.postTime);\n  }\n\n  render() {\n    return (\n      <div class={`list-group-notification ${this.isFlush ? 'flush' : \"\"}`}>\n        <div class=\"heading__section\">\n          <h6 class=\"heading__section-title\">{this.titleText}</h6>\n          <div class=\"heading__section-time\">{this.shownTime}</div>\n        </div>\n        <div class=\"description__section\">\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/infineon-design-system-stencil/p-10b773f0.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c,h as i,g as t}from"./p-6b122987.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block;user-select:none}.container{display:flex;flex-direction:row;align-items:center}.container.gap{gap:16px}.switch__checkbox-container{padding:4px;display:flex;align-items:center;position:relative;width:32px;height:16px;background-color:#FFFFFF;border:1px solid #575352;border-radius:20px;cursor:pointer;transition:background-color 0.3s ease;outline:none}.switch__checkbox-container:focus{outline:4px solid #0A8276;outline-offset:2px}.switch__checkbox-container:focus:not(:focus-visible){outline:none}.switch__checkbox-container:focus-visible{outline:2px solid #0A8276;outline-offset:2px}.switch__checkbox-container.disabled{cursor:default;border-color:#BFBBBB}.switch__label-wrapper label:hover{cursor:pointer}.switch__label-wrapper.disabled{color:#BFBBBB}.switch__checkbox-wrapper .switch{width:16px;height:16px;background-color:#575352;border-radius:50%;transition:transform 0.3s ease, background-color 0.3s ease}.switch__checkbox-wrapper .switch.disabled{background-color:#BFBBBB;border-color:#BFBBBB;cursor:default}.switch__checkbox-wrapper .switch.checked{transform:translateX(16px);background-color:#FFFFFF}.switch__checkbox-wrapper .switch.checked.disabled{cursor:default}.switch__checkbox-container:hover .toggle-switch{box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.switch__checkbox-container.checked{background-color:#0A8276;border-color:#0A8276}.switch__checkbox-container.checked.disabled{background-color:#BFBBBB;border-color:#BFBBBB;cursor:default}';const o=s;const a=class{constructor(i){e(this,i);this.ifxChange=c(this,"ifxChange",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.checked=false;this.name="";this.disabled=false;this.value=undefined;this.internalChecked=false}async isChecked(){return this.internalChecked}componentWillLoad(){this.internalChecked=this.checked}toggleLabelGap(){const e=this.el.shadowRoot.querySelector("slot");const c=this.el.shadowRoot.querySelector(".container");if(e.assignedNodes().length){c.classList.add("gap")}else{c.classList.remove("gap")}}componentDidLoad(){this.toggleLabelGap()}valueChanged(e,c){if(e!==c){this.internalChecked=e}}toggleSwitch(){if(this.disabled)return;this.internalChecked=!this.internalChecked;if(this.internalChecked){if(this.value!==undefined){this.internals.setFormValue(this.value)}else{this.internals.setFormValue("on")}}else{this.internals.setFormValue(null)}this.ifxChange.emit(this.internalChecked)}handleKeyDown(e){if(this.disabled)return;if(e.key==="Enter"||e.key===" "){this.toggleSwitch()}}formResetCallback(){this.internals.setFormValue(null)}render(){return i("div",{key:"16d5d06fafa337fd6beac9ace18322ab5727968f",class:"container",role:"switch","aria-checked":this.internalChecked?"true":"false","aria-label":this.name,onClick:()=>this.toggleSwitch(),onKeyDown:e=>this.handleKeyDown(e)},i("div",{key:"79dc45173c4a30f01075c4294771181bdfe18423",class:`switch__checkbox-container ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`,tabindex:"0"},i("div",{key:"8aee9283fdd91234ba4c19d37a38de74f244445a",class:"switch__checkbox-wrapper"},i("input",{key:"8d1c55b322721fecce9b4015a91410760a8cb469",type:"checkbox",hidden:true,name:this.name,disabled:this.disabled,checked:this.internalChecked,value:`${this.value}`}),i("div",{key:"34c9e0a329a4b326adbf9d5372cd43ff0c3645a5",class:`switch ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`}))),i("div",{key:"a27b19ca30180b0ff29c2c5bff8e59a8c98bb417",class:`switch__label-wrapper ${this.disabled?"disabled":""}`},i("label",{key:"502e523b69a2bb3007eb7023321904848c1e6c1a",htmlFor:"switch"},i("slot",{key:"46adc952c72ee5320bc26c1ed1e41d1ef52857af",onSlotchange:()=>this.toggleLabelGap()}))))}static get formAssociated(){return true}get el(){return t(this)}static get watchers(){return{checked:["valueChanged"]}}};a.style=o;export{a as ifx_switch};
-//# sourceMappingURL=p-10b773f0.entry.js.map

package/dist/infineon-design-system-stencil/p-10f15012.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,g as r}from"./p-6b122987.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{position:relative}.sidebar__title{width:100%;height:fit-content;border-top:1px solid #EEEDED;padding:12px 0}.sidebar__title.no-top-border{border-top:none}.sidebar__title-label{height:20px;font:600 0.875rem/1.25rem "Source Sans 3";text-transform:uppercase;color:#575352;letter-spacing:3px}';const i=a;const s=class{constructor(t){e(this,t)}render(){return t("div",{key:"6a42cc97dadcab602872bda9d993f9bf7c12b199",class:"sidebar__title"},t("div",{key:"ebd8129870e6d9541b5053e194fe6e271aec9e3a",class:"sidebar__title-label"},t("slot",{key:"c27949801198f4eeb0495b8aebcbdda6576859a8"})))}get el(){return r(this)}};s.style=i;export{s as ifx_sidebar_title};
-//# sourceMappingURL=p-10f15012.entry.js.map

package/dist/infineon-design-system-stencil/p-83007eb9.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as e,g as i}from"./p-6b122987.js";const n=":host{display:block}";const a=n;const o=class{constructor(e){t(this,e);this.tabHeaderChange=s(this,"tabHeaderChange",7);this.header=undefined;this.disabled=undefined;this.icon="";this.iconPosition="left"}componentWillUpdate(){this.tabHeaderChange.emit(this.header)}render(){return e("slot",{key:"32b2746133a9943640f4c6171d368a2be9b0fe1e"})}get el(){return i(this)}};o.style=a;export{o as ifx_tab};
-//# sourceMappingURL=p-83007eb9.entry.js.map