@infineon/infineon-design-system-stencil 33.6.0--canary.1871.c2998e7abe6b04bf899ee5aca3fb052ea8abc795.0 → 33.6.0--canary.1869.d4a14f1380c934d3841f5aec362228f12cbb51a0.0

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as o,a as n,g as i}from"./p-e6edf72d.js";function a(e,t,o,n=20,i=0){const s=[];if(i>=n){return s}const r=e=>{const s=e.assignedNodes().filter((e=>e.nodeType===1));if(s.length>0){const e=s[0].parentElement;return a(e,t,o,n,i+1)}return[]};const d=Array.from(e.children||[]);for(const e of d){if(t(e)){continue}if(o(e)){s.push(e)}if(e.shadowRoot!=null){s.push(...a(e.shadowRoot,t,o,n,i+1))}else if(e.tagName==="SLOT"){s.push(...r(e))}else{s.push(...a(e,t,o,n,i+1))}}return s}function s(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&e.getAttribute("aria-hidden")!=="false"||e.style.display===`none`||e.style.opacity===`0`||e.style.visibility===`hidden`||e.style.visibility===`collapse`}function r(e){return e.hasAttribute("disabled")||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false"}function d(e){if(e.getAttribute("tabindex")==="-1"||s(e)||r(e)){return false}return e.hasAttribute("tabindex")||(e instanceof HTMLAnchorElement||e instanceof HTMLAreaElement)&&e.hasAttribute("href")||e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||e instanceof HTMLIFrameElement}function c(e,t,o){const n=e.animate(t,Object.assign(Object.assign({},o),{fill:"both"}));n.addEventListener("finish",(()=>{n.commitStyles();n.cancel()}));return n}const l={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"};const f={fadeIn:[Object.assign(Object.assign({offset:0},l),{opacity:0}),Object.assign(Object.assign({offset:1},l),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},l),{opacity:1}),Object.assign(Object.assign({offset:1},l),{opacity:0})]};const h=':root{font-family:"Source Sans 3", sans-serif}:host{display:block}.modal-container{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto;font-family:"Source Sans 3"}.modal-container.open{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1D1D1D;opacity:0.5;z-index:0}.modal-content-container{position:absolute;display:flex;justify-content:center;width:90%;min-height:218px;background-color:#fff;border-radius:0;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);box-sizing:border-box;align-items:stretch}.modal-content-container.no-overflow{overflow:hidden}.modal-content-container.no-overflow .modal-body{overflow-y:auto}@media screen and (min-width: 768px){.modal-content-container{width:540px;min-height:132px}.modal-content-container.m,.modal-content-container.l,.modal-content-container.s{width:90%}}@media screen and (min-width: 1024px){.modal-content-container.s{width:47vw}.modal-content-container.m{width:63vw}.modal-content-container.l{width:80%}}.modal-content{display:flex;flex-direction:column;width:100%;max-height:90vh}.modal-icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#0A8276;align-self:stretch}.modal-icon-container.danger{background-color:#CD002F}.modal-icon-container ifx-icon{color:#FFFFFF}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;min-height:76px;max-height:105px;box-sizing:border-box;border-radius:1px 1px 0px 0px;border-bottom:1px solid #EEEDED}.modal-caption{max-height:56px;display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-header h2{margin:0;font-weight:600;font-size:1.25rem;line-height:28px}.modal-header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.modal-close-button{align-self:flex-start;margin-right:-8px}.modal-body{padding:16px 24px;min-height:56px;box-sizing:border-box;flex:1}.modal-footer.buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:16px;padding:16px 24px 32px 16px}.modal-border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}.modal-border.primary{background-color:#0A8276}.modal-border.secondary{background-color:#575352}.modal-border.danger{background-color:#CD002F}.modal-border.success{background-color:#4CA460}.modal-border.warning{background-color:#E16B25}.modal-border.orange{background-color:#E16B25}.modal-border.ocean{background-color:#0A8276}.modal-border.grey{background-color:#575352}.modal-border.grey-200{background-color:#EEEDED}.modal-border.red{background-color:#CD002F}.modal-border.green{background-color:#4CA460}.modal-border.berry{background-color:#9C216E}';const b=h;const m=class{constructor(o){e(this,o);this.ifxOpen=t(this,"ifxOpen",7);this.ifxClose=t(this,"ifxClose",7);this.opened=false;this.showModal=this.opened||false;this.caption="Modal Title";this.closeOnOverlayClick=true;this.variant="default";this.size="s";this.alertIcon="";this.okButtonLabel="OK";this.cancelButtonLabel="Cancel";this.slotButtonsPresent=false;this.showCloseButton=true;this.focusableElements=[];this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())};this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())};this.handleKeypress=e=>{if(!this.showModal){return}if(e.key==="Escape"){this.doBeforeClose("ESCAPE_KEY")}}}componentDidLoad(){this.focusableElements=a(this.hostElement.shadowRoot,(e=>s(e)||e.matches("[data-focus-trap-edge]")),d)}componentWillRender(){if(this.showModal){this.handleComponentOverflow()}}handleComponentOverflow(){const e=this.hostElement.shadowRoot.querySelector(".modal-content-container");if(this.showModal&&this.isModalContentContainerHeightReachedViewport()){e.classList.add("no-overflow")}else if(e===null||e===void 0?void 0:e.classList.contains("no-overflow")){e===null||e===void 0?void 0:e.classList.remove("no-overflow")}}getFirstFocusableElement(){return this.focusableElements[0]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(e){if(e==null){setTimeout((()=>{this.closeButton.focus()}));return}setTimeout((()=>{e.focus()}),0)}open(){this.showModal=true;try{const e=c(this.modalContainer,f.fadeIn,{duration:200});e.addEventListener("finish",(()=>{setTimeout((()=>{var e,t;(e=this.getLastFocusableElement())===null||e===void 0?void 0:e.focus();(t=this.getLastFocusableElement())===null||t===void 0?void 0:t.blur()}),0);this.ifxOpen.emit()}));this.hostElement.addEventListener("keydown",this.handleKeypress)}catch(e){this.ifxOpen.emit()}}close(){try{const e=c(this.modalContainer,f.fadeOut,{duration:200});e.addEventListener("finish",(()=>{this.showModal=false;this.ifxClose.emit()}));this.hostElement.removeEventListener("keydown",this.handleKeypress)}catch(e){this.showModal=false;this.ifxClose.emit()}}doBeforeClose(e){const t=[];t.push(e);const o=t.some((e=>e.defaultPrevented));if(!o){this.opened=false}}openedChanged(e){if(e===true){this.open()}else{this.close()}}handleOverlayClick(){if(this.closeOnOverlayClick){this.doBeforeClose("BACKDROP")}}handleButtonsSlotChange(e){var t;if(((t=e.currentTarget.assignedElements()[0])===null||t===void 0?void 0:t.childElementCount)>0){this.slotButtonsPresent=true}else{this.slotButtonsPresent=false}}isModalContentContainerHeightReachedViewport(){const e=this.hostElement.shadowRoot.querySelector(".modal-content");const t=window.innerHeight;const o=e.offsetHeight;return o>=t*.9}render(){const e=this.variant!=="default";return o(n,{key:"2f321831df75336021b5d10d20cc9984c3c47452"},o("div",{key:"0ca36409ff96a1a52fb820edd1315a0e11adcdff",ref:e=>this.modalContainer=e,class:`modal-container ${this.showModal?"open":""}`},o("div",{key:"eac30ceba0928df29cb63dbb2ab82ab5ea255701",class:"modal-overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"ca961775f27b489d76857b8230ab37f6110553df","data-focus-trap-edge":true,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"b87b53fcecf483c84663c4aceb08d71c202bfb33",class:`modal-content-container ${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},e?o("div",{class:`modal-icon-container ${this.variant==="alert-brand"?"":"danger"}`},this.alertIcon?o("ifx-icon",{icon:this.alertIcon}):null):null,o("div",{key:"278f293412db63336999c6243b2f62f7a771c202",class:"modal-content"},o("div",{key:"3c72f2e0a93f3a5cdddb115f10f1b637204072fa",class:"modal-header"},o("h2",{key:"0256963c9f25f70625bfe53e762f4742e9ffdf5e",class:"modal-caption"},this.caption),this.showCloseButton&&o("ifx-icon-button",{key:"3d07fa3481ff2bc7c7ae1c7263bff3612674052b",class:"modal-close-button",ref:e=>this.closeButton=e,icon:"cross-24",variant:"tertiary",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"7530a666a775b56f94360383fd50e9ab3480a7ad",class:"modal-body"},o("slot",{key:"04c68d69da7e5e04f8da69bf7748233e071e371c",name:"content"})),o("div",{key:"5492921e13c99b8a67812bad2fbd368fa5904644",class:`modal-footer ${this.slotButtonsPresent?"buttons-present":""}`},o("slot",{key:"a5ca98bb4be449f892c12125837ec32c99bcbe5c",name:"buttons",onSlotchange:e=>this.handleButtonsSlotChange(e)})))),o("div",{key:"f065a5101cfddfa69865cec8295e12a68c826341","data-focus-trap-edge":true,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return i(this)}static get watchers(){return{opened:["openedChanged"]}}};m.style=b;export{m as ifx_modal};
-//# sourceMappingURL=p-d3a86d82.entry.js.map

package/dist/infineon-design-system-stencil/p-d3a86d82.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["queryShadowRoot","root","skipNode","isMatch","maxDepth","depth","matches","traverseSlot","$slot","assignedNodes","filter","node","nodeType","length","$slotParent","parentElement","children","Array","from","$child","push","shadowRoot","tagName","isHidden","$elem","hasAttribute","getAttribute","style","display","opacity","visibility","isDisabled","isFocusable","HTMLAnchorElement","HTMLAreaElement","HTMLButtonElement","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","HTMLIFrameElement","animationTo","element","keyframes","options","animated","animate","Object","assign","fill","addEventListener","commitStyles","cancel","keyframeDefaults","easing","KEYFRAMES","fadeIn","offset","fadeOut","modalCss","IfxModalStyle0","IfxModal","constructor","hostRef","this","opened","showModal","caption","closeOnOverlayClick","variant","size","alertIcon","okButtonLabel","cancelButtonLabel","slotButtonsPresent","showCloseButton","focusableElements","handleTopFocus","attemptFocus","getLastFocusableElement","handleBottomFocus","getFirstFocusableElement","handleKeypress","event","key","doBeforeClose","componentDidLoad","hostElement","el","componentWillRender","handleComponentOverflow","modalContentContainer","querySelector","isModalContentContainerHeightReachedViewport","classList","add","contains","remove","setTimeout","closeButton","focus","open","anim","modalContainer","duration","_a","_b","blur","ifxOpen","emit","err","close","ifxClose","removeEventListener","trigger","triggers","prevented","some","defaultPrevented","openedChanged","newValue","handleOverlayClick","handleButtonsSlotChange","e","currentTarget","assignedElements","childElementCount","modalContent","viewportHeight","window","innerHeight","modalContentHeight","offsetHeight","render","isAlertVariant","h","Host","ref","class","onClick","onFocus","tabindex","role","icon","name","onSlotchange"],"sources":["src/global/utils/focus-trap.ts","src/global/utils/animation.ts","src/components/modal/modal.scss?tag=ifx-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["/**\n * Copy/pasted from https://github.com/andreasbm/focus-trap\n */\n\n/**\n * Traverses the slots of the open shadowroots and returns all children matching the query.\n * We need to traverse each child-depth one at a time because if an element should be skipped\n * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll(\"*\")\n * the information of whether the children is within a hidden parent is lost.\n * @param {ShadowRoot | HTMLElement} root\n * @param skipNode\n * @param isMatch\n * @param {number} maxDepth\n * @param {number} depth\n * @returns {HTMLElement[]}\n */\nexport function queryShadowRoot(\n  root: ShadowRoot | HTMLElement,\n  skipNode: ($elem: HTMLElement) => boolean,\n  isMatch: ($elem: HTMLElement) => boolean,\n  maxDepth: number = 20,\n  depth: number = 0\n): HTMLElement[] {\n  const matches: HTMLElement[] = [];\n\n  // If the depth is above the max depth, abort the searching here.\n  if (depth >= maxDepth) {\n    return matches;\n  }\n\n  // Traverses a slot element\n  const traverseSlot = ($slot: HTMLSlotElement) => {\n    // Only check nodes that are of the type Node.ELEMENT_NODE\n    // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\n    const assignedNodes = $slot\n      .assignedNodes()\n      .filter((node) => node.nodeType === 1);\n    if (assignedNodes.length > 0) {\n      const $slotParent = assignedNodes[0].parentElement!;\n      return queryShadowRoot(\n        $slotParent,\n        skipNode,\n        isMatch,\n        maxDepth,\n        depth + 1\n      );\n    }\n\n    return [];\n  };\n\n  // Go through each child and continue the traversing if necessary\n  // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.\n  // Therefore we fallback to an empty array if it is undefined.\n  const children = Array.from(root.children || []) as HTMLElement[];\n  for (const $child of children) {\n    // Check if the element and its descendants should be skipped\n    if (skipNode($child)) {\n      // console.log('-- SKIP', $child);\n      continue;\n    }\n\n    // console.log('$child', $child);\n\n    // If the element matches we always add it\n    if (isMatch($child)) {\n      matches.push($child);\n    }\n\n    if ($child.shadowRoot != null) {\n      // If the element has a shadow root we need to traverse it\n      matches.push(\n        ...queryShadowRoot(\n          $child.shadowRoot,\n          skipNode,\n          isMatch,\n          maxDepth,\n          depth + 1\n        )\n      );\n    } else if ($child.tagName === 'SLOT') {\n      // If the child is a slot we need to traverse each assigned node\n      matches.push(...traverseSlot($child as HTMLSlotElement));\n    } else {\n      // Traverse the children of the element\n      matches.push(\n        ...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1)\n      );\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Returns whether the element is hidden.\n * @param $elem\n */\nexport function isHidden($elem: HTMLElement): boolean {\n  return (\n    $elem.hasAttribute('hidden') ||\n    ($elem.hasAttribute('aria-hidden') &&\n      $elem.getAttribute('aria-hidden') !== 'false') ||\n    // A quick and dirty way to check whether the element is hidden.\n    // For a more fine-grained check we could use \"window.getComputedStyle\" but we don't because of bad performance.\n    // If the element has visibility set to \"hidden\" or \"collapse\", display set to \"none\" or opacity set to \"0\" through CSS\n    // we won't be able to catch it here. We accept it due to the huge performance benefits.\n    $elem.style.display === `none` ||\n    $elem.style.opacity === `0` ||\n    $elem.style.visibility === `hidden` ||\n    $elem.style.visibility === `collapse`\n  );\n\n  // If offsetParent is null we can assume that the element is hidden\n  // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null\n  // || $elem.offsetParent == null;\n}\n\n/**\n * Returns whether the element is disabled.\n * @param $elem\n */\nexport function isDisabled($elem: HTMLElement): boolean {\n  return (\n    $elem.hasAttribute('disabled') ||\n    ($elem.hasAttribute('aria-disabled') &&\n      $elem.getAttribute('aria-disabled') !== 'false')\n  );\n}\n\n/**\n * Determines whether an element is focusable.\n * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194\n * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable\n * @param $elem\n */\nexport function isFocusable($elem: HTMLElement): boolean {\n  // Discard elements that are removed from the tab order.\n  if (\n    $elem.getAttribute('tabindex') === '-1' ||\n    isHidden($elem) ||\n    isDisabled($elem)\n  ) {\n    return false;\n  }\n\n  return (\n    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists\n    $elem.hasAttribute('tabindex') ||\n    // Anchor tags or area tags with a href set\n    (($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) &&\n      $elem.hasAttribute('href')) ||\n    // Form elements which are not disabled\n    $elem instanceof HTMLButtonElement ||\n    $elem instanceof HTMLInputElement ||\n    $elem instanceof HTMLTextAreaElement ||\n    $elem instanceof HTMLSelectElement ||\n    // IFrames\n    $elem instanceof HTMLIFrameElement\n  );\n}","export function animationTo(\n  element: HTMLElement,\n  keyframes: Keyframe | Keyframe[],\n  options?: KeyframeAnimationOptions\n) {\n  const animated = element.animate(keyframes, { ...options, fill: 'both' });\n  animated.addEventListener('finish', () => {\n    // @ts-ignore\n    animated.commitStyles();\n    animated.cancel();\n  });\n\n  return animated;\n}\n\nconst keyframeDefaults = {\n  easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n};\n\nexport const KEYFRAMES = {\n  fadeIn: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n  ],\n  fadeOut: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n  ],\n};","@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: block;\n}\n\n.modal-container {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1060;\n  overflow-y: auto;\n  font-family: tokens.$ifxFontFamilyBody;\n\n}\n\n.modal-container.open {\n  display: flex;\n}\n\n.modal-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: tokens.$ifxColorBaseBlack;\n  opacity: 0.5;\n  z-index: 0;\n}\n\n.modal-content-container {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  width: 90%;\n  min-height: 218px;\n  background-color: #fff;\n  border-radius: tokens.$ifxBorderRadiusNone;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  \n  //overflow: hidden;\n\n  box-sizing: border-box;\n  align-items: stretch;\n}\n\n.modal-content-container {\n  &.no-overflow { \n    overflow: hidden;\n    & .modal-body { \n      overflow-y: auto;\n    }\n  }\n}\n\n/* Add desktop size here */\n@media screen and (min-width: 768px) {\n  .modal-content-container {\n    width: 540px;\n    min-height: 132px;\n\n    &.m,\n    &.l,\n    &.s {\n      width: 90%;\n    }\n  }\n}\n\n@media screen and (min-width: 1024px) {\n  .modal-content-container {\n\n    &.s {\n      width: 47vw;\n    }\n\n    &.m {\n      width: 63vw;\n    }\n\n    &.l {\n      width: 80%;\n    }\n  }\n}\n\n.modal-content {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  max-height: 90vh;\n}\n\n.modal-icon-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  background-color: tokens.$ifxColorOcean500;\n  align-self: stretch;\n\n  &.danger {\n    background-color: tokens.$ifxColorRed500;\n  }\n\n  & ifx-icon {\n    color: tokens.$ifxColorBaseWhite;\n  }\n}\n\n.modal-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 24px;\n  min-height: 76px;\n  max-height: 105px;\n  box-sizing: border-box;\n  border-radius: 1px 1px 0px 0px;\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\n}\n\n.modal-caption {\n  max-height: 56px;\n  display: -webkit-box;\n  overflow: hidden;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical; \n}\n\n.modal-header h2 {\n  margin: 0;\n  font-weight: tokens.$ifxFontWeightSemibold;\n  font-size: tokens.$ifxFontSizeXl;\n  line-height: 28px;\n}\n\n.modal-header button {\n  background: none;\n  border: none;\n  font-size: 1.5em;\n  padding: 0;\n  cursor: pointer;\n}\n\n.modal-close-button {\n  align-self: flex-start;\n  margin-right: -8px;\n}\n\n.modal-body {\n  padding: 16px 24px;\n  min-height: 56px;\n  box-sizing: border-box;\n  flex: 1;\n  \n  //overflow-y: auto;\n}\n\n.modal-footer.buttons-present ::slotted(*){\n  display: flex;\n  justify-content: flex-end;\n  gap: 16px;\n  padding: 16px 24px 32px 16px\n}\n\n.modal-border {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  font-size: 1.5em;\n  flex-grow: 1;\n\n  &.primary {\n    background-color: tokens.$ifxColorOcean500;\n  }\n\n  &.secondary {\n    background-color: tokens.$ifxColorEngineering500;\n  }\n\n  &.danger {\n    background-color: tokens.$ifxColorRed500;\n  }\n\n  &.success {\n    background-color: tokens.$ifxColorGreen500;\n  }\n\n  &.warning {\n    background-color: tokens.$ifxColorOrange500;\n  }\n\n  &.orange {\n    background-color: tokens.$ifxColorOrange500;\n  }\n\n  &.ocean {\n    background-color: tokens.$ifxColorOcean500;\n  }\n\n  &.grey {\n    background-color: tokens.$ifxColorEngineering500;\n  }\n\n  &.grey-200 {\n    background-color: tokens.$ifxColorEngineering200;\n  }\n\n  &.red {\n    background-color: tokens.$ifxColorRed500;\n  }\n\n  &.green {\n    background-color: tokens.$ifxColorGreen500;\n  }\n\n  &.berry {\n    background-color: tokens.$ifxColorBerry500;\n  }\n}","import { Component, Prop, Element, State, Event, Host, EventEmitter, h, Watch } from '@stencil/core';\nimport { queryShadowRoot, isHidden, isFocusable } from '../../global/utils/focus-trap';\nimport { animationTo, KEYFRAMES } from '../../global/utils/animation';\n \n\ntype CloseEventTrigger = 'CLOSE_BUTTON' | 'ESCAPE_KEY' | 'BACKDROP';\n\nexport interface BeforeCloseEventDetail {\n  trigger: CloseEventTrigger;\n}\n@Component({\n  tag: 'ifx-modal',\n  styleUrl: 'modal.scss',\n  shadow: true\n})\nexport class IfxModal {\n  @Prop({ reflect: true, mutable: true }) opened?: boolean = false;\n  @State() showModal: boolean = this.opened || false;\n\n  @Prop() caption: string = 'Modal Title';\n  @Prop() closeOnOverlayClick: boolean = true;\n\n  @Event() ifxOpen: EventEmitter;\n  @Event() ifxClose: EventEmitter;\n\n  @Prop() variant: 'default' | 'alert-brand' | 'alert-danger' = 'default';\n  \n  @Prop() size: 's' | 'm' | 'l' = 's';\n\n  @Prop() alertIcon: string = '';\n  @Prop() okButtonLabel: string = 'OK';\n  @Prop() cancelButtonLabel: string = 'Cancel';\n  @Element() hostElement: HTMLElement;\n\n  @State() slotButtonsPresent: boolean = false;\n\n  @Prop() showCloseButton: boolean = true;\n\n  private modalContainer: HTMLElement;\n  private focusableElements: HTMLElement[] = [];\n  private closeButton: HTMLButtonElement | HTMLIfxIconButtonElement;\n\n  componentDidLoad() {\n    // Query all focusable elements and store them in `focusableElements`.\n    // Needed for the \"focus trap\" functionality.\n    this.focusableElements = queryShadowRoot(\n      this.hostElement.shadowRoot,\n      (el) => isHidden(el) || el.matches('[data-focus-trap-edge]'),\n      isFocusable\n    );\n  }\n\n  componentWillRender() { \n    if(this.showModal) { \n      this.handleComponentOverflow();\n    }\n  }\n\n  handleComponentOverflow() { \n    const modalContentContainer = this.hostElement.shadowRoot.querySelector('.modal-content-container');\n    if (this.showModal && this.isModalContentContainerHeightReachedViewport()) {\n      modalContentContainer.classList.add('no-overflow')\n    } else if(modalContentContainer?.classList.contains('no-overflow')) { \n      modalContentContainer?.classList.remove('no-overflow')\n    }\n  }\n\n  getFirstFocusableElement(): HTMLElement | null {\n    return this.focusableElements[0];\n  }\n\n  getLastFocusableElement(): HTMLElement | null {\n    return this.focusableElements[this.focusableElements.length - 1];\n  }\n\n  handleTopFocus = () => {\n    this.attemptFocus(this.getLastFocusableElement());\n  };\n\n  handleBottomFocus = () => {\n    this.attemptFocus(this.getFirstFocusableElement());\n  };\n\n\n  attemptFocus(element: HTMLElement | null) {\n    if (element == null) {\n      setTimeout(() => { //wait until DOM is fully loaded\n        this.closeButton.focus();\n      },);\n      return;\n    }\n\n    setTimeout(() => { //wait until DOM is fully loaded\n      element.focus();\n    }, 0);\n  }\n\n\n  open() {\n    this.showModal = true;\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeIn, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        // Setting focus on last item and removing immediately\n        // so, on tab press first element is focused\n        setTimeout(() => {\n          this.getLastFocusableElement()?.focus();\n          this.getLastFocusableElement()?.blur();\n        }, 0);\n\n        this.ifxOpen.emit();\n      });\n\n      this.hostElement.addEventListener('keydown', this.handleKeypress);\n    } catch (err) {\n      this.ifxOpen.emit();\n\n    }\n\n\n  }\n\n  close() {\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeOut, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        this.showModal = false;\n        this.ifxClose.emit();\n      });\n      this.hostElement.removeEventListener('keydown', this.handleKeypress);\n    } catch (err) {\n      this.showModal = false;\n      this.ifxClose.emit();\n    }\n  }\n\n  handleKeypress = (event: KeyboardEvent) => {\n    if (!this.showModal) {\n      return;\n    }\n    if (event.key === 'Escape') {\n      this.doBeforeClose('ESCAPE_KEY');\n    }\n  };\n\n\n  doBeforeClose(trigger: CloseEventTrigger) {\n    const triggers = [];\n    triggers.push(trigger);\n    const prevented = triggers.some((event) => event.defaultPrevented);\n    if (!prevented) {\n      this.opened = false;\n    }\n  }\n\n\n\n  @Watch('opened')\n  openedChanged(newValue) {\n    if (newValue === true) {\n      this.open();\n    } else {\n      this.close()\n    }\n  }\n\n\n  handleOverlayClick() {\n    if (this.closeOnOverlayClick) {\n      this.doBeforeClose('BACKDROP')\n    }\n  }\n\n\n  handleButtonsSlotChange(e) {\n    if(e.currentTarget.assignedElements()[0]?.childElementCount > 0) {\n      this.slotButtonsPresent = true;\n    }else{\n      this.slotButtonsPresent = false;\n    }\n  }\n\n  isModalContentContainerHeightReachedViewport() {\n    const modalContent = this.hostElement.shadowRoot.querySelector('.modal-content') as HTMLElement;\n    const viewportHeight = window.innerHeight;\n    const modalContentHeight = modalContent.offsetHeight;\n    return modalContentHeight >= viewportHeight * 0.9;\n  }\n\n\n  render() {\n    const isAlertVariant = this.variant !== 'default';\n    return (\n      <Host>\n        <div\n          ref={(el) => (this.modalContainer = el)}\n          class={`modal-container ${this.showModal ? 'open' : ''}`}\n        >\n          <div\n            class=\"modal-overlay\"\n            onClick={() => this.handleOverlayClick()}\n          ></div>\n          <div\n            data-focus-trap-edge\n            onFocus={this.handleTopFocus}\n            tabindex=\"0\"\n          ></div>\n          <div\n            class={`modal-content-container ${this.size}`}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={this.caption}>\n            {isAlertVariant ? (\n              <div class={`modal-icon-container ${this.variant === 'alert-brand' ? '' : 'danger'}`}>\n                {this.alertIcon ? <ifx-icon icon={this.alertIcon} /> : null}\n              </div>\n            ) : null}\n            <div class=\"modal-content\">\n              <div class=\"modal-header\">\n                <h2 class=\"modal-caption\">{this.caption}</h2>\n                { \n                  this.showCloseButton && \n                  <ifx-icon-button class = 'modal-close-button' ref={(el) => (this.closeButton = el)} icon=\"cross-24\" variant=\"tertiary\" onClick={() => this.doBeforeClose('CLOSE_BUTTON') }>\n                  </ifx-icon-button>\n                }\n              </div>\n              <div class=\"modal-body\">\n                <slot name=\"content\" /*onSlotchange={() => console.log('slots children modified')}*/ />\n              </div>\n              <div class={`modal-footer ${this.slotButtonsPresent ? 'buttons-present' : ''}`}>\n                <slot name=\"buttons\" onSlotchange={(e)=>this.handleButtonsSlotChange(e)}>\n                </slot>\n              </div>\n            </div>\n          </div>\n          <div\n            data-focus-trap-edge\n            onFocus={this.handleBottomFocus}\n            tabindex=\"0\"\n          ></div>\n        </div>\n      </Host>\n\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-e6edf72d.js

@@ -1,3 +0,0 @@
-const e="infineon-design-system-stencil";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:true,constructableCSS:true,cssAnnotations:true,devTools:false,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:true,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:true,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var s="http://www.w3.org/2000/svg";var o="http://www.w3.org/1999/xhtml";var l=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var i=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var f=(e,t)=>{const n={o:0,$hostElement$:e,l:t,i:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var a=(e,t)=>t in e;var c=(e,t)=>(0,console.error)(e,t);var u=new Map;var v=(e,t,n)=>{const r=e.m.replace(/-/g,"_");const s=e.S;if(!s){return void 0}const o=u.get(s);if(o){return o[r]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((e=>{{u.set(s,e)}return e[r]}),(e=>{c(e,t.$hostElement$)}))};var d=new Map;var h="sty-id";var p="{visibility:hidden}.hydrated{visibility:inherit}";var m="slot-fb{display:contents}slot-fb[hidden]{display:none}";var y="http://www.w3.org/1999/xlink";var b=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var w=typeof window!=="undefined"?window:{};var g=w.HTMLElement||class{};var S={o:0,$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var $=t.shadowDom;var k=(()=>{var e;let t=false;try{(e=w.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var O=e=>Promise.resolve(e);var j=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var C=false;var x=[];var T=[];var R=(e,t)=>n=>{e.push(n);if(!C){C=true;if(t&&S.o&4){D(L)}else{S.raf(L)}}};var F=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var L=()=>{F(x);{F(T);if(C=x.length>0){S.raf(L)}}};var D=e=>O().then(e);var E=R(T,true);var N=e=>{const t=new URL(e,S.$);return t.origin!==w.location.origin?t.href:t.pathname};var M=e=>{e=typeof e;return e==="object"||e==="function"};function A(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var P={};r(P,{err:()=>W,map:()=>B,ok:()=>U,unwrap:()=>_,unwrapErr:()=>z});var U=e=>({isOk:true,isErr:false,value:e});var W=e=>({isOk:false,isErr:true,value:e});function B(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>U(e)))}else{return U(n)}}if(e.isErr){const t=e.value;return W(t)}throw"should never get here"}var _=e=>{if(e.isOk){return e.value}else{throw e.value}};var z=e=>{if(e.isErr){return e.value}else{throw e.value}};var H=e=>{const t=X(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){Q(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(V(e,q(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&X(e,"childNodes").length){H(e)}}};var I=e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n]["s-nr"]||void 0;if(r&&r.isConnected){t.push(r)}}return t};function Q(e,t,n){let r=0;let s=[];let o;for(;r<e.length;r++){o=e[r];if(o["s-sr"]&&(!t||o["s-hn"]===t)&&(n===void 0||q(o)===n)){s.push(o);if(typeof n!=="undefined")return s}s=[...s,...Q(o.childNodes,t,n)]}return s}var V=(e,t,n=true)=>{const r=[];if(n&&e["s-sr"]||!e["s-sr"])r.push(e);let s=e;while(s=s.nextSibling){if(q(s)===t&&(n||!s["s-sr"]))r.push(s)}return r};var Y=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var q=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function G(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const r=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots. \n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const s=this["s-cr"].parentElement;const o=s.__childNodes?s.childNodes:I(s.childNodes);o.forEach((e=>{if(r===q(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}var K=e=>{const t=e.cloneNode;e.cloneNode=function(e){const n=this;const r=n.shadowRoot&&$;const s=t.call(n,r?e:false);if(!r&&e){let e=0;let t,n;const r=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];const o=this.__childNodes||this.childNodes;for(;e<o.length;e++){t=o[e]["s-nr"];n=r.every((t=>!o[e][t]));if(t){{s.appendChild(t.cloneNode(true))}}if(n){s.appendChild(o[e].cloneNode(true))}}}return s}};function X(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var J=(e,t="")=>{{return()=>{}}};var Z=(e,t)=>{{return()=>{}}};var ee=(e,t,...n)=>{let r=null;let s=null;let o=null;let l=false;let i=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(l=typeof e!=="function"&&!M(r)){r=String(r)}if(l&&i){f[f.length-1].k+=r}else{f.push(l?te(null,r):r)}i=l}}};a(n);if(t){if(t.key){s=t.key}if(t.name){o=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const c=te(e,null);c.O=t;if(f.length>0){c.j=f}{c.C=s}{c.T=o}return c};var te=(e,t)=>{const n={o:0,R:e,k:t,F:null,j:null};{n.O=null}{n.C=null}{n.T=null}return n};var ne={};var re=e=>e&&e.R===ne;var se=(e,t)=>{if(e!=null&&!M(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var oe=e=>l(e).$hostElement$;var le=(e,t,n)=>{const r=oe(e);return{emit:e=>ie(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var ie=(e,t,n)=>{const r=S.ce(t,n);e.dispatchEvent(r);return r};var fe=new WeakMap;var ae=(e,t,n)=>{let r=d.get(e);if(j&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}d.set(e,r)};var ce=(e,t,n)=>{var r;const s=ve(t);const o=d.get(s);if(!w.document){return s}e=e.nodeType===11?e:w.document;if(o){if(typeof o==="string"){e=e.head||e;let n=fe.get(e);let l;if(!n){fe.set(e,n=new Set)}if(!n.has(s)){{l=document.querySelector(`[${h}="${s}"]`)||w.document.createElement("style");l.innerHTML=o;const n=(r=S.L)!=null?r:A(w.document);if(n!=null){l.setAttribute("nonce",n)}if(!(t.o&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(l,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(j){const t=new CSSStyleSheet;t.replaceSync(o);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=o+t.innerHTML}else{e.prepend(l)}}}else{e.append(l)}}if(t.o&1){e.insertBefore(l,null)}}if(t.o&4){l.innerHTML+=m}if(n){n.add(s)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}return s};var ue=e=>{const t=e.l;const n=e.$hostElement$;const r=t.o;const s=J("attachStyles",t.m);const o=ce(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10&&r&2||r&128){n["s-sc"]=o;n.classList.add(o+"-h")}s()};var ve=(e,t)=>"sc-"+e.m;var de=(e,t,n,r,s,o,l)=>{if(n===r){return}let i=a(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const s=pe(n);let o=pe(r);{t.remove(...s.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!s.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(w,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||r){const s=t.endsWith(me);t=t.replace(ye,"");if(n){S.rel(e,t,n,s)}if(r){S.ael(e,t,r,s)}}}else{const l=M(r);if((i||l&&r!==null)&&!s){try{if(!e.tagName.includes("-")){const s=r==null?"":r;if(t==="list"){i=false}else if(n==null||e[t]!=s){if(typeof e.__lookupSetter__(t)==="function"){e[t]=s}else{e.setAttribute(t,s)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}let a=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;a=true}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){if(a){e.removeAttributeNS(y,t)}else{e.removeAttribute(t)}}}else if((!i||o&4||s)&&!l&&e.nodeType===1){r=r===true?"":r;if(a){e.setAttributeNS(y,t,r)}else{e.setAttribute(t,r)}}}};var he=/\s/;var pe=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(he)};var me="Capture";var ye=new RegExp(me+"$");var be=(e,t,n,r)=>{const s=t.F.nodeType===11&&t.F.host?t.F.host:t.F;const o=e&&e.O||{};const l=t.O||{};{for(const e of we(Object.keys(o))){if(!(e in l)){de(s,e,o[e],void 0,n,t.o)}}}for(const e of we(Object.keys(l))){de(s,e,o[e],l[e],n,t.o)}};function we(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ge;var Se;var $e=false;var ke=false;var Oe=false;var je=false;var Ce=(e,n,r)=>{var l;const i=n.j[r];let f=0;let a;let c;let u;if(!$e){Oe=true;if(i.R==="slot"){i.o|=i.j?2:1}}if(i.k!==null){a=i.F=w.document.createTextNode(i.k)}else if(i.o&1){a=i.F=w.document.createTextNode("");{be(null,i,je)}}else{if(!je){je=i.R==="svg"}if(!w.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}a=i.F=w.document.createElementNS(je?s:o,!$e&&t.slotRelocation&&i.o&2?"slot-fb":i.R);if(je&&i.R==="foreignObject"){je=false}{be(null,i,je)}if(i.j){for(f=0;f<i.j.length;++f){c=Ce(e,i,f);if(c){a.appendChild(c)}}}{if(i.R==="svg"){je=false}else if(a.tagName==="foreignObject"){je=true}}}a["s-hn"]=Se;{if(i.o&(2|1)){a["s-sr"]=true;a["s-cr"]=ge;a["s-sn"]=i.T||"";a["s-rf"]=(l=i.O)==null?void 0:l.ref;G(a);u=e&&e.j&&e.j[r];if(u&&u.R===i.R&&e.F){{xe(e.F,false)}}}}return a};var xe=(e,n)=>{S.o|=1;const r=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===Se){r.push(t)}}}for(let e=r.length-1;e>=0;e--){const t=r[e];if(t["s-hn"]!==Se&&t["s-ol"]){Pe(De(t).parentNode,t,De(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;Oe=true}if(n){xe(t,n)}}S.o&=~1};var Te=(e,t,n,r,s,o)=>{let l=e["s-cr"]&&e["s-cr"].parentNode||e;let i;if(l.shadowRoot&&l.tagName===Se){l=l.shadowRoot}for(;s<=o;++s){if(r[s]){i=Ce(null,n,s);if(i){r[s].F=i;Pe(l,i,De(t))}}}};var Re=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.F;Ae(t);if(e){{ke=true;if(e["s-ol"]){e["s-ol"].remove()}else{xe(e,true)}}e.remove()}}}};var Fe=(e,t,n,r,s=false)=>{let o=0;let l=0;let i=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(o<=a&&l<=v){if(c==null){c=t[++o]}else if(u==null){u=t[--a]}else if(d==null){d=r[++l]}else if(h==null){h=r[--v]}else if(Le(c,d,s)){Ee(c,d,s);c=t[++o];d=r[++l]}else if(Le(u,h,s)){Ee(u,h,s);u=t[--a];h=r[--v]}else if(Le(c,h,s)){if(c.R==="slot"||h.R==="slot"){xe(c.F.parentNode,false)}Ee(c,h,s);Pe(e,c.F,u.F.nextSibling);c=t[++o];h=r[--v]}else if(Le(u,d,s)){if(c.R==="slot"||h.R==="slot"){xe(u.F.parentNode,false)}Ee(u,d,s);Pe(e,u.F,c.F);u=t[--a];d=r[++l]}else{i=-1;{for(f=o;f<=a;++f){if(t[f]&&t[f].C!==null&&t[f].C===d.C){i=f;break}}}if(i>=0){m=t[i];if(m.R!==d.R){p=Ce(t&&t[l],n,i)}else{Ee(m,d,s);t[i]=void 0;p=m.F}d=r[++l]}else{p=Ce(t&&t[l],n,l);d=r[++l]}if(p){{Pe(De(c.F).parentNode,p,De(c.F))}}}}if(o>a){Te(e,r[v+1]==null?null:r[v+1].F,n,r,l,v)}else if(l>v){Re(t,o,a)}};var Le=(e,t,n=false)=>{if(e.R===t.R){if(e.R==="slot"){return e.T===t.T}if(!n){return e.C===t.C}if(n&&!e.C&&t.C){e.C=t.C}return true}return false};var De=e=>e&&e["s-ol"]||e;var Ee=(e,n,r=false)=>{const s=n.F=e.F;const o=e.j;const l=n.j;const i=n.R;const f=n.k;let a;if(f===null){{je=i==="svg"?true:i==="foreignObject"?false:je}{be(e,n,je)}if(o!==null&&l!==null){Fe(s,o,n,l,r)}else if(l!==null){if(e.k!==null){s.textContent=""}Te(s,null,n,l,0,l.length-1)}else if(!r&&t.updatable&&o!==null){Re(o,0,o.length-1)}if(je&&i==="svg"){je=false}}else if(a=s["s-cr"]){a.parentNode.textContent=f}else if(e.k!==f){s.data=f}};var Ne=[];var Me=e=>{let n;let r;let s;const o=e.__childNodes||e.childNodes;for(const e of o){if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){r=n.parentNode.__childNodes||n.parentNode.childNodes;const o=e["s-sn"];for(s=r.length-1;s>=0;s--){n=r[s];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]&&!t.experimentalSlotFixes){if(Y(n,o)){let t=Ne.find((e=>e.D===n));ke=true;n["s-sn"]=n["s-sn"]||o;if(t){t.D["s-sh"]=e["s-hn"];t.N=e}else{n["s-sh"]=e["s-hn"];Ne.push({N:e,D:n})}if(n["s-sr"]){Ne.map((e=>{if(Y(e.D,n["s-sn"])){t=Ne.find((e=>e.D===n));if(t&&!e.N){e.N=t.N}}}))}}else if(!Ne.some((e=>e.D===n))){Ne.push({D:n})}}}}if(e.nodeType===1){Me(e)}}};var Ae=e=>{{e.O&&e.O.ref&&e.O.ref(null);e.j&&e.j.map(Ae)}};var Pe=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Ue=(e,t,n=false)=>{var r,s,o,l;const i=e.$hostElement$;const f=e.l;const a=e.M||te(null,null);const c=re(t)?t:ee(null,null,t);Se=i.tagName;if(f.A){c.O=c.O||{};f.A.map((([e,t])=>c.O[t]=i[e]))}if(n&&c.O){for(const e of Object.keys(c.O)){if(i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.O[e]=i[e]}}}c.R=null;c.o|=4;e.M=c;c.F=a.F=i.shadowRoot||i;$e=!!(f.o&1)&&!(f.o&128);{ge=i["s-cr"];ke=false}Ee(a,c,n);{S.o|=1;if(Oe){Me(c.F);for(const e of Ne){const t=e.D;if(!t["s-ol"]&&w.document){const e=w.document.createTextNode("");e["s-nr"]=t;Pe(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ne){const t=e.D;const i=e.N;if(i){const e=i.parentNode;let n=i.nextSibling;{let o=(r=t["s-ol"])==null?void 0:r.previousSibling;while(o){let r=(s=o["s-nr"])!=null?s:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode||r.parentNode)){r=r.nextSibling;while(r===t||(r==null?void 0:r["s-sr"])){r=r==null?void 0:r.nextSibling}if(!r||!r["s-nr"]){n=r;break}}o=o.previousSibling}}const l=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==l||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Pe(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(o=t["s-ih"])!=null?o:false}}}t&&typeof i["s-rf"]==="function"&&i["s-rf"](i)}else{if(t.nodeType===1){if(n){t["s-ih"]=(l=t.hidden)!=null?l:false}t.hidden=true}}}}if(ke){H(c.F)}S.o&=~1;Ne.length=0}ge=void 0};var We=(e,t)=>{if(t&&!e.P&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.P=()=>{t["s-p"].splice(n-1,1);r()})))}};var Be=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}We(e,e.U);const n=()=>_e(e,t);return E(n)};var _e=(e,t)=>{const n=e.$hostElement$;const r=J("scheduleUpdate",e.l.m);const s=e.t;if(!s){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let o;if(t){{e.o|=256;if(e.W){e.W.map((([e,t])=>qe(s,e,t,n)));e.W=void 0}}o=qe(s,"componentWillLoad",void 0,n)}else{o=qe(s,"componentWillUpdate",void 0,n)}o=ze(o,(()=>qe(s,"componentWillRender",void 0,n)));r();return ze(o,(()=>Ie(e,s,t)))};var ze=(e,t)=>He(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var He=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ie=async(e,t,n)=>{var r;const s=e.$hostElement$;const o=J("update",e.l.m);const l=s["s-rc"];if(n){ue(e)}const i=J("render",e.l.m);{Qe(e,t,s,n)}if(l){l.map((e=>e()));s["s-rc"]=void 0}i();o();{const t=(r=s["s-p"])!=null?r:[];const n=()=>Ve(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.o|=4;t.length=0}}};var Qe=(e,t,n,r)=>{try{t=t.render();{e.o&=~16}{e.o|=2}{{{Ue(e,t,r)}}}}catch(t){c(t,e.$hostElement$)}return null};var Ve=e=>{const t=e.l.m;const n=e.$hostElement$;const r=J("postUpdate",t);const s=e.t;const o=e.U;qe(s,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{Ge(n)}qe(s,"componentDidLoad",void 0,n);r();{e.p(n);if(!o){Ye()}}}else{qe(s,"componentDidUpdate",void 0,n);r()}{e.v(n)}{if(e.P){e.P();e.P=void 0}if(e.o&512){D((()=>Be(e,false)))}e.o&=~(4|512)}};var Ye=t=>{D((()=>ie(w,"appload",{detail:{namespace:e}})))};var qe=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,r)}}return void 0};var Ge=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Ke=(e,t)=>l(e).i.get(t);var Xe=(e,t,n,r)=>{const s=l(e);if(!s){throw new Error(`Couldn't find host element for "${r.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const o=s.$hostElement$;const i=s.i.get(t);const f=s.o;const a=s.t;n=se(n,r.B[t][0]);const u=Number.isNaN(i)&&Number.isNaN(n);const v=n!==i&&!u;if((!(f&8)||i===void 0)&&v){s.i.set(t,n);if(a){if(r._&&f&128){const e=r._[t];if(e){e.map((e=>{try{a[e](n,i,t)}catch(e){c(e,o)}}))}}if((f&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,i,t)===false){return}}Be(s,false)}}}};var Je=(e,n,r)=>{var s,o;const i=e.prototype;if(n.o&64&&r&1){b.forEach((e=>{Object.defineProperty(i,e,{value(...t){const n=l(this);const r=n.t;if(!r){n.h.then((n=>{const r=n[e];typeof r==="function"&&r.call(n,...t)}))}else{const n=r[e];typeof n==="function"&&n.call(r,...t)}}})}))}if(n.B||(n._||e.watchers)){if(e.watchers&&!n._){n._=e.watchers}const f=Object.entries((s=n.B)!=null?s:{});f.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:s,set:o}=Object.getOwnPropertyDescriptor(i,e)||{};if(s)n.B[e][0]|=2048;if(o)n.B[e][0]|=4096;if(r&1||!s){Object.defineProperty(i,e,{get(){{if((n.B[e][0]&2048)===0){return Ke(this,e)}const t=l(this);const r=t?t.t:i;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(i,e,{set(s){const i=l(this);if(o){const r=t&32?this[e]:i.$hostElement$[e];if(typeof r==="undefined"&&i.i.get(e)){s=i.i.get(e)}else if(!i.i.get(e)&&r){i.i.set(e,r)}o.apply(this,[se(s,t)]);s=t&32?this[e]:i.$hostElement$[e];Xe(this,e,s,n);return}{if((r&1)===0||(n.B[e][0]&4096)===0){Xe(this,e,s,n);if(r&1&&!i.t){i.h.then((()=>{if(n.B[e][0]&4096&&i.t[e]!==i.i.get(e)){i.t[e]=s}}))}return}const o=()=>{const r=i.t[e];if(!i.i.get(e)&&r){i.i.set(e,r)}i.t[e]=se(s,t);Xe(this,e,i.t[e],n)};if(i.t){o()}else{i.h.then((()=>o()))}}}})}else if(r&1&&t&64){Object.defineProperty(i,e,{value(...t){var n;const r=l(this);return(n=r==null?void 0:r.u)==null?void 0:n.then((()=>{var n;return(n=r.t)==null?void 0:n[e](...t)}))}})}}));if(r&1){const r=new Map;i.attributeChangedCallback=function(e,s,o){S.jmp((()=>{var f;const a=r.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){o=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==o){return}else if(a==null){const t=l(this);const r=t==null?void 0:t.o;if(r&&!(r&8)&&r&128&&o!==s){const r=t.t;const l=(f=n._)==null?void 0:f[e];l==null?void 0:l.forEach((t=>{if(r[t]!=null){r[t].call(r,o,s,e)}}))}return}const c=Object.getOwnPropertyDescriptor(i,a);o=o===null&&typeof this[a]==="boolean"?false:o;if(o!==this[a]&&(!c.get||!!c.set)){this[a]=o}}))};e.observedAttributes=Array.from(new Set([...Object.keys((o=n._)!=null?o:{}),...f.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var s;const o=t[1]||e;r.set(o,e);if(t[0]&512){(s=n.A)==null?void 0:s.push([e,o])}return o}))]))}}return e};var Ze=async(e,t,n,r)=>{let s;if((t.o&32)===0){t.o|=32;const r=n.S;if(r){const r=v(n,t);if(r&&"then"in r){const e=Z();s=await r;e()}else{s=r}if(!s){throw new Error(`Constructor for "${n.m}#${t.H}" was not found`)}if(!s.isProxied){{n._=s.watchers}Je(s,n,2);s.isProxied=true}const o=J("createInstance",n.m);{t.o|=8}try{new s(t)}catch(t){c(t,e)}{t.o&=~8}{t.o|=128}o();et(t.t,e)}else{s=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}if(s&&s.style){let e;if(typeof s.style==="string"){e=s.style}const t=ve(n);if(!d.has(t)){const r=J("registerStyles",n.m);ae(t,e,!!(n.o&1));r()}}}const o=t.U;const l=()=>Be(t,true);if(o&&o["s-rc"]){o["s-rc"].push(l)}else{l()}};var et=(e,t)=>{{qe(e,"connectedCallback",void 0,t)}};var tt=e=>{if((S.o&1)===0){const t=l(e);const n=t.l;const r=J("connectedCallback",n.m);if(!(t.o&1)){t.o|=1;{if(n.o&(4|8)){nt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){We(t,t.U=n);break}}}if(n.B){Object.entries(n.B).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Ze(e,t,n)}}else{lt(e,t,n.I);if(t==null?void 0:t.t){et(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>et(t.t,e)))}}r()}};var nt=e=>{if(!w.document){return}const t=e["s-cr"]=w.document.createComment("");t["s-cn"]=true;Pe(e,t,e.firstChild)};var rt=(e,t)=>{{qe(e,"disconnectedCallback",void 0,t||e)}};var st=async e=>{if((S.o&1)===0){const t=l(e);{if(t.V){t.V.map((e=>e()));t.V=void 0}}if(t==null?void 0:t.t){rt(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>rt(t.t,e)))}}if(fe.has(e)){fe.delete(e)}if(e.shadowRoot&&fe.has(e.shadowRoot)){fe.delete(e.shadowRoot)}};var ot=(e,t={})=>{var n;if(!w.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=J();const s=[];const o=t.exclude||[];const i=w.customElements;const a=w.document.head;const c=a.querySelector("meta[charset]");const u=w.document.createElement("style");const v=[];let d;let h=true;Object.assign(S,t);S.$=new URL(t.resourcesUrl||"./",w.document.baseURI).href;let y=false;e.map((e=>{e[1].map((t=>{var n;const r={o:t[0],m:t[1],B:t[2],I:t[3]};if(r.o&4){y=true}{r.B=t[2]}{r.I=t[3]}{r.A=[]}{r._=(n=t[4])!=null?n:{}}const a=r.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;f(e,r);if(r.o&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open",delegatesFocus:!!(r.o&16)})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${r.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=l(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;lt(this,e,r.I)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{S.jmp((()=>tt(this)))}}disconnectedCallback(){S.jmp((()=>st(this)));S.raf((()=>{var e;const t=l(this);const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.M)==null?void 0:e.F)instanceof Node&&!t.M.F.isConnected){delete t.M.F}}))}componentOnReady(){return l(this).h}};{{K(c.prototype)}}if(r.o&64){c.formAssociated=true}r.S=e[0];if(!o.includes(a)&&!i.get(a)){s.push(a);i.define(a,Je(c,r,1))}}))}));if(s.length>0){if(y){u.textContent+=m}{u.textContent+=s.sort()+p}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=S.L)!=null?n:A(w.document);if(e!=null){u.setAttribute("nonce",e)}a.insertBefore(u,c?c.nextSibling:a.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{S.jmp((()=>d=setTimeout(Ye,30)))}}r()};var lt=(e,t,n,r)=>{if(n&&w.document){n.map((([n,r,s])=>{const o=ft(w.document,e,n);const l=it(t,s);const i=at(n);S.ael(o,r,l,i);(t.V=t.V||[]).push((()=>S.rel(o,r,l,i)))}))}};var it=(e,t)=>n=>{var r;try{{if(e.o&256){(r=e.t)==null?void 0:r[t](n)}else{(e.W=e.W||[]).push([t,n])}}}catch(t){c(t,e.$hostElement$)}};var ft=(e,t,n)=>{if(n&4){return e}if(n&8){return w}if(n&16){return e.body}return t};var at=e=>k?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var ct=e=>S.L=e;export{g as H,ne as a,ot as b,le as c,N as d,oe as g,ee as h,O as p,i as r,ct as s};
-//# sourceMappingURL=p-e6edf72d.js.map