@infineon/design-system 0.0.0-stage → 41.11.0

package/dist/components/p-DqacDHEO.js

@@ -0,0 +1 @@
+import{p as e,H as r,c as i,h as t,t as a}from"./p-BT_2CyMS.js";import{i as o,d as l,t as n}from"./p-94ZtGp9D.js";import{d as p}from"./p-DMAv4MDG.js";const s=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxClose=i(this,"ifxClose",7)}get el(){return this}variant="primary";icon;ifxClose;closable=!0;AriaLiveText="assertive";uniqueId;alertTypeDescription={primary:"Neutral alert",success:"Success Alert",danger:"Error Alert",warning:"Warning Alert",info:"Neutral alert"};handleClose(){this.ifxClose.emit()}renderCloseButton(){return t("div",{class:"close-icon-wrapper"},t("button",{onClick:this.handleClose.bind(this),"aria-label":"Dismiss alert"},t("ifx-icon",{icon:"cross-16"})))}generateUniqueId(e="id"){return`${e}-${Math.random().toString(36).substring(2,9)}`}componentWillLoad(){this.uniqueId||(this.uniqueId=this.generateUniqueId("alert"))}async componentDidLoad(){if(!o(this.el)){const e=await l();n("ifx-alert",e)}}render(){return"info"===this.variant?t("div",{class:"alert__info-wrapper",role:"alert","aria-live":this.AriaLiveText,"aria-describedby":this.alertTypeDescription[this.variant],"aria-labelledby":"alert-text alert-description"},t("div",{class:"info__text-wrapper"},t("div",{class:"info__headline-wrapper"},t("slot",{name:"headline"})),t("div",{id:`alert-description-${this.uniqueId}`,class:"info__description-wrapper"},t("slot",{name:"desc"}))),this.closable?this.renderCloseButton():null):t("div",{class:`alert ${this.variant}`,role:"alert"},this.icon&&t("div",{class:"icon-wrapper"},t("ifx-icon",{icon:this.icon})),t("div",{class:"alert-text",id:`alert-text-${this.uniqueId}`},t("slot",null)),this.closable?this.renderCloseButton():null)}static get style(){return":host{display:block}.alert__info-wrapper{display:flex;padding:16px 24px;font-family:var(--ifx-font-family);box-shadow:0 1px 1px 0 rgba(29, 29, 29, 0.12), 0 0 1px 0 rgba(29, 29, 29, 0.12)}.alert__info-wrapper .info__text-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper,.alert__info-wrapper .info__text-wrapper .info__description-wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper ::slotted(p),.alert__info-wrapper .info__text-wrapper .info__description-wrapper ::slotted(p){padding:0;margin:0}.alert__info-wrapper .info__text-wrapper .info__description-wrapper{font-weight:400}.alert__info-wrapper .close-icon-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.alert__info-wrapper .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1d1d1d;height:24px;width:24px}.alert__info-wrapper .close-icon-wrapper button:focus{outline:2px solid #0a8276;outline-offset:2px}.alert{display:flex;border:1px solid #0a8276;border-radius:1px;color:#1d1d1d;background-color:#ffffff;font-family:var(--ifx-font-family);box-shadow:0 1px 1px 0 rgba(29, 29, 29, 0.12), 0 0 1px 0 rgba(29, 29, 29, 0.12)}.alert .close-icon-wrapper{display:flex;align-items:center;justify-content:center;min-width:40px}.alert .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1d1d1d;height:24px;width:24px}.alert .close-icon-wrapper button:focus{outline:2px solid #0a8276;outline-offset:2px}.alert .icon-wrapper{position:relative;min-width:48px;display:flex;justify-content:center;align-items:center;background-color:#0a8276}.alert .alert-text{font-size:16px;width:100%;padding:12px 0px 12px 12px;color:#1d1d1d;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.alert.primary{border:1px solid #0a8276}.alert.primary .icon-wrapper{background-color:#0a8276;color:#ffffff}.alert.success{border:1px solid #4ca460}.alert.success .icon-wrapper{background-color:#4ca460;color:#ffffff}.alert.danger{border:1px solid #cd002f}.alert.danger .icon-wrapper{background-color:#cd002f;color:#ffffff}.alert.warning{border:1px solid #e16b25}.alert.warning .icon-wrapper{background-color:#e16b25;color:#ffffff}.close-icon-wrapper ifx-icon:hover{cursor:pointer}"}},[769,"ifx-alert",{variant:[1],icon:[1],closable:[4],AriaLiveText:[1,"aria-live-text"],uniqueId:[32]}]);function c(){"undefined"!=typeof customElements&&["ifx-alert","ifx-icon"].forEach((e=>{switch(e){case"ifx-alert":customElements.get(a(e))||customElements.define(a(e),s);break;case"ifx-icon":customElements.get(a(e))||p()}}))}export{s as A,c as d}

package/dist/components/p-M9y7mTsF.js

