@infineon/design-system 0.0.0-stage → 41.11.0

package/dist/cjs/ifx-date-picker.cjs.entry.js

@@ -0,0 +1,203 @@
+'use strict';
+
+var index = require('./index-BiOrxEib.js');
+var domUtils = require('./dom-utils-BdvOgC2b.js');
+var tracking = require('./tracking-BPjaTlNR.js');
+
+const datePickerCss = () => `.date__picker-container{display:flex;flex-direction:column}.date__picker-container .label__wrapper{color:#1d1d1d;font:400 1rem/1.5rem "Source Sans 3";font-family:var(--ifx-font-family)}.date__picker-container .label__wrapper .asterisk{display:none}.date__picker-container .label__wrapper .asterisk.required{display:inline;margin-left:4px}.date__picker-container .label__wrapper .asterisk.required.error{color:#cd002f}.date__picker-container.disabled .label__wrapper{color:#bfbbbb}.date__picker-container.error .caption__wrapper{color:#cd002f}.date__picker-container.disabled .caption__wrapper{color:#bfbbbb}.date__picker-container .caption__wrapper{margin-top:4px;color:#1d1d1d;font:400 0.75rem/1rem "Source Sans 3";font-family:var(--ifx-font-family)}.date__picker-input{box-sizing:border-box;font-family:var(--ifx-font-family);outline:none;width:100%;cursor:pointer;border-radius:1px;border:1px solid #8d8786;height:100%}.date__picker-input.firefox__classes{padding:0px 14px;box-sizing:border-box;color:#8d8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.date__picker-input.firefox__classes:disabled{color:#ffffff}.date__picker-input:focus:not(.error,.success){border-color:#0a8276}.date__picker-input:hover:not(:disabled,:focus,.error,.success){border-color:#575352}.date__picker-input:disabled{border-color:#bfbbbb;background-color:#bfbbbb;cursor:default}.date__picker-input.readOnly{border:none;border-bottom:1px solid #bfbbbb;cursor:default;pointer-events:none}.date__picker-input.readOnly::-webkit-datetime-edit-fields-wrapper{padding-left:0}.date__picker-input.readOnly::-webkit-datetime-edit,.date__picker-input.readOnly::-webkit-datetime-edit-text{color:#1d1d1d}.date__picker-input.error{border-color:#cd002f}.date__picker-input.success:not(.error){border-color:#4ca460}.date__picker-input::-webkit-datetime-edit-text{color:#8d8786;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.date__picker-input:disabled::-webkit-datetime-edit,.date__picker-input:disabled::-webkit-datetime-edit-text{color:#ffffff}.date__picker-input.has-value::-webkit-datetime-edit-text{color:#1d1d1d}.date__picker-input.has-value::-webkit-datetime-edit{color:#1d1d1d}::-webkit-datetime-edit{color:#8d8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px}::-webkit-datetime-edit-fields-wrapper{padding:8px 16px;padding-bottom:9px;transform:translateY(1px)}::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{position:absolute;right:15px;font-size:19px;cursor:pointer;border-radius:1px}::-webkit-calendar-picker-indicator:focus-within{outline:2px solid #0a8276;outline-offset:2px}.input__wrapper{display:flex;justify-content:space-between;align-items:center;align-self:stretch;background:#ffffff;position:relative}.input__wrapper.large{height:40px}.input__wrapper.small{height:36px}.input__wrapper.disabled .icon__wrapper{background:none;color:#ffffff}.input__wrapper.disabled .icon__wrapper.firefox__classes{display:none}.input__wrapper.disabled .icon__wrapper{background-color:#bfbbbb;color:#ffffff}.input__wrapper.readOnly .icon__wrapper{color:#bfbbbb}.icon__wrapper{position:absolute;right:17px;margin:0;border:0;padding:2px;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;z-index:100;appearance:none;background-color:#ffffff;line-height:16px}.icon__wrapper span{position:relative;z-index:1}.icon__wrapper ifx-icon{position:relative;vertical-align:middle;z-index:1}.icon__wrapper.firefox__classes:focus-visible::after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid #0a8276;border-radius:15%}.icon__wrapper.firefox__classes::before{content:"";position:absolute;inset:-4px;z-index:0;background-color:#ffffff}`;
+
+const DatePicker = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ifxDate = index.createEvent(this, "ifxDate", 7);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+    }
+    inputId = `ifx-date-picker-${++datePickerId}`;
+    get el() { return index.getElement(this); }
+    /**
+     * Size of the date picker input
+     */
+    size = "s";
+    /**
+     * Error state of the date picker
+     */
+    error = false;
+    /**
+     * Success state of the date picker
+     */
+    success = false;
+    /**
+     * Whether the date picker is disabled
+     */
+    disabled = false;
+    /**
+     * Whether the date picker is read-only
+     */
+    readOnly = false;
+    /**
+     * Aria label for the date picker input
+     */
+    ariaLabelText;
+    /**
+     * The value of the date picker
+     */
+    value;
+    /**
+     * Type of date input (date, datetime-local, etc.)
+     */
+    type = "date";
+    /**
+     * Maximum allowed date
+     */
+    max;
+    /**
+     * Minimum allowed date
+     */
+    min;
+    /**
+     * Whether the date picker is required
+     */
+    required = false;
+    /**
+     * Label text for the date picker
+     */
+    label;
+    /**
+     * Caption text displayed below the date picker
+     */
+    caption;
+    /**
+     * Autocomplete attribute for the input
+     */
+    autocomplete = "on";
+    /**
+     * Internal state to manage the current value
+     */
+    internalValue;
+    internals;
+    /**
+     * Event emitted when date value changes
+     */
+    ifxDate;
+    handleValueChange(newValue) {
+        this.internalValue = newValue;
+    }
+    /**
+     * Clears the date picker value
+     */
+    async clear() {
+        this.internalValue = "";
+        const input = this.getInput();
+        if (input) {
+            input.classList.remove("has-value");
+        }
+        if (this.type === "datetime-local") {
+            this.ifxDate.emit({
+                day: null,
+                month: null,
+                year: null,
+                hours: null,
+                minutes: null,
+            });
+        }
+        else {
+            this.ifxDate.emit({ day: null, month: null, year: null });
+        }
+    }
+    getInput() {
+        const input = this.el.shadowRoot.querySelector(".date__picker-input");
+        return input;
+    }
+    getDate(e) {
+        const inputValue = e.target.value;
+        this.value = inputValue;
+        this.internalValue = inputValue;
+        const selectedDate = new Date(inputValue);
+        const day = selectedDate.getDate();
+        const month = selectedDate.getMonth() + 1;
+        const year = selectedDate.getFullYear();
+        if (!inputValue) {
+            //this.internals.setFormValue(null);
+            if (this.type === "datetime-local") {
+                const hours = selectedDate.getHours();
+                const minutes = selectedDate.getMinutes();
+                this.ifxDate.emit({ day, month, year, hours, minutes });
+            }
+            else {
+                this.ifxDate.emit({ day, month, year });
+            }
+            return;
+        }
+        const input = this.getInput();
+        input.classList.add("has-value");
+        //this.internals.setFormValue(selectedDate.toISOString().substring(0,10))
+        if (this.type === "datetime-local") {
+            const hours = selectedDate.getHours();
+            const minutes = selectedDate.getMinutes();
+            this.ifxDate.emit({ day, month, year, hours, minutes });
+        }
+        else {
+            this.ifxDate.emit({ day, month, year });
+        }
+    }
+    handleIconKeyDown(e) {
+        if (this.disabled)
+            return;
+        const browserIsFirefox = this.isFirefox();
+        const input = this.getInput();
+        if (e.key === "Enter" && browserIsFirefox) {
+            e.preventDefault();
+            if (input.showPicker) {
+                input.showPicker();
+            }
+        }
+    }
+    isFirefox() {
+        const isFirefox = navigator.userAgent.indexOf("Firefox") !== -1;
+        return isFirefox;
+    }
+    setFireFoxClasses() {
+        const browserIsFirefox = this.isFirefox();
+        const input = this.getInput();
+        const iconWrapper = this.el.shadowRoot.querySelector(".icon__wrapper");
+        if (browserIsFirefox) {
+            input.classList.add("firefox__classes");
+            iconWrapper.classList.add("firefox__classes");
+        }
+        else if (input.classList.contains("firefox__classes")) {
+            input.classList.remove("firefox__classes");
+            iconWrapper.classList.remove("firefox__classes");
+        }
+    }
+    async componentDidLoad() {
+        if (!domUtils.isNestedInIfxComponent(this.el)) {
+            const framework = tracking.detectFramework();
+            tracking.trackComponent("ifx-date-picker", await framework);
+        }
+        this.setFireFoxClasses();
+    }
+    componentWillLoad() {
+        this.internalValue = this.value;
+    }
+    // formResetCallback() {
+    //   this.internals.setFormValue(null);
+    // }
+    render() {
+        return (index.h("div", { key: '606389879ef54f5069e88ca8fb3b029697f592b5', class: `date__picker-container ${this.readOnly ? "readOnly" : this.error ? "error" : this.disabled ? "disabled" : ""}` }, index.h("label", { key: 'a8ae70f93be2fe3300b234f38580e42c8dcba18d', class: "label__wrapper", htmlFor: this.inputId }, this.label?.trim(), index.h("span", { key: 'a0541bb99cf6f8b19dbd570195775929063420c5', class: `asterisk ${this.required ? "required" : ""} ${this.error && !this.readOnly ? "error" : ""}` }, "*")), index.h("div", { key: '674c678306284d59a6b704d9f11a6485f02c1656', class: `input__wrapper ${this.size === "l" ? "large" : "small"} ${this.readOnly ? "readOnly" : !this.error && this.disabled ? "disabled" : ""}` }, index.h("input", { key: '5c0690be3b7e8c8401c37af9c4439d9956d486e0', type: this.type, autocomplete: this.autocomplete, class: `date__picker-input ${this.readOnly ? "readOnly" : ""} ${!this.readOnly && this.error ? "error" : ""} ${!this.readOnly && this.success ? "success" : ""}`, disabled: !this.readOnly && !this.error && this.disabled ? true : undefined, readOnly: this.readOnly, "aria-invalid": this.error ? true : undefined, "aria-label": this.ariaLabelText, max: this.max, min: this.min, value: this.internalValue, required: this.required, onChange: (e) => this.getDate(e) }), index.h("button", { key: 'a70393132f55ae2828a1c52e68ee55b63496d543', type: "button", class: "icon__wrapper", disabled: this.disabled, "aria-label": "Open date picker", tabIndex: this.isFirefox() ? 0 : -1, onKeyDown: (e) => this.handleIconKeyDown(e) }, index.h("span", { key: 'dd6d16c479e1d9bb899c0ea966d1b89a78ab0dce', "aria-hidden": "true" }, index.h("ifx-icon", { key: '009a57c029fe16f869460ede391c5c46fa1a761e', icon: "calendar16" })))), this.caption?.trim() && (index.h("div", { key: '3cfde155bac1f251b44ebe1fc656c3b4b01900e9', class: "caption__wrapper" }, this.caption.trim()))));
+    }
+    static get watchers() { return {
+        "value": [{
+                "handleValueChange": 0
+            }]
+    }; }
+};
+let datePickerId = 0;
+DatePicker.style = datePickerCss();
+
+exports.ifx_date_picker = DatePicker;

