@infineon/infineon-design-system-stencil 30.0.0--canary.1626.ffb29ef0579b15bc19c3bb02e9b882c9b0e882e1.0 → 30.0.0--canary.1626.aeec3483953b238b8058a8bc41c443ffa47eb680.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ifx-basic-table.cjs.entry.js +1 -1
- package/dist/cjs/ifx-chip_3.cjs.entry.js +7 -2
- package/dist/cjs/ifx-chip_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-date-picker.cjs.entry.js +4 -2
- package/dist/cjs/ifx-date-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-faq.cjs.entry.js +1 -1
- package/dist/cjs/ifx-filter-accordion.cjs.entry.js +2 -2
- package/dist/cjs/ifx-filter-bar.cjs.entry.js +1 -1
- package/dist/cjs/ifx-filter-search.cjs.entry.js +1 -1
- package/dist/cjs/ifx-filter-type-group.cjs.entry.js +1 -1
- package/dist/cjs/ifx-list-entry.cjs.entry.js +1 -1
- package/dist/cjs/ifx-multiselect_2.cjs.entry.js +4 -4
- package/dist/cjs/ifx-navbar.cjs.entry.js +6 -4
- package/dist/cjs/ifx-navbar.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-overview-table.cjs.entry.js +1 -1
- package/dist/cjs/ifx-overview-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/ifx-radio-button.cjs.entry.js +2 -2
- package/dist/cjs/ifx-search-bar.cjs.entry.js +1 -1
- package/dist/cjs/ifx-search-field.cjs.entry.js +1 -1
- package/dist/cjs/ifx-segment.cjs.entry.js +1 -1
- package/dist/cjs/ifx-segmented-control.cjs.entry.js +2 -2
- package/dist/cjs/ifx-select.cjs.entry.js +58 -3
- package/dist/cjs/ifx-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-slider.cjs.entry.js +2 -2
- package/dist/cjs/ifx-spinner.cjs.entry.js +2 -2
- package/dist/cjs/ifx-status.cjs.entry.js +1 -1
- package/dist/cjs/ifx-step.cjs.entry.js +4 -4
- package/dist/cjs/ifx-stepper.cjs.entry.js +2 -2
- package/dist/cjs/ifx-switch.cjs.entry.js +1 -1
- package/dist/cjs/ifx-tab.cjs.entry.js +1 -1
- package/dist/cjs/ifx-table.cjs.entry.js +2 -2
- package/dist/cjs/ifx-tabs.cjs.entry.js +2 -2
- package/dist/cjs/ifx-tag.cjs.entry.js +1 -1
- package/dist/cjs/ifx-textarea.cjs.entry.js +2 -2
- package/dist/cjs/ifx-tooltip.cjs.entry.js +4 -4
- package/dist/cjs/infineon-design-system-stencil.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/date-picker/date-picker.css +7 -0
- package/dist/collection/components/date-picker/date-picker.js +3 -1
- package/dist/collection/components/date-picker/date-picker.js.map +1 -1
- package/dist/collection/components/navigation/navbar/navbar.js +6 -4
- package/dist/collection/components/navigation/navbar/navbar.js.map +1 -1
- package/dist/collection/components/overview-table/overview-table.js +1 -1
- package/dist/collection/components/overview-table/overview-table.js.map +1 -1
- package/dist/collection/components/pagination/pagination.js +7 -2
- package/dist/collection/components/pagination/pagination.js.map +1 -1
- package/dist/collection/components/progress-bar/progress-bar.js +1 -1
- package/dist/collection/components/radio-button/radio-button.js +2 -2
- package/dist/collection/components/search-bar/search-bar.js +1 -1
- package/dist/collection/components/search-field/search-field.js +1 -1
- package/dist/collection/components/segmented-control/segment/segment.js +1 -1
- package/dist/collection/components/segmented-control/segmented-control.js +2 -2
- package/dist/collection/components/select/single-select/select.css +3 -0
- package/dist/collection/components/select/single-select/select.js +76 -3
- package/dist/collection/components/select/single-select/select.js.map +1 -1
- package/dist/collection/components/slider/slider.js +2 -2
- package/dist/collection/components/spinner/spinner.js +2 -2
- package/dist/collection/components/status/status.js +1 -1
- package/dist/collection/components/stepper/step/step.js +4 -4
- package/dist/collection/components/stepper/stepper.js +2 -2
- package/dist/collection/components/switch/switch.js +1 -1
- package/dist/collection/components/table-advanced-version/filter-bar/filter-bar.js +1 -1
- package/dist/collection/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js +2 -2
- package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.js +1 -1
- package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.js +1 -1
- package/dist/collection/components/table-advanced-version/list/list-entry/list-entry.js +1 -1
- package/dist/collection/components/table-advanced-version/table.js +2 -2
- package/dist/collection/components/table-basic-version/table.js +1 -1
- package/dist/collection/components/tabs/tab.js +1 -1
- package/dist/collection/components/tabs/tabs.js +2 -2
- package/dist/collection/components/tag/tag.js +1 -1
- package/dist/collection/components/text-field/text-field.js +4 -4
- package/dist/collection/components/textarea/textarea.js +2 -2
- package/dist/collection/components/tooltip/tooltip.js +4 -4
- package/dist/collection/stories/setup-and-installation/faq/faq.js +1 -1
- package/dist/components/ifx-basic-table.js +1 -1
- package/dist/components/ifx-date-picker.js +4 -2
- package/dist/components/ifx-date-picker.js.map +1 -1
- package/dist/components/ifx-faq.js +1 -1
- package/dist/components/ifx-filter-accordion.js +2 -2
- package/dist/components/ifx-filter-bar.js +1 -1
- package/dist/components/ifx-filter-search.js +2 -2
- package/dist/components/ifx-filter-type-group.js +1 -1
- package/dist/components/ifx-list-entry.js +2 -2
- package/dist/components/ifx-navbar.js +6 -4
- package/dist/components/ifx-navbar.js.map +1 -1
- package/dist/components/ifx-overview-table.js +1 -1
- package/dist/components/ifx-overview-table.js.map +1 -1
- package/dist/components/ifx-pagination.js +1 -1
- package/dist/components/ifx-progress-bar.js +1 -1
- package/dist/components/ifx-radio-button.js +1 -1
- package/dist/components/ifx-search-bar.js +2 -2
- package/dist/components/ifx-search-field.js +1 -1
- package/dist/components/ifx-segment.js +1 -1
- package/dist/components/ifx-segmented-control.js +2 -2
- package/dist/components/ifx-select.js +1 -1
- package/dist/components/ifx-set-filter.js +2 -2
- package/dist/components/ifx-slider.js +2 -2
- package/dist/components/ifx-spinner.js +2 -2
- package/dist/components/ifx-status.js +1 -1
- package/dist/components/ifx-step.js +4 -4
- package/dist/components/ifx-stepper.js +2 -2
- package/dist/components/ifx-switch.js +1 -1
- package/dist/components/ifx-tab.js +1 -1
- package/dist/components/ifx-table.js +4 -4
- package/dist/components/ifx-tabs.js +2 -2
- package/dist/components/ifx-tag.js +1 -1
- package/dist/components/ifx-text-field.js +1 -1
- package/dist/components/ifx-textarea.js +2 -2
- package/dist/components/ifx-tooltip.js +4 -4
- package/dist/components/{p-07b492d8.js → p-81357e99.js} +9 -4
- package/dist/components/p-81357e99.js.map +1 -0
- package/dist/components/{p-4adbcde3.js → p-b9024e1a.js} +62 -5
- package/dist/components/p-b9024e1a.js.map +1 -0
- package/dist/components/{p-64f0fdf0.js → p-d0f74c7f.js} +3 -3
- package/dist/components/{p-64f0fdf0.js.map → p-d0f74c7f.js.map} +1 -1
- package/dist/components/{p-975b1a84.js → p-d5a199fb.js} +5 -5
- package/dist/components/{p-975b1a84.js.map → p-d5a199fb.js.map} +1 -1
- package/dist/components/{p-8ef3226f.js → p-f64f5f8d.js} +2 -2
- package/dist/components/{p-8ef3226f.js.map → p-f64f5f8d.js.map} +1 -1
- package/dist/esm/ifx-basic-table.entry.js +1 -1
- package/dist/esm/ifx-chip_3.entry.js +7 -2
- package/dist/esm/ifx-chip_3.entry.js.map +1 -1
- package/dist/esm/ifx-date-picker.entry.js +4 -2
- package/dist/esm/ifx-date-picker.entry.js.map +1 -1
- package/dist/esm/ifx-faq.entry.js +1 -1
- package/dist/esm/ifx-filter-accordion.entry.js +2 -2
- package/dist/esm/ifx-filter-bar.entry.js +1 -1
- package/dist/esm/ifx-filter-search.entry.js +1 -1
- package/dist/esm/ifx-filter-type-group.entry.js +1 -1
- package/dist/esm/ifx-list-entry.entry.js +1 -1
- package/dist/esm/ifx-multiselect_2.entry.js +4 -4
- package/dist/esm/ifx-navbar.entry.js +6 -4
- package/dist/esm/ifx-navbar.entry.js.map +1 -1
- package/dist/esm/ifx-overview-table.entry.js +1 -1
- package/dist/esm/ifx-overview-table.entry.js.map +1 -1
- package/dist/esm/ifx-progress-bar.entry.js +1 -1
- package/dist/esm/ifx-radio-button.entry.js +2 -2
- package/dist/esm/ifx-search-bar.entry.js +1 -1
- package/dist/esm/ifx-search-field.entry.js +1 -1
- package/dist/esm/ifx-segment.entry.js +1 -1
- package/dist/esm/ifx-segmented-control.entry.js +2 -2
- package/dist/esm/ifx-select.entry.js +58 -3
- package/dist/esm/ifx-select.entry.js.map +1 -1
- package/dist/esm/ifx-slider.entry.js +2 -2
- package/dist/esm/ifx-spinner.entry.js +2 -2
- package/dist/esm/ifx-status.entry.js +1 -1
- package/dist/esm/ifx-step.entry.js +4 -4
- package/dist/esm/ifx-stepper.entry.js +2 -2
- package/dist/esm/ifx-switch.entry.js +1 -1
- package/dist/esm/ifx-tab.entry.js +1 -1
- package/dist/esm/ifx-table.entry.js +2 -2
- package/dist/esm/ifx-tabs.entry.js +2 -2
- package/dist/esm/ifx-tag.entry.js +1 -1
- package/dist/esm/ifx-textarea.entry.js +2 -2
- package/dist/esm/ifx-tooltip.entry.js +4 -4
- package/dist/esm/infineon-design-system-stencil.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
- package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js.map +1 -1
- package/dist/infineon-design-system-stencil/{p-2afb8620.entry.js → p-02be14a9.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-c90f337e.entry.js → p-0ddf85fc.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-16f9a47c.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-2ea18356.entry.js → p-1f329979.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-5ab7bd95.entry.js → p-208b28b1.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-a9a1fc54.entry.js → p-25bf54c9.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-849b1812.entry.js → p-2e8c0115.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-2fbad873.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-2fbad873.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-1e07a44d.entry.js → p-30640970.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-31e9d4f8.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-18d07164.entry.js.map → p-31e9d4f8.entry.js.map} +1 -1
- package/dist/infineon-design-system-stencil/{p-e21ab79f.entry.js → p-336778c3.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-9f1ab459.entry.js → p-37ecac74.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-9ecb5401.entry.js → p-39697853.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-7d11833b.entry.js → p-49872432.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-4631ff84.entry.js → p-4af08129.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-4631ff84.entry.js.map → p-4af08129.entry.js.map} +1 -1
- package/dist/infineon-design-system-stencil/{p-45c14df8.entry.js → p-50e122c4.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-d2749c43.entry.js → p-5edfe317.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-ba22e912.entry.js → p-666e0ea0.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-9910fa06.entry.js → p-7378190d.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-b4d2f129.entry.js → p-75436967.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-661d19d6.entry.js → p-8b089cd1.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-73a92169.entry.js → p-a10f9b3c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-e65cee48.entry.js → p-b010bfcb.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-b010bfcb.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-57671542.entry.js → p-b30b66e5.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-10ae176f.entry.js → p-bc40ad21.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-a4f220c4.entry.js → p-c2e6cbdb.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-9b77f2ec.entry.js → p-cdad5d2c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-19565224.entry.js → p-ce9e5451.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-100ec922.entry.js → p-db4a364b.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-100ec922.entry.js.map → p-db4a364b.entry.js.map} +1 -1
- package/dist/infineon-design-system-stencil/p-ea74d7ab.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-85e4c1c2.entry.js → p-f121e197.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-85e4c1c2.entry.js.map → p-f121e197.entry.js.map} +1 -1
- package/dist/types/components/select/single-select/select.d.ts +7 -0
- package/dist/types/components.d.ts +1 -0
- package/package.json +1 -1
- package/dist/components/p-07b492d8.js.map +0 -1
- package/dist/components/p-4adbcde3.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-18d07164.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-6c6ddeb1.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-9518ef02.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-9518ef02.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-d868e967.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-e65cee48.entry.js.map +0 -1
- /package/dist/infineon-design-system-stencil/{p-2afb8620.entry.js.map → p-02be14a9.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-c90f337e.entry.js.map → p-0ddf85fc.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-d868e967.entry.js.map → p-16f9a47c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-2ea18356.entry.js.map → p-1f329979.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-5ab7bd95.entry.js.map → p-208b28b1.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-a9a1fc54.entry.js.map → p-25bf54c9.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-849b1812.entry.js.map → p-2e8c0115.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-1e07a44d.entry.js.map → p-30640970.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-e21ab79f.entry.js.map → p-336778c3.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-9f1ab459.entry.js.map → p-37ecac74.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-9ecb5401.entry.js.map → p-39697853.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-7d11833b.entry.js.map → p-49872432.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-45c14df8.entry.js.map → p-50e122c4.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-d2749c43.entry.js.map → p-5edfe317.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-ba22e912.entry.js.map → p-666e0ea0.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-9910fa06.entry.js.map → p-7378190d.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-b4d2f129.entry.js.map → p-75436967.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-661d19d6.entry.js.map → p-8b089cd1.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-73a92169.entry.js.map → p-a10f9b3c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-57671542.entry.js.map → p-b30b66e5.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-10ae176f.entry.js.map → p-bc40ad21.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-a4f220c4.entry.js.map → p-c2e6cbdb.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-9b77f2ec.entry.js.map → p-cdad5d2c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-19565224.entry.js.map → p-ce9e5451.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-6c6ddeb1.entry.js.map → p-ea74d7ab.entry.js.map} +0 -0
@@ -1,2 +0,0 @@
|
|
1
|
-
import{r as e,c,h as i,g as t}from"./p-80bb0959.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:"1ed3d8c2f655656146ed24e547175ac81617f9d9",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:"a0c5348b7011c57c2f8acc5d4f1aa6f34a014819",class:`switch__checkbox-container ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`,tabindex:"0"},i("div",{key:"05788440cc2d89f498b9d1dd61c96cff79d177aa",class:"switch__checkbox-wrapper"},i("input",{key:"afc473786a71945c1109551cd47ce76fd3a325d4",type:"checkbox",hidden:true,name:this.name,disabled:this.disabled,checked:this.internalChecked,value:`${this.value}`}),i("div",{key:"888e72f8e141ffbc0e314039d7c144daf2c580b3",class:`switch ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`}))),i("div",{key:"50f218bae8c294eaebe3f9058c2818511cd515a5",class:`switch__label-wrapper ${this.disabled?"disabled":""}`},i("label",{key:"833c29fc6dbb5f1efc2e073100f267b3fddefcb8",htmlFor:"switch"},i("slot",{key:"7b43f97578aba84c4a67ced1b11fd1d9940d834e",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};
|
2
|
-
//# sourceMappingURL=p-18d07164.entry.js.map
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import{r as t,c as e,h as i,a as s,g as a}from"./p-80bb0959.js";const l=":host{display:block;width:100%}.search-container{display:flex;width:calc(100% - 48px);padding-left:24px;padding-right:24px;flex-direction:row;align-items:flex-start;margin-bottom:16px}.components-container{display:flex;width:calc(100% - 48px);padding-left:24px;padding-right:24px;flex-direction:row;align-items:flex-end;align-content:flex-end;flex-wrap:wrap;gap:16px}.filter-slot-wrapper{flex-grow:1;flex-basis:100%;max-width:100%}@media (max-width: 1024px){.more-filters-wrapper{order:3;width:100%;display:flex;justify-content:center;padding-top:16px;}}@media (min-width: 720px) and (max-width: 1024px){.filter-slot-wrapper{flex-basis:calc((100% - 16px) / 2);max-width:calc((100% - 16px) / 2)}}@media (min-width: 1025px){.filter-slot-wrapper{flex-basis:auto;max-width:200px}::slotted([slot=filter-search]){max-width:828px}}::slotted([slot=filter-search]){flex-grow:1;flex-basis:100%;width:100%}";const r=l;const f=class{constructor(i){t(this,i);this.ifxTopbarFilterChange=e(this,"ifxTopbarFilterChange",7);this.handleMoreFiltersClick=()=>{this.showAllFilters=true;this.updateVisibleSlots()};this.handleResetEvent=()=>{var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="filter-search"]');if(e instanceof HTMLSlotElement){const t=e.assignedElements({flatten:true});t.forEach((t=>{const e=t.querySelector("ifx-filter-search");const i=e.shadowRoot.querySelectorAll("ifx-search-field");if(i.length>0){i.forEach((t=>{t.value=""}))}}))}this.selectedOptions=[];this.ifxTopbarFilterChange.emit(this.selectedOptions)};this.handleSearchChange=t=>{this.handleTopbarFilterChange(t)};this.handleFilterSelect=t=>{this.handleTopbarFilterChange(t)};this.handleTopbarFilterChange=t=>{const e=[...this.selectedOptions];if(t.type==="ifxFilterSearchChange"){const{filterName:i,filterValue:s}=t.detail;const a=e.findIndex((t=>t.filterName===i));if(a!==-1){e[a].filterValues=[s]}else{e.push({filterName:i,filterValues:[s],type:"text"})}}else if(t.type==="ifxFilterSelect"){const{filterName:i,filterValues:s,type:a}=t.detail;const l=e.findIndex((t=>t.filterName===i));if(l!==-1){e[l].filterValues=s;e[l].type=a}else{e.push({filterName:i,filterValues:s,type:a})}}this.selectedOptions=e;this.ifxTopbarFilterChange.emit(this.selectedOptions)};this.selectedOptions=[];this.showAllFilters=false;this.maxShownFilters=4;this.visibleSlots=undefined;this.showMoreFiltersButton=true}connectedCallback(){this.el.addEventListener("ifxFilterSelect",this.handleTopbarFilterChange);this.el.addEventListener("ifxFilterSearchChange",this.handleSearchChange);window.addEventListener("ifxResetFiltersEvent",this.handleResetEvent)}componentWillUnload(){this.el.removeEventListener("ifxFilterSelect",this.handleTopbarFilterChange);this.el.removeEventListener("ifxFilterSearchChange",this.handleSearchChange);window.removeEventListener("ifxResetFiltersEvent",this.handleResetEvent)}componentDidLoad(){this.updateVisibleSlots()}updateVisibleSlots(){this.visibleSlots=this.showAllFilters?Number.MAX_SAFE_INTEGER:this.maxShownFilters}render(){const t=Math.max(0,this.visibleSlots);const e=this.el.querySelectorAll("ifx-set-filter").length;const a=Math.min(t,e,Number.MAX_SAFE_INTEGER);const l=Array.from({length:a},((t,e)=>i("div",{class:"filter-slot-wrapper"},i("slot",{name:`filter-component-${e+1}`}))));return i(s,{key:"8302f01d256343b5acdf59351bf044a08fc43d85"},i("div",{key:"2ede4173255582ed0c7c2bfa2b2479390ab1c1d1",class:"search-container"},i("slot",{key:"585480096c2ce91dfbdb83aa1e9b64e7d3d4695f",name:"filter-search"})," "),i("div",{key:"c10d0148c792dd16e46875a61779a8dbda8f0ad4",class:"components-container"},l.length>0?l:i("slot",{name:"filter-component"}),this.showMoreFiltersButton&&!this.showAllFilters&&i("div",{key:"152bcfc50bd8cade1e88bf84eb21f99ff5eda6a4",class:"more-filters-wrapper",onClick:this.handleMoreFiltersClick},i("ifx-button",{key:"cba910a07c5e33a1aad870bafdeb4e9ddcca2661",type:"button",disabled:false,variant:"tertiary",size:"m",target:"_blank",theme:"default","full-width":"false"},i("ifx-icon",{key:"5375aef4f5401314162fef5214e8cc2b88c12a9e",icon:"filter-16"}),"More filters"))))}get el(){return a(this)}};f.style=r;export{f as ifx_filter_bar};
|
2
|
-
//# sourceMappingURL=p-6c6ddeb1.entry.js.map
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import{r as e,c as i,h as t,g as r}from"./p-80bb0959.js";const a='.date__picker-container{display:flex;flex-direction:column}.date__picker-container .label__wrapper{color:#1D1D1D;font:400 1rem/1.5rem "Source Sans 3"}.date__picker-container.disabled .label__wrapper{color:#575352}.date__picker-container.error .caption__wrapper{color:#CD002F}.date__picker-container.disabled .caption__wrapper{color:#575352}.date__picker-container .caption__wrapper{margin-top:4px;color:#1D1D1D;font:400 0.75rem/1rem "Source Sans 3"}.date__picker-input{font-family:"Source Sans 3";outline:none;width:100%;cursor:pointer;border-radius:1px;border:1px solid #8D8786;height:100%}.date__picker-input.firefox__classes{padding:8px 16px;color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.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:#575352;background-color:#EEEDED}.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}::-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-color:#EEEDED}.icon__wrapper{position:absolute;right:17px;padding:2px;display:flex;justify-content:flex-end;pointer-events:none;z-index:100;background-color:#FFFFFF;line-height:16px}.icon__wrapper ifx-icon{vertical-align:middle}';const n=a;const o=class{constructor(t){e(this,t);this.ifxDate=i(this,"ifxDate",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.inputId=`ifx-date-picker-${++s}`;this.size="s";this.error=false;this.success=false;this.disabled=false;this.AriaLabel=undefined;this.value=undefined;this.max=undefined;this.min=undefined;this.required=false;this.label=undefined;this.caption=undefined}getDate(e){const i=e.target.value;const t=new Date(i);const r=t.getDate();const a=t.getMonth()+1;const n=t.getFullYear();if(!i){this.internals.setFormValue(null);this.ifxDate.emit({day:r,month:a,year:n});return}this.internals.setFormValue(t.toISOString().substring(0,10));this.ifxDate.emit({day:r,month:a,year:n})}handleInputFocusOnIconClick(){const e=this.el.shadowRoot.querySelector(".date__picker-input");if(e){e.focus()}}getBrowser(){if(navigator.userAgent.indexOf("Chrome")!=-1){return"Chrome"}else if(navigator.userAgent.indexOf("Opera")!=-1){return"Opera"}else if(navigator.userAgent.indexOf("MSIE")!=-1){return"IE"}else if(navigator.userAgent.indexOf("Firefox")!=-1){return"Firefox"}else{return"unknown"}}setFireFoxClasses(){const e=this.getBrowser();const i=this.el.shadowRoot.querySelector(".date__picker-input");if(e==="Firefox"){i.classList.add("firefox__classes")}else if(i.classList.contains("firefox__classes")){i.classList.remove("firefox__classes")}}componentDidLoad(){this.setFireFoxClasses();if(this.value){this.getDate({target:{value:this.value}})}}formResetCallback(){this.internals.setFormValue(null)}render(){var e,i;return t("div",{key:"ce5028886c311b912f9e14b4b7b4f4237d3de6da",class:`date__picker-container ${this.error?"error":""} ${this.disabled?"disabled":""}`},t("label",{key:"82375ce0dcbdb370519d7cfdf285c9df8ae01670",class:"label__wrapper",htmlFor:this.inputId},(e=this.label)===null||e===void 0?void 0:e.trim()),t("div",{key:"04be58e77cc2b675e235e04dfd23d27a68b98f73",class:`input__wrapper ${this.size==="l"?"large":"small"} ${this.disabled?"disabled":undefined}`},t("input",{key:"dbab92a47af9afad0e46afcb580f0f6e3f09c046",type:"date",class:`date__picker-input ${this.error?"error":""} ${this.success?"success":""}`,disabled:this.disabled?true:undefined,"aria-invalid":this.error,"aria-label":this.AriaLabel,max:this.max,min:this.min,value:this.value,required:this.required,onChange:e=>this.getDate(e)}),t("div",{key:"8b3a1cc4548f8b8fda7f7e6f970a81cc696f0f5a",class:"icon__wrapper",role:"button",onClick:()=>this.handleInputFocusOnIconClick()},t("ifx-icon",{key:"1ba3389b857cb71964d25e345fcf219f0c98e709",icon:"calendar16"}))),((i=this.caption)===null||i===void 0?void 0:i.trim())&&t("div",{key:"d1fa13cadee62e4b30c4e45196353f56d7c73c6a",class:"caption__wrapper"},this.caption.trim()))}static get formAssociated(){return true}get el(){return r(this)}};let s=0;o.style=n;export{o as ifx_date_picker};
|
2
|
-
//# sourceMappingURL=p-9518ef02.entry.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["datePickerCss","IfxDatePickerStyle0","DatePicker","this","inputId","datePickerId","getDate","e","inputValue","target","value","selectedDate","Date","day","month","getMonth","year","getFullYear","internals","setFormValue","ifxDate","emit","toISOString","substring","handleInputFocusOnIconClick","input","el","shadowRoot","querySelector","focus","getBrowser","navigator","userAgent","indexOf","setFireFoxClasses","browser","classList","add","contains","remove","componentDidLoad","formResetCallback","render","h","key","class","error","disabled","htmlFor","_a","label","trim","size","undefined","type","success","AriaLabel","max","min","required","onChange","role","onClick","icon","_b","caption"],"sources":["src/components/date-picker/date-picker.scss?tag=ifx-date-picker&encapsulation=shadow","src/components/date-picker/date-picker.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n .date__picker-container { \n display: flex;\n flex-direction: column;\n\n & .label__wrapper {\n color: tokens.$ifxColorBaseBlack;\n font: tokens.$ifxBodyBody03;\n }\n\n &.disabled { \n .label__wrapper { \n color: tokens.$ifxColorEngineering500;\n }\n }\n\n &.error { \n .caption__wrapper { \n color: tokens.$ifxColorRed500;\n }\n }\n\n &.disabled { \n .caption__wrapper { \n color: tokens.$ifxColorEngineering500;\n }\n }\n\n & .caption__wrapper { \n margin-top: tokens.$ifxSpace50;\n color: tokens.$ifxColorBaseBlack;\n font: tokens.$ifxBodyBody05;\n }\n }\n\n .date__picker-input { \n font-family: \"Source Sans 3\";\n outline: none;\n width: 100%;\n cursor: pointer;\n border-radius: 1px;\n border: 1px solid tokens.$ifxColorEngineering400;\n height: 100%;\n \n\n &.firefox__classes { \n padding: 8px 16px;\n color: tokens.$ifxColorEngineering400;\n font-size: 16px;\n text-transform: uppercase;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; \n cursor: pointer;\n }\n\n &:focus:not(.error, .success) {\n border-color: tokens.$ifxColorOcean500;\n }\n\n &:hover:not(:disabled, :focus, .error, .success) {\n border-color: tokens.$ifxColorEngineering500;\n }\n\n &:disabled { \n border-color: tokens.$ifxColorEngineering500;\n background-color: tokens.$ifxColorEngineering200;\n }\n\n &.error {\n border-color: tokens.$ifxColorRed500;\n }\n\n &.success:not(.error) {\n border-color: tokens.$ifxColorGreen500;\n }\n\n &::-webkit-datetime-edit-text { \n color: tokens.$ifxColorEngineering400;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; \n }\n }\n\n ::-webkit-datetime-edit { \n color: tokens.$ifxColorEngineering400;\n font-size: 16px;\n text-transform: uppercase;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; \n }\n\n ::-webkit-datetime-edit-fields-wrapper { \n padding: 8px 16px;\n padding-bottom: 9px;\n transform: translateY(1px);\n }\n\n ::-webkit-inner-spin-button { \n display: none;\n }\n\n ::-webkit-calendar-picker-indicator { \n position: absolute;\n right: 15px;\n font-size: 19px;\n cursor: pointer;\n border-radius: 1px;\n &:focus-within {\n outline: 2px solid tokens.$ifxColorOcean500;\n outline-offset: 2px;\n }\n }\n\n .input__wrapper { \n display: flex;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n background: tokens.$ifxColorBaseWhite;\n position: relative;\n &.large {\n height: 40px;\n }\n \n &.small {\n height: 36px;\n }\n\n &.disabled { \n & .icon__wrapper { \n background-color: tokens.$ifxColorEngineering200;\n }\n }\n }\n\n .icon__wrapper { \n position: absolute;\n right: 17px;\n padding: 2px;\n display: flex;\n justify-content: flex-end;\n pointer-events: none;\n z-index: 100;\n background-color: tokens.$ifxColorBaseWhite;\n line-height: 16px;\n\n & ifx-icon { \n vertical-align: middle;\n }\n\n }","import { AttachInternals } from '@stencil/core';\nimport { Component, Prop, h, Element, Event, EventEmitter } from '@stencil/core';\n \n\n@Component({\n tag: 'ifx-date-picker',\n styleUrl: 'date-picker.scss',\n shadow: true,\n formAssociated: true,\n})\n\nexport class DatePicker {\n private inputId: string = `ifx-date-picker-${++datePickerId}`;\n\n @Element() el: HTMLElement;\n @Prop() size: string = 's';\n @Prop() error: boolean = false;\n @Prop() success: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() AriaLabel: string;\n @Prop() value: string;\n @Prop() max: string;\n @Prop() min: string;\n @Prop() required: boolean = false;\n @Prop() label: string;\n @Prop() caption: string;\n\n @AttachInternals() internals: ElementInternals;\n\n @Event() ifxDate: EventEmitter;\n\n getDate(e) { \n const inputValue = e.target.value;\n const selectedDate = new Date(inputValue);\n const day = selectedDate.getDate();\n const month = selectedDate.getMonth() + 1; \n const year = selectedDate.getFullYear();\n\n if (!inputValue) {\n this.internals.setFormValue(null);\n this.ifxDate.emit({day, month, year});\n return;\n }\n\n this.internals.setFormValue(selectedDate.toISOString().substring(0,10))\n this.ifxDate.emit({day, month, year})\n }\n\n handleInputFocusOnIconClick() { \n const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\n if(input) { \n input.focus()\n }\n }\n\n getBrowser() {\n if( navigator.userAgent.indexOf(\"Chrome\") != -1 ) {\n return \"Chrome\";\n } else if( navigator.userAgent.indexOf(\"Opera\") != -1 ) {\n return \"Opera\";\n } else if( navigator.userAgent.indexOf(\"MSIE\") != -1 ) {\n return \"IE\";\n } else if( navigator.userAgent.indexOf(\"Firefox\") != -1 ) {\n return \"Firefox\";\n } else {\n return \"unknown\";\n }\n }\n\n setFireFoxClasses() { \n const browser = this.getBrowser()\n const input = this.el.shadowRoot.querySelector('.date__picker-input');\n\n if(browser === 'Firefox') { \n input.classList.add('firefox__classes')\n } else if(input.classList.contains('firefox__classes')) { \n input.classList.remove('firefox__classes')\n }\n }\n\n componentDidLoad() { \n this.setFireFoxClasses()\n if (this.value) {\n this.getDate({ target: { value: this.value } });\n }\n }\n\n formResetCallback() {\n this.internals.setFormValue(null);\n }\n\n render() {\n return (\n <div class={`date__picker-container ${this.error ? 'error' : ''} ${this.disabled ? 'disabled': ''}`}>\n\n <label class='label__wrapper' htmlFor={ this.inputId }>\n { this.label?.trim() }\n </label>\n\n <div class={`input__wrapper ${this.size === 'l' ? 'large' : 'small'} ${this.disabled ? 'disabled' : undefined}`}>\n <input\n type=\"date\"\n class={`date__picker-input ${this.error ? 'error' : \"\"} ${this.success ? \"success\" : \"\"}`}\n disabled={this.disabled ? true : undefined}\n aria-invalid={this.error}\n aria-label={this.AriaLabel}\n max={this.max}\n min={this.min}\n value={this.value}\n required={this.required}\n onChange={(e) => this.getDate(e)} />\n <div class=\"icon__wrapper\" role=\"button\" onClick={() => this.handleInputFocusOnIconClick()}>\n <ifx-icon icon='calendar16'></ifx-icon>\n </div>\n </div>\n\n { this.caption?.trim() && (\n <div class='caption__wrapper'>\n { this.caption.trim() }\n </div> \n )}\n </div>\n )\n }\n}\n\nlet datePickerId = 0;"],"mappings":"yDAAA,MAAMA,EAAgB,+oEACtB,MAAAC,EAAeD,E,MCUFE,EAAU,M,0NACbC,KAAAC,QAAkB,qBAAqBC,I,UAGxB,I,WACE,M,aACE,M,cACC,M,kGAKA,M,4CAQ5B,OAAAC,CAAQC,GACN,MAAMC,EAAaD,EAAEE,OAAOC,MAC5B,MAAMC,EAAe,IAAIC,KAAKJ,GAC9B,MAAMK,EAAMF,EAAaL,UACzB,MAAMQ,EAAQH,EAAaI,WAAa,EACxC,MAAMC,EAAOL,EAAaM,cAE1B,IAAKT,EAAY,CACfL,KAAKe,UAAUC,aAAa,MAC5BhB,KAAKiB,QAAQC,KAAK,CAACR,MAAKC,QAAOE,SAC/B,M,CAGFb,KAAKe,UAAUC,aAAaR,EAAaW,cAAcC,UAAU,EAAE,KACnEpB,KAAKiB,QAAQC,KAAK,CAACR,MAAKC,QAAOE,Q,CAGjC,2BAAAQ,GACE,MAAMC,EAAQtB,KAAKuB,GAAGC,WAAWC,cAAc,uBAC/C,GAAGH,EAAO,CACRA,EAAMI,O,EAIX,UAAAC,GACG,GAAIC,UAAUC,UAAUC,QAAQ,YAAc,EAAI,CAChD,MAAO,Q,MACF,GAAIF,UAAUC,UAAUC,QAAQ,WAAa,EAAI,CACtD,MAAO,O,MACF,GAAIF,UAAUC,UAAUC,QAAQ,UAAY,EAAI,CACrD,MAAO,I,MACF,GAAIF,UAAUC,UAAUC,QAAQ,aAAe,EAAI,CACxD,MAAO,S,KACF,CACL,MAAO,S,EAIX,iBAAAC,GACE,MAAMC,EAAUhC,KAAK2B,aACrB,MAAML,EAAQtB,KAAKuB,GAAGC,WAAWC,cAAc,uBAE/C,GAAGO,IAAY,UAAW,CACxBV,EAAMW,UAAUC,IAAI,mB,MACf,GAAGZ,EAAMW,UAAUE,SAAS,oBAAqB,CACtDb,EAAMW,UAAUG,OAAO,mB,EAI3B,gBAAAC,GACErC,KAAK+B,oBACL,GAAI/B,KAAKO,MAAO,CACdP,KAAKG,QAAQ,CAAEG,OAAQ,CAAEC,MAAOP,KAAKO,Q,EAIzC,iBAAA+B,GACEtC,KAAKe,UAAUC,aAAa,K,CAG9B,MAAAuB,G,QACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,0BAA0B1C,KAAK2C,MAAQ,QAAU,MAAM3C,KAAK4C,SAAW,WAAY,MAE7FJ,EAAA,SAAAC,IAAA,2CAAOC,MAAM,iBAAiBG,QAAU7C,KAAKC,UAC3C6C,EAAA9C,KAAK+C,SAAK,MAAAD,SAAA,SAAAA,EAAEE,QAGdR,EAAA,OAAAC,IAAA,2CAAKC,MAAO,kBAAkB1C,KAAKiD,OAAS,IAAM,QAAU,WAAWjD,KAAK4C,SAAW,WAAaM,aAClGV,EAAA,SAAAC,IAAA,2CACAU,KAAK,OACLT,MAAO,sBAAsB1C,KAAK2C,MAAQ,QAAU,MAAM3C,KAAKoD,QAAU,UAAY,KACrFR,SAAU5C,KAAK4C,SAAW,KAAOM,UAAS,eAC5BlD,KAAK2C,MAAK,aACZ3C,KAAKqD,UACjBC,IAAKtD,KAAKsD,IACVC,IAAKvD,KAAKuD,IACVhD,MAAOP,KAAKO,MACZiD,SAAUxD,KAAKwD,SACfC,SAAWrD,GAAMJ,KAAKG,QAAQC,KAC9BoC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBAAgBgB,KAAK,SAASC,QAAS,IAAM3D,KAAKqB,+BAC3DmB,EAAA,YAAAC,IAAA,2CAAUmB,KAAK,mBAIjBC,EAAA7D,KAAK8D,WAAO,MAAAD,SAAA,SAAAA,EAAEb,SACZR,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACP1C,KAAK8D,QAAQd,Q,mEAQ7B,IAAI9C,EAAe,E","ignoreList":[]}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import{r as e,h as a}from"./p-80bb0959.js";const o=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.container{display:inline-flex;align-items:center;padding:4px 16px;border:1px solid #BFBBBB;border-radius:9999px;background-color:#FFFFFF;gap:8px;font-family:var(--ifx-font-family)}.container:hover{cursor:pointer;border-color:#8D8786}.container:active,.container.active{border-color:#1D1D1D}.container:focus:not(:active,.active){outline:none;border-color:#1D1D1D}.container .label-wrapper{text-decoration:none}.container .label-wrapper .label{margin:0;font-weight:400;font-size:1rem;line-height:20px;color:#1D1D1D}';const r=o;const i=class{constructor(a){e(this,a);this.icon=undefined}render(){return a("div",{key:"103aaf52f43ba9b22e337a9984dd353cfe0fe155","aria-label":"a tag",class:"container"},this.icon&&a("ifx-icon",{key:"2f87ba630039cdf93aac9f6ff67660168fd43d60",icon:this.icon}),a("a",{key:"0d77514108965a1fcdd54e41e4ca932eb64d6161",href:"javascript:void(null);",class:"label-wrapper"},a("p",{key:"e15558bac0bcb4273cb4e73ee527f9368f4ce27c",class:"label"},a("slot",{key:"eff616388b80ffc1cd677761b5584554ddc64a4d"}))))}};i.style=r;export{i as ifx_tag};
|
2
|
-
//# sourceMappingURL=p-d868e967.entry.js.map
|