@@ -0,0 +1 @@
+import{p as t,H as r,c as o,h as e,t as a}from"./p-BT_2CyMS.js";import{i,d as n,t as d}from"./p-94ZtGp9D.js";const c=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ifxChange=o(this,"ifxChange",7),this.ifxError=o(this,"ifxError",7),this.internals=this.attachInternals()}get el(){return this}initialChecked=!1;disabled=!1;value="on";error=!1;size="s";name;checked;hasSlot=!1;async isChecked(){return!!this.checked}inputElement;internals;ifxChange;ifxError;componentWillLoad(){this.checked=!!this.checked,this.initialChecked=this.checked,this.hasSlot=!!this.el.querySelector("[slot]")||""!==this.el.innerHTML.trim(),this.updateFormValue()}async componentDidLoad(){if(!i(this.el)){const t=n();d("ifx-radio-button",await t)}}handleCheckedChange(t){const r=!!t;t===r?this.updateFormValue():this.checked=r}updateFormValue(){this.internals.setFormValue(this.checked?this.value:null)}formResetCallback(){this.checked=this.initialChecked,this.updateFormValue()}formStateRestoreCallback(t,r){t?(this.checked=!0,this.updateFormValue()):(this.checked=!1,this.internals.setFormValue(null))}errorChanged(t,r){t!==r&&this.ifxError.emit(t)}handleRadioButtonClick(t){if(this.disabled)return void t.stopPropagation();const r=!!this.checked;this.inputElement.click();const o=!!this.inputElement.checked;if(o===r)return;this.checked=o,this.ifxChange.emit(o);const e=new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:o}});this.el.dispatchEvent(e)}handleKeyDown(t){[" ","Enter"].includes(t.key)&&(t.preventDefault(),this.handleRadioButtonClick(new PointerEvent("click")))}handleExternalChange(t){const r=t.target;r!==this.el&&"ifx-radio-button"===r.tagName.toLowerCase()&&r.getAttribute("name")===this.name&&(this.checked=!1)}render(){return e("div",{key:"b8572f4e16f7fdda8ab9a02adcd25a351673d018",class:`radioButton__container ${this.size} ${this.disabled?"disabled":""}`,onClick:t=>this.handleRadioButtonClick(t),onKeyDown:t=>this.handleKeyDown(t),role:"radio","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false",tabIndex:this.disabled?-1:0},e("div",{key:"4c0aa67501a86e7f96e011fcea19391498bd8e4e",class:`radioButton__wrapper \n            ${this.checked?"checked":""}  \n            ${this.error?"error":""}`},this.checked&&e("div",{key:"465028120ead84ceeeff02580a1e6dec1735750b",class:"radioButton__wrapper-mark"})),this.hasSlot&&e("div",{key:"b06496317d3f71e372f2f1a80db7f9e954ee58be",class:"label "+("m"===this.size?"label-m":"")},e("slot",{key:"8d8741b70b080ab8585c7bfed648086bd66104af"})),e("input",{key:"52c44c47f9397a171491d73d0e3bb294b1e3373a",type:"radio",hidden:!0,ref:t=>this.inputElement=t,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,onClick:t=>t.stopPropagation()}))}static get formAssociated(){return!0}static get watchers(){return{checked:[{handleCheckedChange:0}],error:[{errorChanged:0}]}}static get style(){return':host{display:inline-flex;--_ifx-fallback-display:none !important}._ifx-radiobutton-fallback{display:var(--_ifx-fallback-display);position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important}.radioButton__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;cursor:pointer;font-family:var(--ifx-font-family);outline:none}.radioButton__container.readOnly{cursor:default;pointer-events:none}.radioButton__container.readOnly .radioButton__wrapper{border-color:#bfbbbb}.radioButton__container.readOnly .radioButton__wrapper.checked{border-color:#bfbbbb}.radioButton__container.readOnly .radioButton__wrapper.checked::after{background-color:#575352}.radioButton__container.disabled{cursor:default}.radioButton__container.disabled .radioButton__wrapper{background-color:#bfbbbb;border-color:#bfbbbb}.radioButton__container.disabled .radioButton__wrapper:hover{background-color:#bfbbbb}.radioButton__container.disabled .radioButton__wrapper.checked{background-color:#ffffff;border-color:#bfbbbb}.radioButton__container.disabled .radioButton__wrapper.checked::after{background-color:#bfbbbb}.radioButton__container.disabled .radioButton__wrapper.checked .radioButton__wrapper-mark{background-color:#bfbbbb}.radioButton__container.disabled .radioButton__wrapper.checked:hover{border-color:#bfbbbb}.radioButton__container.disabled .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#bfbbbb}.radioButton__container.disabled .label{color:#bfbbbb}.radioButton__container:not(.disabled) .radioButton__wrapper.error{border-color:#cd002f}.radioButton__container:not(.disabled) .radioButton__wrapper.error:hover,.radioButton__container:not(.disabled) .radioButton__wrapper.error:focus-visible{border-color:#cd002f}.radioButton__container:not(.disabled) .radioButton__wrapper.error.checked::after{border-color:#cd002f;background-color:#cd002f}.radioButton__container:focus:not(.disabled) .radioButton__wrapper::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0a8276;border-radius:50%}.radioButton__container.m .radioButton__wrapper{width:24px;height:24px}.radioButton__container .radioButton__wrapper{width:20px;height:20px;position:relative;display:block;border-radius:50%;background-color:#ffffff;border:1px solid #575352}.radioButton__container .radioButton__wrapper .radioButton__wrapper-mark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#0a8276;border-radius:50%;display:flex;justify-content:center;align-items:center;border-color:rgba(0, 0, 0, 0)}.radioButton__container .radioButton__wrapper:hover{background-color:#eeeded}.radioButton__container .radioButton__wrapper.checked{border-color:#0a8276}.radioButton__container .radioButton__wrapper.checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;background-color:#0a8276;border-radius:50%}.radioButton__container .radioButton__wrapper.checked:hover{border-color:#08665c}.radioButton__container .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#08665c}.radioButton__container .label{display:flex;align-items:center;height:20px;font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1d1d1d;flex:none;order:1;flex-grow:0}.radioButton__container .label.label-m{height:24px;font-size:1rem;line-height:1.5rem}'}},[833,"ifx-radio-button",{disabled:[4],value:[1],error:[4],size:[513],name:[513],checked:[1028],hasSlot:[32],isChecked:[64]},[[4,"change","handleExternalChange"]],{checked:[{handleCheckedChange:0}],error:[{errorChanged:0}]}]);function s(){"undefined"!=typeof customElements&&["ifx-radio-button"].forEach((t=>{"ifx-radio-button"===t&&(customElements.get(a(t))||customElements.define(a(t),c))}))}export{c as R,s as d}