package/dist/cjs/ifx-download.cjs.entry.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var index = require('./index-BiOrxEib.js');
+var urlUtils = require('./url-utils-CPE59br4.js');
+
+const downloadCss = () => ``;
+
+const Download = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** Type of file to download. */
+    tokens = "css";
+    render() {
+        const fileMap = {
+            css: "https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/css-variables.css",
+            scss: "https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/scss-variables.scss",
+            json: "https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-echarts-theme/dds-echarts-theme.json",
+            js: "https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-echarts-theme/dds-echarts-theme.js",
+        };
+        const fileUrl = fileMap[this.tokens];
+        const fileName = this.tokens === "json" || this.tokens === "js"
+            ? `dds-echarts-theme.${this.tokens}`
+            : `infineon-tokens.${this.tokens}`;
+        return (index.h("ifx-link", { key: '61750b255910d33eb39f460a26eae9b14fcb0da7', onClick: (e) => {
+                e.preventDefault();
+                fetch(fileUrl)
+                    .then((res) => res.blob())
+                    .then((blob) => {
+                    const link = document.createElement("a");
+                    link.href = urlUtils.sanitizeHref(URL.createObjectURL(blob));
+                    link.download = fileName;
+                    link.click();
+                });
+            }, href: fileUrl, download: fileName, class: "download__wrapper", size: "m", variant: "bold" }, index.h("slot", { key: '785f67a681f4ce24a03ae2d44ad0e06cafa4e4b4' })));
+    }
+};
+Download.style = downloadCss();
+
+exports.ifx_download = Download;

package/dist/cjs/ifx-dropdown-header.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-BiOrxEib.js');
+
+const dropdownHeaderCss = () => `.dropdown-header{display:flex;padding:8px 16px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid #eeeded;font-family:var(--ifx-font-family)}.dropdown-header span{color:#575352;font-family:var(--ifx-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:20px;}`;
+
+const DropdownHeader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("div", { key: '2272b53b32c6cd9a67c36a463626fa1ebf28cebf', class: "dropdown-header" }, index.h("span", { key: 'c99f028c2c446edcd80ceb4c13d83329b868f8ea' }, index.h("slot", { key: 'f1d7a62919f6bd17487e2f5d5f5d263383920675' }))));
+    }
+};
+DropdownHeader.style = dropdownHeaderCss();
+
+exports.ifx_dropdown_header = DropdownHeader;

package/dist/cjs/ifx-dropdown-item.cjs.entry.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var index = require('./index-BiOrxEib.js');
+var urlUtils = require('./url-utils-CPE59br4.js');
+
+const dropdownItemCss = () => `.dropdown-item{text-decoration:none;color:#1d1d1d;display:flex;align-items:center;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.dropdown-item:focus{outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #0a8276}.dropdown-item.hide{display:none}.dropdown-item span{color:#1d1d1d;font-size:16px;font-style:normal;font-weight:400;line-height:24px;}.dropdown-item.small span{font-size:14px}.dropdown-item:hover{cursor:pointer;background-color:#eeeded}.dropdown-item:active{background-color:#bfbbbb}.dropdown-item.error{color:#cd002f}.dropdown-item.error span{color:#cd002f}.dropdown-item.disabled{color:#bfbbbb;pointer-events:none}.dropdown-item.disabled span{color:#bfbbbb}.icon{margin-right:4px}button.dropdown-item{width:100%;border:0;background-color:transparent;text-align:left}`;
+
+const DropdownItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ifxDropdownItem = index.createEvent(this, "ifxDropdownItem", 7);
+    }
+    /** Icon to show in the dropdown item. */
+    icon = "";
+    /** Link the dropdown item should navigate to when clicked. */
+    href = "";
+    /** Where to open the link. */
+    target = "_self";
+    /** If true, this dropdown item is hidden. */
+    hide = false;
+    /** If true, this item is shown in an error style. */
+    error = false;
+    /** If true, this item is disabled and not interactive. */
+    disabled = false;
+    size = "l";
+    /** Fired when the dropdown item is clicked or selected. */
+    ifxDropdownItem;
+    get el() { return index.getElement(this); }
+    handleMenuSize(event) {
+        this.size = event.detail;
+    }
+    handleHostClick(e) {
+        if (this.disabled) {
+            e.stopPropagation();
+        }
+    }
+    handleEventEmission(e) {
+        if (this.disabled) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        this.ifxDropdownItem.emit(this.el.textContent);
+    }
+    render() {
+        const hasHref = this.href !== undefined && this.href !== null && this.href !== "";
+        const common = {
+            class: `dropdown-item ${this.size === "s" ? "small" : ""} ${this.hide ? "hide" : ""} ${this.disabled ? "disabled" : this.error ? "error" : ""}`,
+            onClick: (e) => this.handleEventEmission(e),
+            role: "menuitem",
+            "aria-disabled": this.disabled ? "true" : undefined,
+        };
+        if (this.disabled) {
+            common.tabIndex = -1;
+        }
+        else if (!hasHref) {
+            common.tabIndex = 0;
+        }
+        const content = [
+            this.icon && index.h("ifx-icon", { key: '6184b1f64e26236d0e6b1b27c43417d3ad52b193', class: "icon", icon: this.icon }),
+            index.h("span", { key: 'a0f4342309edaeb59f792d243ff93466cba34c3f' }, index.h("slot", { key: '6dd30c60f28f3f8d4fab2698d578ad74e150e78b' })),
+        ];
+        return hasHref ? (index.h("a", { ...common, href: urlUtils.sanitizeHref(this.href), target: this.target }, content)) : (index.h("button", { ...common, type: "button", disabled: this.disabled }, content));
+    }
+};
+DropdownItem.style = dropdownItemCss();
+
+exports.ifx_dropdown_item = DropdownItem;