package/dist/components/p-OJkXkXZS.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as i,d as s,t as o}from"./p-BT_2CyMS.js";import{d as n}from"./p-DMAv4MDG.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}value;selected=!1;disabled=!1;searchTerm="";isSearchActive=!1;componentDidLoad(){this.notifySelect("registered"),this.el.addEventListener("ifx-search-filter",this.handleSearchFilter)}disconnectedCallback(){this.el.removeEventListener("ifx-search-filter",this.handleSearchFilter),this.notifySelect("removed")}handleClick(e){this.disabled||(e.stopPropagation(),this.select())}handleKeyDown(e){this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),this.select())}selectedChanged(e){e&&this.notifySelect("selected")}select(){this.selected=!0,this.notifySelect("selected")}notifySelect(e){this.el.dispatchEvent(new CustomEvent("ifx-option-changed",{bubbles:!0,composed:!0,detail:{value:this.value,selected:this.selected,reason:e}}))}getTextContent(){return(this.el.textContent||"").trim()||this.value||""}handleSearchFilter=e=>{this.searchTerm=(e.detail.searchTerm||"").toLowerCase(),this.isSearchActive=e.detail.isActive,this.updateSearchClasses()};updateSearchClasses(){const e=this.el.shadowRoot?.querySelector(".option");e&&(e.classList.remove("search-hidden","search-match"),this.isSearchActive?this.getTextContent().toLowerCase().includes(this.searchTerm)?(e.classList.add("search-match"),this.highlightSearchTerm()):(e.classList.add("search-hidden"),this.removeHighlighting()):this.removeHighlighting())}highlightSearchTerm(){if(!this.searchTerm)return;const e=this.el.shadowRoot?.querySelector(".option-label"),t=e?.querySelector("slot");if(!e||!t)return;this.removeHighlighting();const i=this.getTextContent(),s=i.toLowerCase().indexOf(this.searchTerm);if(-1===s)return;const o=i.substring(0,s),n=i.substring(s,s+this.searchTerm.length),c=i.substring(s+this.searchTerm.length),a=document.createElement("span");a.className="highlighted-text",o&&a.appendChild(document.createTextNode(o));const h=document.createElement("strong");h.className="search-highlight",h.textContent=n,a.appendChild(h),c&&a.appendChild(document.createTextNode(c)),e.setAttribute("data-original-content","true"),t.style.display="none",e.appendChild(a)}removeHighlighting(){const e=this.el.shadowRoot?.querySelector(".option-label");if(!e)return;const t=e.querySelector("slot"),i=e.querySelector(".highlighted-text");i&&e.removeChild(i),t&&(t.style.display=""),e.removeAttribute("data-original-content")}render(){return i(s,{key:"7b30e6f04c44edb04f3b2fbb99571a1198d0cacc",tabIndex:-1},i("div",{key:"0236a2e4cc64351bc65bfd39857faa1470caa792",class:{option:!0,"option--disabled":this.disabled,"option--selected":this.selected},role:"option","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false","data-value":this.value,tabIndex:-1},i("div",{key:"6172be05b92348fd9291df75ac0cf34fa1246699",class:"option-label"},i("slot",{key:"efe2f33c4f2e6d123ed9808867e640996d3f87e8"})),this.selected&&i("ifx-icon",{key:"251b90e0ed35b1c685266bf69990a7899e31f958",class:"option-check",icon:"check16"})))}static get watchers(){return{selected:[{selectedChanged:0}]}}static get style(){return":host{display:block;width:100%}:host(:focus-visible){outline:none}.option{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap;cursor:pointer;list-style:none;height:var(--ifx-select-option-height, 40px);padding:0 16px;background-color:#ffffff;font-family:var(--ifx-font-family);font-size:0.875rem;color:#1d1d1d;transition:background-color 0.2s ease-in-out}.option:hover{background-color:#f7f7f7}.option--selected{color:#0a8276;font-weight:600}.option--disabled{cursor:default;color:#bfbbbb}.option--disabled:hover{background-color:transparent}.option.search-hidden{display:none !important}.option.search-match .search-highlight{font-weight:600}:host(:focus-visible) .option{outline:2px solid #0a8276;outline-offset:-2px}.option-label{flex-grow:1;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.option-check{flex-shrink:0;color:#0a8276}"}},[769,"ifx-select-option",{value:[1],selected:[1540],disabled:[1540],searchTerm:[32],isSearchActive:[32]},[[0,"click","handleClick"],[0,"keydown","handleKeyDown"]],{selected:[{selectedChanged:0}]}]);function a(){"undefined"!=typeof customElements&&["ifx-select-option","ifx-icon"].forEach((e=>{switch(e){case"ifx-select-option":customElements.get(o(e))||customElements.define(o(e),c);break;case"ifx-icon":customElements.get(o(e))||n()}}))}export{c as S,a as d}

package/dist/components/p-QgsB_-OM.js

@@ -0,0 +1 @@
+const t=new Set(["javascript:","vbscript:"]);function c(c){if(void 0!==c)try{const e=new URL(c,"https://example.com/").protocol;return t.has(e)?void 0:c}catch{return c}}export{c as s}

package/dist/components/p-tjdx4F2u.js

@@ -0,0 +1 @@
+import{p as e,H as i,c as r,h as t,d as a,t as p}from"./p-BT_2CyMS.js";import{i as l,d as o,t as s}from"./p-94ZtGp9D.js";import{d}from"./p-DMAv4MDG.js";import{d as c}from"./p-B2BXeRbX.js";const n=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxChange=r(this,"ifxChange",7)}get chip(){return this}ifxChange;placeholder="";size="medium";value=void 0;variant="single";theme="outlined";readOnly=!1;ariaLabelText;disabled=!1;icon="";opened=!1;selectedOptions=[];handleValueChange(e){this.syncSelectedOptionsWithProp(e)}handleReadOnlyChange(e){e&&(this.opened=!1)}closeDropdownOnOutsideClick(e){const i=e.composedPath(),r=this.chip.shadowRoot.querySelector(".chip__wrapper"),t=this.chip.shadowRoot.querySelector(".chip__dropdown");i.includes(t)||i.includes(r)||!this.opened||this.toggleDropdownMenu()}handleKeyDown(e){"Tab"!==e.code&&e.preventDefault(),"IFX-CHIP"===e.target.tagName?this.handleWrapperKeyDown(e):"IFX-CHIP-ITEM"===e.target.tagName&&this.handleDropdownKeyDown(e)}updateSelectedOptions(e){const i=e.detail,r=[...this.selectedOptions];"multi"!==this.variant?(i.selected?(this.opened=!1,this.getChipItems().forEach((i=>{i.selected&&i!==e.target&&(i.chipState={...i.chipState,emitIfxChipItemSelect:!1},i.selected=!1)})),this.selectedOptions=[i]):this.selectedOptions=[],this.value=this.selectedOptions[0]?this.selectedOptions[0].value:void 0):(i.selected?this.selectedOptions.find((e=>e.value===i.value))||(this.selectedOptions=[...this.selectedOptions,i]):this.selectedOptions=this.selectedOptions.filter((e=>e.value!==i.value)),this.value=this.selectedOptions.map((e=>e.value))),i.emitIfxChange&&this.ifxChange.emit({previousSelection:r,currentSelection:this.selectedOptions,name:this.placeholder})}getChipItems(){return this.chip.querySelectorAll("ifx-chip-item")}getSelectedOptions(){return"multi"!==this.variant?this.selectedOptions.map((e=>e.label)).join(""):this.selectedOptions.slice(0,2).map((e=>e.label)).join(", ")}toggleDropdownMenu(){this.readOnly||(this.opened=!this.opened)}focusChipItemAt(e=0){this.opened=!0;const i=this.getChipItems();let r;if(-1===e)r=i.item(i.length-1);else{if(!(e>=0&&e<i.length))return void console.error(`Invalid index: ${e}`);r=i.item(e)}const t=r.shadowRoot.querySelector(".chip-item");t&&setTimeout((()=>{t.focus()}),1)}focusChip(){this.chip.shadowRoot.querySelector(".chip__wrapper").focus()}handleUnselectButtonClick(e){e.stopPropagation(),this.opened=!1;let i=!1;if(this.getChipItems().forEach((e=>{e.selected&&(i=!0,e.chipState={...e.chipState,emitIfxChipItemSelect:!1},e.selected=!1)})),i){const e=this.selectedOptions;this.selectedOptions=[],this.value=[],this.ifxChange.emit({previousSelection:e,currentSelection:[],name:this.placeholder})}}handleWrapperClick(){this.readOnly||this.toggleDropdownMenu()}handleWrapperKeyDown(e){if(!this.readOnly)if(this.opened)"Escape"===e.code&&(this.opened=!1,this.focusChip());else switch(e.code){case"Space":case"Enter":case"ArrowDown":this.focusChipItemAt(0);break;case"ArrowUp":this.focusChipItemAt(-1)}}handleDropdownKeyDown(e){const i=this.getChipItems(),r=Array.from(i).indexOf(e.target);if(-1!==r)switch(e.code){case"ArrowDown":if(r===i.length-1)break;this.focusChipItemAt(r+1);break;case"ArrowUp":if(0===r)break;this.focusChipItemAt(r-1);break;case"Escape":case"Enter":this.opened=!1,this.focusChip();break;case"Space":"single"===this.variant&&(this.opened=!1,this.focusChip())}else console.error("Target not found in chip items")}syncChipState(){const e=this.getChipItems();let i=0;e.forEach((e=>{e.chipState={emitIfxChipItemSelect:!0,size:this.size?this.size:"medium",variant:"multi"===this.variant?"multi":"single",key:i++}}))}syncSelectedOptionsWithProp(e){this.selectedOptions=[];const i=(()=>{let e=0;return()=>e++})();Array.isArray(e)?this.selectedOptions=e.map((e=>({value:e,label:e,selected:!0,key:i(),emitIfxChange:!0}))):"string"==typeof e&&(this.selectedOptions=[{value:e,label:e,selected:!0,key:i(),emitIfxChange:!0}]),this.syncChipState()}componentWillLoad(){this.syncSelectedOptionsWithProp(this.value)}async componentDidLoad(){if(!l(this.chip)){const e=o();s("ifx-chip",await e)}}render(){return t(a,{key:"d1c400b96e90bc2794760b9e32e9c2f2774a779b",onKeyDown:e=>this.handleKeyDown(e)},t("div",{key:"eabce9e9321aae90066cfc163bf25e1157ed3157",class:"chip",part:"chip"},t("div",{key:"c81cdc1e4b30a847c16682d4728f53e33b74117a",class:`chip__wrapper chip__wrapper--${this.size?this.size:"medium"}\n                  chip__wrapper--${"multi"===this.variant?"multi":"single"}\n                  ${this.opened&&!this.readOnly?"chip__wrapper--opened":""}\n                  ${this.selectedOptions.length?"chip__wrapper--selected":""}\n                  ${this.theme?this.theme:"outlined"}\n                  ${this.disabled?"disabled":""}\n                  ${this.readOnly?"read-only":""}`,tabIndex:0,onClick:this.readOnly||this.disabled?void 0:()=>{this.handleWrapperClick()},role:"combobox","aria-label-text":this.ariaLabelText,"aria-value":this.getSelectedOptions(),"aria-haspopup":this.readOnly?void 0:"listbox","aria-expanded":this.readOnly?void 0:this.opened.toString(),"aria-controls":this.readOnly?void 0:"dropdown","aria-readonly":this.readOnly?"true":void 0,"aria-multiselectable":"multi"===this.variant?"true":void 0,part:"label-wrapper"},this.icon&&t("div",{key:"e6dd0ee25908c8bbe12b27ff5c06f29d45307827",class:"icon__wrapper"},t("ifx-icon",{key:"f2b2c0fad6f500fce21650879feed24f24afbe7c",icon:this.icon})),t("div",{key:"2099276fb9a994e7d24d8676c4a851999c8c30ce",class:"wrapper__label",part:"label"},0===this.selectedOptions.length&&`${this.placeholder}`,0!==this.selectedOptions.length&&"multi"===this.variant&&""!==this.placeholder&&`${this.placeholder}:`,0!==this.selectedOptions.length&&t("div",{key:"98cd3c639d42910e1fbbb3c358dcb1c1451eca6c",class:"label__selected-options"},this.getSelectedOptions()),this.selectedOptions.length>2&&"multi"===this.variant&&t("ifx-indicator",{key:"82989460d146a10712dd731d579e04d7a25ce348",variant:"number",inverted:"outlined"!==this.theme,number:this.selectedOptions.length-2})),!this.readOnly&&("multi"!==this.variant||"multi"===this.variant&&0===this.selectedOptions.length)&&t("div",{key:"e6317861a310848af8f5cb20b4713bd515a4a5c7",class:"wrapper__open-button"},t("ifx-icon",{key:1,icon:"chevron-down-16"})),this.selectedOptions.length>=1&&"multi"===this.variant&&t("div",{key:"8eba943790151e31318a55e6e78146700c65c4ed",class:"wrapper__unselect-button",onClick:this.readOnly||this.disabled?void 0:e=>{this.handleUnselectButtonClick(e)}},t("ifx-icon",{key:2,icon:"cross16"}))),this.opened&&!this.readOnly&&t("div",{key:"62335f91449c2fb42662645008c836b5ab65eb8b",id:"dropdown",role:"listbox",class:"chip__dropdown"},t("slot",{key:"c924d75a39a919e45d94c4437a7e0828febc9b94"}))))}static get watchers(){return{value:[{handleValueChange:0}],readOnly:[{handleReadOnlyChange:0}]}}static get style(){return':host{display:inline-block}.chip{position:relative;padding:4px}.chip__wrapper{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;border-radius:9999px;background:var(--color-base-white, #fff);cursor:pointer;font-family:var(--ifx-font-family);font:400 0.875rem/1.25rem "Source Sans 3"}.chip__wrapper .icon__wrapper{display:flex}.chip__wrapper.outlined,.chip__wrapper.filled-dark,.chip__wrapper.filled-light{outline:2px solid transparent}.chip__wrapper.outlined:focus-visible,.chip__wrapper.filled-dark:focus-visible,.chip__wrapper.filled-light:focus-visible{outline:2px solid #0a8276;outline-offset:2px}.chip__wrapper.outlined.chip__wrapper--opened .wrapper__open-button,.chip__wrapper.filled-dark.chip__wrapper--opened .wrapper__open-button,.chip__wrapper.filled-light.chip__wrapper--opened .wrapper__open-button{transform:rotate(-180deg)}.chip__wrapper.outlined.chip__wrapper--selected .wrapper__label .label__selected-options,.chip__wrapper.filled-dark.chip__wrapper--selected .wrapper__label .label__selected-options,.chip__wrapper.filled-light.chip__wrapper--selected .wrapper__label .label__selected-options{font:400 0.875rem/1.25rem "Source Sans 3";font-family:var(--ifx-font-family)}.chip__wrapper.filled-dark.chip__wrapper--selected:not(.read-only),.chip__wrapper.filled-light.chip__wrapper--selected:not(.read-only){background-color:#0a8276;color:white}.chip__wrapper.filled-dark.chip__wrapper--selected:not(.read-only):hover,.chip__wrapper.filled-light.chip__wrapper--selected:not(.read-only):hover{background-color:#08665c}.chip__wrapper.filled-dark.chip__wrapper--selected:not(.read-only):hover.disabled,.chip__wrapper.filled-light.chip__wrapper--selected:not(.read-only):hover.disabled{background-color:#0a8276}.chip__wrapper.outlined{border:1px solid #8d8786}.chip__wrapper.outlined:hover:not(.read-only){background-color:#eeeded}.chip__wrapper.outlined:active:not(.read-only){background-color:#bfbbbb}.chip__wrapper.outlined.chip__wrapper--selected{color:#0a8276;border:3px solid #0a8276;background:var(--color-base-white, #fff)}.chip__wrapper.outlined.chip__wrapper--selected:focus-visible{outline:2px solid #0a8276;outline-offset:2px}.chip__wrapper.outlined.chip__wrapper--selected.read-only{outline:none}.chip__wrapper.outlined.chip__wrapper--selected.read-only.disabled{border:1px solid #bfbbbb}.chip__wrapper.outlined.disabled{outline:none;color:#bfbbbb;border:1px solid #bfbbbb}.chip__wrapper.outlined.disabled:hover{outline:none;border-color:#bfbbbb;background-color:white}.chip__wrapper.outlined.read-only{border:1px solid #8d8786}.chip__wrapper.outlined.read-only.disabled{border:1px solid #bfbbbb}.chip__wrapper.filled-dark{background-color:#3c3a39;color:white}.chip__wrapper.filled-dark:hover:not(.chip__wrapper--selected,.disabled,.read-only){background-color:#575352}.chip__wrapper.filled-dark:active:not(.chip__wrapper--selected,.disabled,.read-only){background-color:#8d8786;color:black}.chip__wrapper.filled-dark.disabled{outline:none;color:#bfbbbb}.chip__wrapper.filled-dark.disabled:hover:not(.chip__wrapper--selected){background-color:#3c3a39}.chip__wrapper.filled-light{background-color:#eeeded}.chip__wrapper.filled-light:hover:not(.read-only){background-color:#bfbbbb}.chip__wrapper.filled-light:active:not(.read-only){background-color:#8d8786}.chip__wrapper.filled-light.disabled{outline:none;color:#bfbbbb}.chip__wrapper.filled-light.disabled:hover:not(.chip__wrapper--selected){background-color:#eeeded}.chip__wrapper.filled-light.chip__wrapper--selected.read-only.disabled{border:none}.chip__wrapper.filled-light.read-only.disabled{border:none}.chip__wrapper.read-only{cursor:default}.chip__wrapper.read-only:hover,.chip__wrapper.read-only:focus,.chip__wrapper.read-only:focus-visible,.chip__wrapper.read-only:active{outline:none;box-shadow:none}.chip__wrapper.chip__wrapper--small{padding:4px 8px;height:24px}.chip__wrapper.chip__wrapper--medium{padding:4px 12px;height:28px}.chip__wrapper.chip__wrapper--large{padding:8px 12px;height:36px}.wrapper__label{display:inline-flex;align-items:center;gap:4px;font-family:var(--ifx-font-family)}.wrapper__label .label__selected-options{font:600 0.875rem/1.25rem "Source Sans 3";font-family:var(--ifx-font-family)}.wrapper__open-button{display:flex;align-items:center}.wrapper__unselect-button{display:flex;align-items:center}.chip__dropdown{position:absolute;z-index:1;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;border-radius:1px;padding:8px 0;min-width:222px;background-color:#ffffff;font-family:var(--ifx-font-family)}'}},[769,"ifx-chip",{placeholder:[1],size:[1],value:[1025],variant:[1],theme:[1],readOnly:[4,"read-only"],ariaLabelText:[1,"aria-label-text"],disabled:[4],icon:[1],opened:[32],selectedOptions:[32]},[[5,"mousedown","closeDropdownOnOutsideClick"],[0,"ifxChipItemSelect","updateSelectedOptions"]],{value:[{handleValueChange:0}],readOnly:[{handleReadOnlyChange:0}]}]);function h(){"undefined"!=typeof customElements&&["ifx-chip","ifx-icon","ifx-indicator"].forEach((e=>{switch(e){case"ifx-chip":customElements.get(p(e))||customElements.define(p(e),n);break;case"ifx-icon":customElements.get(p(e))||d();break;case"ifx-indicator":customElements.get(p(e))||c()}}))}export{n as C,h as d}