package/dist/cjs/ifx-dropdown-menu.cjs.entry.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var index = require('./index-BiOrxEib.js');
+
+const dropdownMenuCss = () => `:host{position:relative;z-index:1000}.dropdown-menu{display:none;visibility:hidden;flex-direction:column;width:224px;max-height:289px;min-width:224px;overflow-y:auto;background:#ffffff;box-shadow:0 1px 1px 0 rgba(29, 29, 29, 0.12), 0 0 1px 0 rgba(29, 29, 29, 0.12);border:1px solid #eeeded;padding:8px 4px;font-family:var(--ifx-font-family)}.dropdown-menu.small{max-height:266px;max-width:186px;overflow-y:auto}.dropdown-menu.hideTopPadding{padding-top:0px}.dropdown-menu.show{display:flex;visibility:visible}`;
+
+const DropdownMenu = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.menuSize = index.createEvent(this, "menuSize", 7);
+        this.ifxDropdownMenuItem = index.createEvent(this, "ifxDropdownMenuItem", 7);
+    }
+    /** Controls wether the dropdown menu is open or closed. */
+    isOpen = false;
+    /**
+     * Size of the dropdown menu.
+     * @default "l"
+     */
+    size = "l";
+    hideTopPadding = false;
+    get el() { return index.getElement(this); }
+    /** Emits the calculated size of the menu */
+    menuSize;
+    filteredItems = [];
+    /** Fired when a dropdown menu item is selected */
+    ifxDropdownMenuItem;
+    handleMenuFilter(event) {
+        const searchValue = event.detail;
+        this.filterDropdownItems(searchValue);
+    }
+    handleDropdownItemValueEmission(event) {
+        this.ifxDropdownMenuItem.emit(event.detail);
+    }
+    filterDropdownItems(searchValue) {
+        const allItems = Array.from(this.el.querySelectorAll("ifx-dropdown-item"));
+        let dropdownItem, txtValue;
+        const query = searchValue.toUpperCase();
+        for (let i = 0; i < allItems.length; i++) {
+            dropdownItem = allItems[i];
+            txtValue = dropdownItem.textContent || dropdownItem.innerText;
+            if (txtValue.toUpperCase().indexOf(query) > -1) {
+                dropdownItem.setAttribute("hide", false);
+            }
+            else {
+                dropdownItem.setAttribute("hide", true);
+            }
+        }
+    }
+    componentWillUpdate() {
+        this.menuSize.emit(this.size);
+    }
+    componentWillLoad() {
+        this.filteredItems = Array.from(this.el.querySelectorAll("ifx-dropdown-item"));
+        const searchField = this.el.querySelector("ifx-search-field");
+        const dropdownHeader = this.el.querySelector("ifx-dropdown-header");
+        if (searchField || dropdownHeader) {
+            this.hideTopPadding = true;
+        }
+        else
+            this.hideTopPadding = false;
+    }
+    render() {
+        return (index.h("div", { key: '63c4cd96ebf86e6a7ec427ba94c239958128e414', class: `dropdown-menu 
+      ${this.isOpen ? "show" : ""} 
+      ${this.hideTopPadding ? "hideTopPadding" : ""}
+      ${this.size === "s" ? "small" : ""}` }, index.h("slot", { key: 'a04e1008747a8c868004d947ca042a4d763a4f7b' })));
+    }
+};
+DropdownMenu.style = dropdownMenuCss();
+
+exports.ifx_dropdown_menu = DropdownMenu;