package/dist/components/p-uQx-50k_.js

@@ -0,0 +1 @@
+import{p as t,H as n,h as o,d as i,t as e}from"./p-BT_2CyMS.js";import{c as r}from"./p-BfTCfPZ1.js";import{i as a,d as s,t as b}from"./p-94ZtGp9D.js";import{s as d}from"./p-QgsB_-OM.js";import{d as c}from"./p-DMAv4MDG.js";const l=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}variant="primary";size="m";disabled=!1;icon;updateIcon(t){this.internalIcon=t}href;target="_self";shape="round";ariaLabelText;internalIcon;focusableElement;async setFocus(){this.focusableElement.focus()}handleClick(t){this.disabled&&t.stopImmediatePropagation()}componentWillLoad(){this.internalIcon=this.icon}async componentDidLoad(){if(!a(this.el)){const t=s();b("ifx-icon-button",await t)}}render(){return o(i,{key:"404fc47f258b000d505050b8b0a9ac13b865ce58","aria-disabled":this.disabled,"aria-label":this.ariaLabelText},this.href?o("a",{ref:t=>this.focusableElement=t,class:this.getClassNames(),href:this.disabled?void 0:d(this.href),target:this.target,rel:"_blank"===this.target?"noopener noreferrer":void 0},o("ifx-icon",{icon:this.internalIcon})):o("button",{class:this.getClassNames(),type:"button",disabled:this.disabled},o("ifx-icon",{icon:this.internalIcon})))}getVariantClass(){return"secondary"==`${this.variant}`?"secondary":"tertiary"==`${this.variant}`?"tertiary":"primary"}getSizeClass(){return["xs","s","m","l"].includes(this.size)?this.size:"m"}getClassNames(){return r("btn icon-button",`btn-${this.shape||"round"}`,`btn-${this.getSizeClass()}`,`btn-${this.getVariantClass()}`,this.disabled?"disabled":"")}static get watchers(){return{icon:[{updateIcon:0}]}}static get style(){return":host{display:inline-flex}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px;gap:8px;color:#ffffff;flex-direction:row;font-weight:600;border-radius:1px;line-height:1.5rem;outline:none;font-family:var(--ifx-font-family);text-decoration:none;user-select:none;border:1px solid rgba(0, 0, 0, 0);font-size:1rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.btn:not(.disabled){cursor:pointer}.btn-primary{color:#ffffff;background-color:#0a8276}.btn-primary:disabled,.btn-primary.disabled{background-color:#bfbbbb;color:#ffffff;pointer-events:none}.btn-secondary{color:#0a8276;background-color:#ffffff;border-color:#0a8276}.btn-secondary:disabled,.btn-secondary.disabled{background-color:#ffffff;border:1px solid #bfbbbb;color:#bfbbbb;pointer-events:none}.btn-tertiary{background-color:transparent;color:#1d1d1d}.btn-tertiary:disabled,.btn-tertiary.disabled{color:#bfbbbb;pointer-events:none}.btn.icon-button{min-width:initial;min-height:initial;width:40px;height:40px;padding:0;justify-content:center}.btn.icon-button.btn-round{border-radius:100px}.btn.icon-button.btn-square{border-radius:1px}.btn.icon-button.btn-xs{width:20px;height:20px;padding:2px}.btn.icon-button.btn-s{width:32px;height:32px;padding:8px}.btn.icon-button.btn-m{width:40px;height:40px;padding:0}.btn.icon-button.btn-l{width:48px;height:48px;padding:8px}.btn.btn-primary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #0a8276}.btn.btn-primary:not(:disabled,.disabled):hover{background-color:#08665c;border-color:#08665c}.btn.btn-primary:not(:disabled,.disabled):active,.btn.btn-primary:not(:disabled,.disabled).active{background-color:#06534b;border-color:#06534b}.btn.btn-secondary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #0a8276}.btn.btn-secondary:not(:disabled,.disabled):hover{background-color:#08665c;border-color:#08665c;color:#ffffff}.btn.btn-secondary:not(:disabled,.disabled):active,.btn.btn-secondary:not(:disabled,.disabled).active{background-color:#06534b;border-color:#06534b}.btn.btn-tertiary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;color:#1d1d1d;box-shadow:0 0 0 0px #ffffff, 0 0 0 2px #0a8276}.btn.btn-tertiary:not(:disabled,.disabled):hover{color:#0a8276}.btn.btn-tertiary:not(:disabled,.disabled):active,.btn.btn-tertiary:not(:disabled,.disabled).active{color:#08665c}"}},[513,"ifx-icon-button",{variant:[1],size:[1],disabled:[4],icon:[1],href:[1],target:[1],shape:[1],ariaLabelText:[1,"aria-label-text"],internalIcon:[32],setFocus:[64]},[[2,"click","handleClick"]],{icon:[{updateIcon:0}]}]);function f(){"undefined"!=typeof customElements&&["ifx-icon-button","ifx-icon"].forEach((t=>{switch(t){case"ifx-icon-button":customElements.get(e(t))||customElements.define(e(t),l);break;case"ifx-icon":customElements.get(e(t))||c()}}))}export{l as I,f as d}

package/dist/docs.d.ts

@@ -0,0 +1,480 @@
+
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * DO NOT MODIFY IT MANUALLY
+ */
+interface ComponentCompilerPropertyComplexType {
+  /**
+   * The string of the original type annotation in the Stencil source code
+   */
+  original: string;
+  /**
+   * A 'resolved' type, where e.g. imported types have been resolved and inlined
+   *
+   * For instance, an annotation like `(foo: Foo) => string;` will be
+   * converted to `(foo: { foo: string }) => string;`.
+   */
+  resolved: string;
+  /**
+   * A record of the types which were referenced in the assorted type
+   * annotation in the original source file.
+   */
+  references: ComponentCompilerTypeReferences;
+}
+type ComponentCompilerTypeReferences = Record<string, ComponentCompilerTypeReference>;
+interface ComponentCompilerTypeReference {
+  /**
+   * A type may be defined:
+   * - locally (in the same file as the component that uses it)
+   * - globally
+   * - by importing it into a file (and is defined elsewhere)
+   */
+  location: "local" | "global" | "import";
+  /**
+   * The path to the type reference, if applicable (global types should not need a path associated with them)
+   */
+  path?: string;
+  /**
+   * An ID for this type which is unique within a Stencil project.
+   */
+  id: string;
+  /**
+   * Whether this type was imported as a default import (e.g., `import MyEnum from './my-enum'`)
+   * vs a named import (e.g., `import { MyType } from './my-type'`)
+   */
+  isDefault?: boolean;
+  /**
+   * The name used in the import statement (before any user-defined alias).
+   * For `import { XAxisOption as moo }`, this would be "XAxisOption".
+   * This is the name exported by the source module.
+   */
+  referenceLocation?: string;
+}
+interface ComponentCompilerReferencedType {
+  /**
+   * The path to the module where the type is declared.
+   */
+  path: string;
+  /**
+   * The string of the original type annotation in the Stencil source code
+   */
+  declaration: string;
+  /**
+   * An extracted docstring
+   */
+  docstring: string;
+}
+interface ComponentCompilerEventComplexType {
+  original: string;
+  resolved: string;
+  references: ComponentCompilerTypeReferences;
+}
+interface ComponentCompilerMethodComplexType {
+  signature: string;
+  parameters: JsonDocMethodParameter[];
+  references: ComponentCompilerTypeReferences;
+  return: string;
+}
+/**
+ * The Type Library holds information about the types which are used in a
+ * Stencil project. During compilation, Stencil gathers information about the
+ * types which form part of a component's public API, such as properties
+ * decorated with `@Prop`, `@Event`, `@Watch`, etc. This type information is
+ * then added to the Type Library, where it can be accessed later on for
+ * generating documentation.
+ *
+ * This information is included in the file written by the `docs-json` output
+ * target (see {@link JsonDocs.typeLibrary}).
+ */
+export type JsonDocsTypeLibrary = Record<string, ComponentCompilerReferencedType>;
+/**
+ * A container for JSDoc metadata for a project
+ */
+export interface JsonDocs {
+  /**
+   * The metadata for the JSDocs for each component in a Stencil project
+   */
+  components: JsonDocsComponent[];
+  /**
+   * The timestamp at which the metadata was generated, in the format YYYY-MM-DDThh:mm:ss
+   */
+  timestamp: string;
+  compiler: {
+    /**
+     * The name of the compiler that generated the metadata
+     */
+    name: string;
+    /**
+     * The version of the Stencil compiler that generated the metadata
+     */
+    version: string;
+    /**
+     * The version of TypeScript that was used to generate the metadata
+     */
+    typescriptVersion: string;
+  };
+  typeLibrary: JsonDocsTypeLibrary;
+}
+/**
+ * Container for JSDoc metadata for a single Stencil component
+ */
+export interface JsonDocsComponent {
+  /**
+   * The directory containing the Stencil component, minus the file name.
+   *
+   * @example /workspaces/stencil-project/src/components/my-component
+   */
+  dirPath?: string;
+  /**
+   * The name of the file containing the Stencil component, with no path
+   *
+   * @example my-component.tsx
+   */
+  fileName?: string;
+  /**
+   * The full path of the file containing the Stencil component
+   *
+   * @example /workspaces/stencil-project/src/components/my-component/my-component.tsx
+   */
+  filePath?: string;
+  /**
+   * The path to the component's `readme.md` file, including the filename
+   *
+   * @example /workspaces/stencil-project/src/components/my-component/readme.md
+   */
+  readmePath?: string;
+  /**
+   * The path to the component's `usage` directory
+   *
+   * @example /workspaces/stencil-project/src/components/my-component/usage/
+   */
+  usagesDir?: string;
+  /**
+   * The encapsulation strategy for a component
+   */
+  encapsulation: "shadow" | "scoped" | "none";
+  /**
+   * The tag name for the component, for use in HTML
+   */
+  tag: string;
+  /**
+   * The contents of a component's `readme.md` that are user generated.
+   *
+   * Auto-generated contents are not stored in this reference.
+   */
+  readme: string;
+  /**
+   * The description of a Stencil component, found in the JSDoc that sits above the component's declaration
+   */
+  docs: string;
+  /**
+   * JSDoc tags found in the JSDoc comment written atop a component's declaration
+   */
+  docsTags: JsonDocsTag[];
+  /**
+   * The text from the class-level JSDoc for a Stencil component, if present.
+   */
+  overview?: string;
+  /**
+   * A mapping of usage example file names to their contents for the component.
+   */
+  usage: JsonDocsUsage;
+  /**
+   * Array of metadata for a component's `@Prop`s
+   */
+  props: JsonDocsProp[];
+  /**
+   * Array of metadata for a component's `@Method`s
+   */
+  methods: JsonDocsMethod[];
+  /**
+   * Array of metadata for a component's `@Event`s
+   */
+  events: JsonDocsEvent[];
+  /**
+   * Array of metadata for a component's `@Listen` handlers
+   */
+  listeners: JsonDocsListener[];
+  /**
+   * Array of metadata for a component's CSS styling information
+   */
+  styles: JsonDocsStyle[];
+  /**
+   * Array of component Slot information, generated from `@slot` tags
+   */
+  slots: JsonDocsSlot[];
+  /**
+   * Array of component Parts information, generate from `@part` tags
+   */
+  parts: JsonDocsPart[];
+  /**
+   * Array of custom states defined via @AttachInternals({ states: {...} })
+   */
+  customStates: JsonDocsCustomState[];
+  /**
+   * Array of metadata describing where the current component is used
+   */
+  dependents: string[];
+  /**
+   * Array of metadata listing the components which are used in current component
+   */
+  dependencies: string[];
+  /**
+   * Describes a tree of components coupling
+   */
+  dependencyGraph: JsonDocsDependencyGraph;
+  /**
+   * A deprecation reason/description found following a `@deprecated` tag
+   */
+  deprecation?: string;
+}
+export interface JsonDocsDependencyGraph {
+  [tagName: string]: string[];
+}
+/**
+ * A descriptor for a single JSDoc tag found in a block comment
+ */
+export interface JsonDocsTag {
+  /**
+   * The tag name (immediately following the '@')
+   */
+  name: string;
+  /**
+   * The description that immediately follows the tag name
+   */
+  text?: string;
+}
+export interface JsonDocsValue {
+  value?: string;
+  type: string;
+}
+/**
+ * A mapping of file names to their contents.
+ *
+ * This type is meant to be used when reading one or more usage markdown files associated with a component. For the
+ * given directory structure:
+ * ```
+ * src/components/my-component
+ * ├── my-component.tsx
+ * └── usage
+ *     ├── bar.md
+ *     └── foo.md
+ * ```
+ * an instance of this type would include the name of the markdown file, mapped to its contents:
+ * ```ts
+ * {
+ *   'bar': STRING_CONTENTS_OF_BAR.MD
+ *   'foo': STRING_CONTENTS_OF_FOO.MD
+ * }
+ * ```
+ */
+export interface JsonDocsUsage {
+  [key: string]: string;
+}
+/**
+ * An intermediate representation of a `@Prop` decorated member's JSDoc
+ */
+export interface JsonDocsProp {
+  /**
+   * the name of the prop
+   */
+  name: string;
+  complexType?: ComponentCompilerPropertyComplexType;
+  /**
+   * the type of the prop, in terms of the TypeScript type system (as opposed to JavaScript's or HTML's)
+   */
+  type: string;
+  /**
+   * `true` if the prop was configured as "mutable" where it was declared, `false` otherwise
+   */
+  mutable: boolean;
+  /**
+   * The name of the attribute that is exposed to configure a compiled web component
+   */
+  attr?: string;
+  /**
+   * `true` if the prop was configured to "reflect" back to HTML where it (the prop) was declared, `false` otherwise
+   */
+  reflectToAttr: boolean;
+  /**
+   * the JSDoc description text associated with the prop
+   */
+  docs: string;
+  /**
+   * JSDoc tags associated with the prop
+   */
+  docsTags: JsonDocsTag[];
+  /**
+   * The default value of the prop
+   */
+  default?: string;
+  /**
+   * Deprecation text associated with the prop. This is the text that immediately follows a `@deprecated` tag
+   */
+  deprecation?: string;
+  values: JsonDocsValue[];
+  /**
+   * `true` if a component is declared with a '?', `false` otherwise
+   *
+   * @example
+   * ```tsx
+   * @Prop() componentProps?: any;
+   * ```
+   */
+  optional: boolean;
+  /**
+   * `true` if a component is declared with a '!', `false` otherwise
+   *
+   * @example
+   * ```tsx
+   * @Prop() componentProps!: any;
+   * ```
+   */
+  required: boolean;
+  /**
+   * `true` if the prop has a `get()`. `false` otherwise
+   */
+  getter: boolean;
+  /**
+   * `true` if the prop has a `set()`. `false` otherwise
+   */
+  setter: boolean;
+}
+export interface JsonDocsMethod {
+  name: string;
+  docs: string;
+  docsTags: JsonDocsTag[];
+  deprecation?: string;
+  signature: string;
+  returns: JsonDocsMethodReturn;
+  parameters: JsonDocMethodParameter[];
+  complexType: ComponentCompilerMethodComplexType;
+}
+export interface JsonDocsMethodReturn {
+  type: string;
+  docs: string;
+}
+export interface JsonDocMethodParameter {
+  name: string;
+  type: string;
+  docs: string;
+}
+export interface JsonDocsEvent {
+  event: string;
+  bubbles: boolean;
+  cancelable: boolean;
+  composed: boolean;
+  complexType: ComponentCompilerEventComplexType;
+  docs: string;
+  docsTags: JsonDocsTag[];
+  deprecation?: string;
+  detail: string;
+}
+/**
+ * Type describing a CSS Style, as described by a JSDoc-style comment
+ */
+export interface JsonDocsStyle {
+  /**
+   * The name of the style
+   */
+  name: string;
+  /**
+   * The type/description associated with the style
+   */
+  docs: string;
+  /**
+   * The annotation used in the JSDoc of the style (e.g. `@prop`)
+   */
+  annotation: string;
+  /**
+   * The mode associated with the style
+   */
+  mode: string | undefined;
+}
+export interface JsonDocsListener {
+  event: string;
+  target?: string;
+  capture: boolean;
+  passive: boolean;
+}
+/**
+ * A descriptor for a slot
+ *
+ * Objects of this type are translated from the JSDoc tag, `@slot`
+ */
+export interface JsonDocsSlot {
+  /**
+   * The name of the slot. Defaults to an empty string for an unnamed slot.
+   */
+  name: string;
+  /**
+   * A textual description of the slot.
+   */
+  docs: string;
+}
+/**
+ * A descriptor of a CSS Shadow Part
+ *
+ * Objects of this type are translated from the JSDoc tag, `@part`, or the 'part'
+ * attribute on a component in TSX
+ */
+export interface JsonDocsPart {
+  /**
+   * The name of the Shadow part
+   */
+  name: string;
+  /**
+   * A textual description of the Shadow part.
+   */
+  docs: string;
+}
+/**
+ * A descriptor for a Custom State defined via @AttachInternals({ states: {...} })
+ *
+ * Custom states are exposed via the ElementInternals.states CustomStateSet
+ * and can be targeted with the CSS `:state()` pseudo-class.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+ */
+export interface JsonDocsCustomState {
+  /**
+   * The name of the custom state (without dashes)
+   */
+  name: string;
+  /**
+   * The initial/default value of the state
+   */
+  initialValue: boolean;
+  /**
+   * A textual description of the custom state
+   */
+  docs: string;
+}
+/**
+ * Represents a parsed block comment in a CSS, Sass, etc. file for a custom property.
+ */
+export interface StyleDoc {
+  /**
+   * The name of the CSS property
+   */
+  name: string;
+  /**
+   * The user-defined description of the CSS property
+   */
+  docs: string;
+  /**
+   * The JSDoc-style annotation (e.g. `@prop`) that was used in the block comment to detect the comment.
+   * Used to inform Stencil where the start of a new property's description starts (and where the previous description
+   * ends).
+   */
+  annotation: "prop";
+  /**
+   * The Stencil style-mode that is associated with this property.
+   */
+  mode: string | undefined;
+}
+
+export {};
+
+declare const _default: JsonDocs;
+export default _default;