package/dist/cjs/ifx-dropdown-separator.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-BiOrxEib.js');
+
+const dropdownSeparatorCss = () => `.dropdown-separator{height:1px;background-color:#eeeded;margin:8px 16px}`;
+
+const DropdownSeparator = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return index.h("div", { key: 'bba5fef6f55e3188c1e7eaec9907856ea7d06339', class: "dropdown-separator" });
+    }
+};
+DropdownSeparator.style = dropdownSeparatorCss();
+
+exports.ifx_dropdown_separator = DropdownSeparator;

package/dist/cjs/ifx-dropdown-trigger-button.cjs.entry.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var index = require('./index-BiOrxEib.js');
+
+const dropdownTriggerButtonCss = () => `:host{display:inline-block}.rotate{transition:transform 0.2s ease-in-out;transform:rotate(-180deg);margin-top:0em}.icon{margin-top:0em;transition:transform 0.2s ease-in-out}`;
+
+const DropdownTriggerButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** Controls wether the dropdown trigger is open */
+    isOpen = false;
+    /** Color theme of the trigger. */
+    theme = "default";
+    /** Visual style variant. */
+    variant = "primary";
+    /** Size of the trigger button. */
+    size = "m";
+    /** If true, trigger is disabled and not clickable. */
+    disabled = false;
+    /** If true, hides the dropdown arrow icon. */
+    hideArrow = false;
+    render() {
+        return (index.h("ifx-button", { key: '8cdf759289dfb3efa13847a758646f064fbc5ced', variant: this.variant, theme: this.theme, size: this.size, disabled: this.disabled, class: "dropdown-trigger-button" }, index.h("slot", { key: 'd1e9c10b3bb2130728e97e41b45bfe915142134a' }), !this.hideArrow && (index.h("ifx-icon", { key: '327f3d907b78573dc2f4bc7e8bbf97fdda213e0d', icon: "chevron-down-16", class: `icon${this.isOpen ? " rotate" : ""}` }))));
+    }
+};
+DropdownTriggerButton.style = dropdownTriggerButtonCss();
+
+exports.ifx_dropdown_trigger_button = DropdownTriggerButton;

package/dist/cjs/ifx-dropdown-trigger.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var index = require('./index-BiOrxEib.js');
+
+const dropdownTriggerCss = () => `:host{display:inline-block;cursor:pointer}`;
+
+const DropdownItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** Controls wether the dropdown is currently open. */
+    isOpen = false;
+    render() {
+        return index.h("slot", { key: 'd81c4b88d4acac4f2a6ba054d830650d4a3e9268' });
+    }
+};
+DropdownItem.style = dropdownTriggerCss();
+
+exports.ifx_dropdown_trigger = DropdownItem;