valtech-components 2.0.542 → 2.0.544

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -32692,7 +32692,7 @@ class DocsSidebarComponent {
32692
32692
  }
32693
32693
  </div>
32694
32694
  </nav>
32695
- `, isInline: true, styles: [".docs-sidebar{--sidebar-text-color: var(--ion-text-color, #1a1a1a);--sidebar-text-secondary: var(--ion-color-medium, #666);--sidebar-active-color: var(--ion-color-primary, #3880ff);--sidebar-active-bg: rgba(56, 128, 255, .08);--sidebar-hover-bg: rgba(0, 0, 0, .04);--sidebar-border-color: var(--ion-border-color, #e0e0e0);font-family:var(--ion-font-family, system-ui, sans-serif)}.docs-sidebar__logo{display:flex;align-items:center;gap:.75rem;padding:1rem 0;margin-bottom:1rem;border-bottom:1px solid var(--sidebar-border-color)}.docs-sidebar__logo--clickable{cursor:pointer;transition:opacity .2s ease}.docs-sidebar__logo--clickable:hover{opacity:.8}.docs-sidebar__logo img{height:32px;width:auto}.docs-sidebar__logo-title{font-size:1.25rem;font-weight:600;color:var(--sidebar-text-color);letter-spacing:.5px}.docs-sidebar__nav{display:flex;flex-direction:column;gap:.25rem}.docs-sidebar__section{margin-bottom:.25rem}.docs-sidebar__section-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;color:var(--sidebar-text-color);transition:all .15s ease}.docs-sidebar__section-header--clickable{cursor:pointer}.docs-sidebar__section-header--clickable:hover{background:var(--sidebar-hover-bg)}.docs-sidebar__section-header--active{color:var(--sidebar-active-color)}.docs-sidebar__section-header--expanded .docs-sidebar__chevron{transform:rotate(0)}.docs-sidebar__section-icon{font-size:1.125rem;color:var(--sidebar-text-secondary)}.docs-sidebar__section-title{flex:1}.docs-sidebar__chevron{font-size:.875rem;color:var(--sidebar-text-secondary);transition:transform .2s ease}.docs-sidebar__children{padding-left:1rem;margin-top:.25rem;border-left:1px solid var(--sidebar-border-color);margin-left:.75rem}.docs-sidebar__link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.8125rem;color:var(--sidebar-text-secondary);cursor:pointer;transition:all .15s ease}.docs-sidebar__link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-color)}.docs-sidebar__link--active{background:var(--sidebar-active-bg);color:var(--sidebar-active-color);font-weight:500}.docs-sidebar__link--active:hover{background:var(--sidebar-active-bg);color:var(--sidebar-active-color)}.docs-sidebar__link-label{flex:1}.docs-sidebar__badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:10px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--ion-color-primary-tint, rgba(56, 128, 255, .15));color:var(--ion-color-primary, #3880ff)}.docs-sidebar__badge--section{margin-left:auto}.docs-sidebar__badge--primary{background:var(--ion-color-primary-tint, rgba(56, 128, 255, .15));color:var(--ion-color-primary, #3880ff)}.docs-sidebar__badge--success{background:var(--ion-color-success-tint, rgba(45, 211, 111, .15));color:var(--ion-color-success, #2dd36f)}.docs-sidebar__badge--warning{background:var(--ion-color-warning-tint, rgba(255, 196, 9, .15));color:var(--ion-color-warning-shade, #e0ac08)}.docs-sidebar__badge--danger{background:var(--ion-color-danger-tint, rgba(235, 68, 90, .15));color:var(--ion-color-danger, #eb445a)}:host-context(.dark) .docs-sidebar,:host-context([color-scheme=dark]) .docs-sidebar{--sidebar-text-color: #f4f5f8;--sidebar-text-secondary: #a0a0a0;--sidebar-hover-bg: rgba(255, 255, 255, .05);--sidebar-border-color: #3a3a3a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
32695
+ `, isInline: true, styles: [".docs-sidebar{--sidebar-text-color: var(--ion-text-color, #1a1a1a);--sidebar-text-secondary: var(--ion-color-medium, #666);--sidebar-active-color: #1a1a1a;--sidebar-active-bg: rgba(0, 0, 0, .05);--sidebar-hover-bg: rgba(0, 0, 0, .03);--sidebar-border-color: var(--ion-border-color, #e0e0e0);font-family:var(--ion-font-family, system-ui, sans-serif)}.docs-sidebar__logo{display:flex;align-items:center;gap:.75rem;padding:1rem 0;margin-bottom:1rem;border-bottom:1px solid var(--sidebar-border-color)}.docs-sidebar__logo--clickable{cursor:pointer;transition:opacity .2s ease}.docs-sidebar__logo--clickable:hover{opacity:.8}.docs-sidebar__logo img{height:32px;width:auto}.docs-sidebar__logo-title{font-size:1.25rem;font-weight:600;color:var(--sidebar-text-color);letter-spacing:.5px}.docs-sidebar__nav{display:flex;flex-direction:column;gap:.25rem}.docs-sidebar__section{margin-bottom:.25rem}.docs-sidebar__section-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;color:var(--sidebar-text-color);transition:all .15s ease}.docs-sidebar__section-header--clickable{cursor:pointer}.docs-sidebar__section-header--clickable:hover{background:var(--sidebar-hover-bg)}.docs-sidebar__section-header--active{color:var(--sidebar-active-color)}.docs-sidebar__section-header--expanded .docs-sidebar__chevron{transform:rotate(0)}.docs-sidebar__section-icon{font-size:1.125rem;color:var(--sidebar-text-secondary)}.docs-sidebar__section-title{flex:1}.docs-sidebar__chevron{font-size:.875rem;color:var(--sidebar-text-secondary);transition:transform .2s ease}.docs-sidebar__children{padding-left:1rem;margin-top:.25rem;border-left:1px solid var(--sidebar-border-color);margin-left:.75rem}.docs-sidebar__link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.8125rem;color:var(--sidebar-text-secondary);cursor:pointer;transition:all .15s ease}.docs-sidebar__link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-color)}.docs-sidebar__link--active{background:var(--sidebar-active-bg);color:var(--sidebar-active-color);font-weight:500}.docs-sidebar__link--active:hover{background:var(--sidebar-active-bg);color:var(--sidebar-active-color)}.docs-sidebar__link-label{flex:1}.docs-sidebar__badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:10px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#0000000f;color:#555}.docs-sidebar__badge--section{margin-left:auto}.docs-sidebar__badge--primary{background:#0000000f;color:#555}.docs-sidebar__badge--success{background:#e8f5e9;color:#2e7d32}.docs-sidebar__badge--warning{background:#fff8e1;color:#f57c00}.docs-sidebar__badge--danger{background:#ffebee;color:#c62828}:host-context(.dark) .docs-sidebar,:host-context([color-scheme=dark]) .docs-sidebar{--sidebar-text-color: #f4f5f8;--sidebar-text-secondary: #a0a0a0;--sidebar-hover-bg: rgba(255, 255, 255, .05);--sidebar-border-color: #3a3a3a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
32696
32696
  }
32697
32697
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsSidebarComponent, decorators: [{
32698
32698
  type: Component,
@@ -32774,7 +32774,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
32774
32774
  }
32775
32775
  </div>
32776
32776
  </nav>
32777
- `, styles: [".docs-sidebar{--sidebar-text-color: var(--ion-text-color, #1a1a1a);--sidebar-text-secondary: var(--ion-color-medium, #666);--sidebar-active-color: var(--ion-color-primary, #3880ff);--sidebar-active-bg: rgba(56, 128, 255, .08);--sidebar-hover-bg: rgba(0, 0, 0, .04);--sidebar-border-color: var(--ion-border-color, #e0e0e0);font-family:var(--ion-font-family, system-ui, sans-serif)}.docs-sidebar__logo{display:flex;align-items:center;gap:.75rem;padding:1rem 0;margin-bottom:1rem;border-bottom:1px solid var(--sidebar-border-color)}.docs-sidebar__logo--clickable{cursor:pointer;transition:opacity .2s ease}.docs-sidebar__logo--clickable:hover{opacity:.8}.docs-sidebar__logo img{height:32px;width:auto}.docs-sidebar__logo-title{font-size:1.25rem;font-weight:600;color:var(--sidebar-text-color);letter-spacing:.5px}.docs-sidebar__nav{display:flex;flex-direction:column;gap:.25rem}.docs-sidebar__section{margin-bottom:.25rem}.docs-sidebar__section-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;color:var(--sidebar-text-color);transition:all .15s ease}.docs-sidebar__section-header--clickable{cursor:pointer}.docs-sidebar__section-header--clickable:hover{background:var(--sidebar-hover-bg)}.docs-sidebar__section-header--active{color:var(--sidebar-active-color)}.docs-sidebar__section-header--expanded .docs-sidebar__chevron{transform:rotate(0)}.docs-sidebar__section-icon{font-size:1.125rem;color:var(--sidebar-text-secondary)}.docs-sidebar__section-title{flex:1}.docs-sidebar__chevron{font-size:.875rem;color:var(--sidebar-text-secondary);transition:transform .2s ease}.docs-sidebar__children{padding-left:1rem;margin-top:.25rem;border-left:1px solid var(--sidebar-border-color);margin-left:.75rem}.docs-sidebar__link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.8125rem;color:var(--sidebar-text-secondary);cursor:pointer;transition:all .15s ease}.docs-sidebar__link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-color)}.docs-sidebar__link--active{background:var(--sidebar-active-bg);color:var(--sidebar-active-color);font-weight:500}.docs-sidebar__link--active:hover{background:var(--sidebar-active-bg);color:var(--sidebar-active-color)}.docs-sidebar__link-label{flex:1}.docs-sidebar__badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:10px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--ion-color-primary-tint, rgba(56, 128, 255, .15));color:var(--ion-color-primary, #3880ff)}.docs-sidebar__badge--section{margin-left:auto}.docs-sidebar__badge--primary{background:var(--ion-color-primary-tint, rgba(56, 128, 255, .15));color:var(--ion-color-primary, #3880ff)}.docs-sidebar__badge--success{background:var(--ion-color-success-tint, rgba(45, 211, 111, .15));color:var(--ion-color-success, #2dd36f)}.docs-sidebar__badge--warning{background:var(--ion-color-warning-tint, rgba(255, 196, 9, .15));color:var(--ion-color-warning-shade, #e0ac08)}.docs-sidebar__badge--danger{background:var(--ion-color-danger-tint, rgba(235, 68, 90, .15));color:var(--ion-color-danger, #eb445a)}:host-context(.dark) .docs-sidebar,:host-context([color-scheme=dark]) .docs-sidebar{--sidebar-text-color: #f4f5f8;--sidebar-text-secondary: #a0a0a0;--sidebar-hover-bg: rgba(255, 255, 255, .05);--sidebar-border-color: #3a3a3a}\n"] }]
32777
+ `, styles: [".docs-sidebar{--sidebar-text-color: var(--ion-text-color, #1a1a1a);--sidebar-text-secondary: var(--ion-color-medium, #666);--sidebar-active-color: #1a1a1a;--sidebar-active-bg: rgba(0, 0, 0, .05);--sidebar-hover-bg: rgba(0, 0, 0, .03);--sidebar-border-color: var(--ion-border-color, #e0e0e0);font-family:var(--ion-font-family, system-ui, sans-serif)}.docs-sidebar__logo{display:flex;align-items:center;gap:.75rem;padding:1rem 0;margin-bottom:1rem;border-bottom:1px solid var(--sidebar-border-color)}.docs-sidebar__logo--clickable{cursor:pointer;transition:opacity .2s ease}.docs-sidebar__logo--clickable:hover{opacity:.8}.docs-sidebar__logo img{height:32px;width:auto}.docs-sidebar__logo-title{font-size:1.25rem;font-weight:600;color:var(--sidebar-text-color);letter-spacing:.5px}.docs-sidebar__nav{display:flex;flex-direction:column;gap:.25rem}.docs-sidebar__section{margin-bottom:.25rem}.docs-sidebar__section-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;color:var(--sidebar-text-color);transition:all .15s ease}.docs-sidebar__section-header--clickable{cursor:pointer}.docs-sidebar__section-header--clickable:hover{background:var(--sidebar-hover-bg)}.docs-sidebar__section-header--active{color:var(--sidebar-active-color)}.docs-sidebar__section-header--expanded .docs-sidebar__chevron{transform:rotate(0)}.docs-sidebar__section-icon{font-size:1.125rem;color:var(--sidebar-text-secondary)}.docs-sidebar__section-title{flex:1}.docs-sidebar__chevron{font-size:.875rem;color:var(--sidebar-text-secondary);transition:transform .2s ease}.docs-sidebar__children{padding-left:1rem;margin-top:.25rem;border-left:1px solid var(--sidebar-border-color);margin-left:.75rem}.docs-sidebar__link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.8125rem;color:var(--sidebar-text-secondary);cursor:pointer;transition:all .15s ease}.docs-sidebar__link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-color)}.docs-sidebar__link--active{background:var(--sidebar-active-bg);color:var(--sidebar-active-color);font-weight:500}.docs-sidebar__link--active:hover{background:var(--sidebar-active-bg);color:var(--sidebar-active-color)}.docs-sidebar__link-label{flex:1}.docs-sidebar__badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:10px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#0000000f;color:#555}.docs-sidebar__badge--section{margin-left:auto}.docs-sidebar__badge--primary{background:#0000000f;color:#555}.docs-sidebar__badge--success{background:#e8f5e9;color:#2e7d32}.docs-sidebar__badge--warning{background:#fff8e1;color:#f57c00}.docs-sidebar__badge--danger{background:#ffebee;color:#c62828}:host-context(.dark) .docs-sidebar,:host-context([color-scheme=dark]) .docs-sidebar{--sidebar-text-color: #f4f5f8;--sidebar-text-secondary: #a0a0a0;--sidebar-hover-bg: rgba(255, 255, 255, .05);--sidebar-border-color: #3a3a3a}\n"] }]
32778
32778
  }], ctorParameters: () => [{ type: i1$1.Router }], propDecorators: { props: [{
32779
32779
  type: Input
32780
32780
  }], navigate: [{
@@ -33000,23 +33000,9 @@ class DocsTocComponent {
33000
33000
  const element = document.getElementById(id);
33001
33001
  if (!element)
33002
33002
  return;
33003
- const offsetTop = this.props.offsetTop ?? 100;
33004
- // Use scrollIntoView with offset calculation for better cross-container support
33005
- const elementRect = element.getBoundingClientRect();
33006
- const currentScrollY = window.scrollY || document.documentElement.scrollTop;
33007
- const targetY = elementRect.top + currentScrollY - offsetTop;
33008
- // Try ion-content scrollToPoint first (for Ionic apps)
33009
- const ionContent = document.querySelector('ion-content');
33010
- if (ionContent && typeof ionContent.scrollToPoint === 'function') {
33011
- ionContent.scrollToPoint(0, targetY, 300);
33012
- }
33013
- else {
33014
- // Fallback to window scroll
33015
- window.scrollTo({
33016
- top: targetY,
33017
- behavior: 'smooth',
33018
- });
33019
- }
33003
+ // Use native scrollIntoView - most reliable across all containers
33004
+ // Requires CSS scroll-margin-top on target elements for offset
33005
+ element.scrollIntoView({ behavior: 'smooth', block: 'start' });
33020
33006
  // Update active immediately for better UX
33021
33007
  this.activeId.set(id);
33022
33008
  // Update URL hash while preserving current path
@@ -33055,7 +33041,7 @@ class DocsTocComponent {
33055
33041
  }
33056
33042
  </ul>
33057
33043
  </nav>
33058
- `, isInline: true, styles: [".docs-toc{--toc-text-color: var(--ion-color-medium, #666);--toc-active-color: var(--ion-color-primary, #3880ff);--toc-hover-color: var(--ion-text-color, #1a1a1a);--toc-border-color: var(--ion-border-color, #e0e0e0);font-family:var(--ion-font-family, system-ui, sans-serif)}.docs-toc__title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--toc-text-color);margin:0 0 1rem}.docs-toc__list{list-style:none;margin:0;padding:0;border-left:1px solid var(--toc-border-color)}.docs-toc__item{position:relative;margin:0}.docs-toc__item:before{content:\"\";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:transparent;transition:background .2s ease}.docs-toc__item--active:before{background:var(--toc-active-color)}.docs-toc__item--active .docs-toc__link{color:var(--toc-active-color);font-weight:500}.docs-toc__item--level-1 .docs-toc__link{padding-left:.75rem}.docs-toc__item--level-2 .docs-toc__link{padding-left:1.5rem;font-size:.75rem}.docs-toc__item--level-3 .docs-toc__link{padding-left:2.25rem;font-size:.6875rem}.docs-toc__link{display:block;padding:.375rem .75rem;font-size:.8125rem;line-height:1.4;color:var(--toc-text-color);text-decoration:none;transition:color .15s ease;word-break:break-word}.docs-toc__link:hover{color:var(--toc-hover-color)}:host-context(.dark) .docs-toc,:host-context([color-scheme=dark]) .docs-toc{--toc-text-color: #a0a0a0;--toc-hover-color: #f4f5f8;--toc-border-color: #3a3a3a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
33044
+ `, isInline: true, styles: [".docs-toc{--toc-text-color: var(--ion-color-medium, #666);--toc-active-color: #1a1a1a;--toc-hover-color: var(--ion-text-color, #1a1a1a);--toc-border-color: var(--ion-border-color, #e0e0e0);font-family:var(--ion-font-family, system-ui, sans-serif)}.docs-toc__title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--toc-text-color);margin:0 0 1rem}.docs-toc__list{list-style:none;margin:0;padding:0;border-left:1px solid var(--toc-border-color)}.docs-toc__item{position:relative;margin:0}.docs-toc__item:before{content:\"\";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:transparent;transition:background .2s ease}.docs-toc__item--active:before{background:var(--toc-active-color)}.docs-toc__item--active .docs-toc__link{color:var(--toc-active-color);font-weight:500}.docs-toc__item--level-1 .docs-toc__link{padding-left:.75rem}.docs-toc__item--level-2 .docs-toc__link{padding-left:1.5rem;font-size:.75rem}.docs-toc__item--level-3 .docs-toc__link{padding-left:2.25rem;font-size:.6875rem}.docs-toc__link{display:block;padding:.375rem .75rem;font-size:.8125rem;line-height:1.4;color:var(--toc-text-color);text-decoration:none;transition:color .15s ease;word-break:break-word}.docs-toc__link:hover{color:var(--toc-hover-color)}:host-context(.dark) .docs-toc,:host-context([color-scheme=dark]) .docs-toc{--toc-text-color: #a0a0a0;--toc-hover-color: #f4f5f8;--toc-border-color: #3a3a3a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
33059
33045
  }
33060
33046
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsTocComponent, decorators: [{
33061
33047
  type: Component,
@@ -33090,7 +33076,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
33090
33076
  }
33091
33077
  </ul>
33092
33078
  </nav>
33093
- `, styles: [".docs-toc{--toc-text-color: var(--ion-color-medium, #666);--toc-active-color: var(--ion-color-primary, #3880ff);--toc-hover-color: var(--ion-text-color, #1a1a1a);--toc-border-color: var(--ion-border-color, #e0e0e0);font-family:var(--ion-font-family, system-ui, sans-serif)}.docs-toc__title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--toc-text-color);margin:0 0 1rem}.docs-toc__list{list-style:none;margin:0;padding:0;border-left:1px solid var(--toc-border-color)}.docs-toc__item{position:relative;margin:0}.docs-toc__item:before{content:\"\";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:transparent;transition:background .2s ease}.docs-toc__item--active:before{background:var(--toc-active-color)}.docs-toc__item--active .docs-toc__link{color:var(--toc-active-color);font-weight:500}.docs-toc__item--level-1 .docs-toc__link{padding-left:.75rem}.docs-toc__item--level-2 .docs-toc__link{padding-left:1.5rem;font-size:.75rem}.docs-toc__item--level-3 .docs-toc__link{padding-left:2.25rem;font-size:.6875rem}.docs-toc__link{display:block;padding:.375rem .75rem;font-size:.8125rem;line-height:1.4;color:var(--toc-text-color);text-decoration:none;transition:color .15s ease;word-break:break-word}.docs-toc__link:hover{color:var(--toc-hover-color)}:host-context(.dark) .docs-toc,:host-context([color-scheme=dark]) .docs-toc{--toc-text-color: #a0a0a0;--toc-hover-color: #f4f5f8;--toc-border-color: #3a3a3a}\n"] }]
33079
+ `, styles: [".docs-toc{--toc-text-color: var(--ion-color-medium, #666);--toc-active-color: #1a1a1a;--toc-hover-color: var(--ion-text-color, #1a1a1a);--toc-border-color: var(--ion-border-color, #e0e0e0);font-family:var(--ion-font-family, system-ui, sans-serif)}.docs-toc__title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--toc-text-color);margin:0 0 1rem}.docs-toc__list{list-style:none;margin:0;padding:0;border-left:1px solid var(--toc-border-color)}.docs-toc__item{position:relative;margin:0}.docs-toc__item:before{content:\"\";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:transparent;transition:background .2s ease}.docs-toc__item--active:before{background:var(--toc-active-color)}.docs-toc__item--active .docs-toc__link{color:var(--toc-active-color);font-weight:500}.docs-toc__item--level-1 .docs-toc__link{padding-left:.75rem}.docs-toc__item--level-2 .docs-toc__link{padding-left:1.5rem;font-size:.75rem}.docs-toc__item--level-3 .docs-toc__link{padding-left:2.25rem;font-size:.6875rem}.docs-toc__link{display:block;padding:.375rem .75rem;font-size:.8125rem;line-height:1.4;color:var(--toc-text-color);text-decoration:none;transition:color .15s ease;word-break:break-word}.docs-toc__link:hover{color:var(--toc-hover-color)}:host-context(.dark) .docs-toc,:host-context([color-scheme=dark]) .docs-toc{--toc-text-color: #a0a0a0;--toc-hover-color: #f4f5f8;--toc-border-color: #3a3a3a}\n"] }]
33094
33080
  }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { props: [{
33095
33081
  type: Input
33096
33082
  }], sectionChange: [{
@@ -33170,7 +33156,7 @@ class DocsNavLinksComponent {
33170
33156
  }
33171
33157
  </div>
33172
33158
  </nav>
33173
- `, isInline: true, styles: [".docs-nav-links{display:flex;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--ion-border-color, #e0e0e0);&__item{flex:1;&--empty{visibility:hidden}&--next{text-align:right;.docs-nav-links__link{justify-content:flex-end}.docs-nav-links__text{align-items:flex-end}}}&__link{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s ease;border:1px solid var(--ion-border-color, #e0e0e0);&:hover{background:var(--ion-color-light, #f4f5f8);border-color:var(--ion-color-primary, #3880ff);.docs-nav-links__title{color:var(--ion-color-primary, #3880ff)}}}&__icon{font-size:1.25rem;color:var(--ion-color-medium, #666)}&__text{display:flex;flex-direction:column;gap:.25rem}&__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-medium, #666)}&__title{font-size:1rem;font-weight:600;color:var(--ion-text-color, #1a1a1a);transition:color .2s ease}}// Mobile responsive @media (max-width: 600px){.docs-nav-links{flex-direction:column;&__item--next{text-align:left;.docs-nav-links__link{justify-content:flex-start;flex-direction:row-reverse}.docs-nav-links__text{align-items:flex-start}}}}// Dark mode :host-context(.dark),:host-context([color-scheme=\"dark\"]){.docs-nav-links{&__link{border-color:#3a3a3a;&:hover{background:#ffffff0d}}&__title{color:#f4f5f8}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
33159
+ `, isInline: true, styles: [".docs-nav-links{display:flex;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--ion-border-color, #e0e0e0);&__item{flex:1;&--empty{visibility:hidden}&--next{text-align:right;.docs-nav-links__link{justify-content:flex-end}.docs-nav-links__text{align-items:flex-end}}}&__link{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s ease;border:1px solid var(--ion-border-color, #e0e0e0);&:hover{background:#00000008;border-color:#1a1a1a;.docs-nav-links__title,.docs-nav-links__icon{color:#1a1a1a}}}&__icon{font-size:1.25rem;color:var(--ion-color-medium, #666)}&__text{display:flex;flex-direction:column;gap:.25rem}&__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-medium, #666)}&__title{font-size:1rem;font-weight:600;color:var(--ion-text-color, #1a1a1a);transition:color .2s ease}}// Mobile responsive @media (max-width: 600px){.docs-nav-links{flex-direction:column;&__item--next{text-align:left;.docs-nav-links__link{justify-content:flex-start;flex-direction:row-reverse}.docs-nav-links__text{align-items:flex-start}}}}// Dark mode :host-context(.dark),:host-context([color-scheme=\"dark\"]){.docs-nav-links{&__link{border-color:#3a3a3a;&:hover{background:#ffffff0d}}&__title{color:#f4f5f8}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
33174
33160
  }
33175
33161
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsNavLinksComponent, decorators: [{
33176
33162
  type: Component,
@@ -33216,7 +33202,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
33216
33202
  }
33217
33203
  </div>
33218
33204
  </nav>
33219
- `, styles: [".docs-nav-links{display:flex;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--ion-border-color, #e0e0e0);&__item{flex:1;&--empty{visibility:hidden}&--next{text-align:right;.docs-nav-links__link{justify-content:flex-end}.docs-nav-links__text{align-items:flex-end}}}&__link{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s ease;border:1px solid var(--ion-border-color, #e0e0e0);&:hover{background:var(--ion-color-light, #f4f5f8);border-color:var(--ion-color-primary, #3880ff);.docs-nav-links__title{color:var(--ion-color-primary, #3880ff)}}}&__icon{font-size:1.25rem;color:var(--ion-color-medium, #666)}&__text{display:flex;flex-direction:column;gap:.25rem}&__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-medium, #666)}&__title{font-size:1rem;font-weight:600;color:var(--ion-text-color, #1a1a1a);transition:color .2s ease}}// Mobile responsive @media (max-width: 600px){.docs-nav-links{flex-direction:column;&__item--next{text-align:left;.docs-nav-links__link{justify-content:flex-start;flex-direction:row-reverse}.docs-nav-links__text{align-items:flex-start}}}}// Dark mode :host-context(.dark),:host-context([color-scheme=\"dark\"]){.docs-nav-links{&__link{border-color:#3a3a3a;&:hover{background:#ffffff0d}}&__title{color:#f4f5f8}}}\n"] }]
33205
+ `, styles: [".docs-nav-links{display:flex;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--ion-border-color, #e0e0e0);&__item{flex:1;&--empty{visibility:hidden}&--next{text-align:right;.docs-nav-links__link{justify-content:flex-end}.docs-nav-links__text{align-items:flex-end}}}&__link{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s ease;border:1px solid var(--ion-border-color, #e0e0e0);&:hover{background:#00000008;border-color:#1a1a1a;.docs-nav-links__title,.docs-nav-links__icon{color:#1a1a1a}}}&__icon{font-size:1.25rem;color:var(--ion-color-medium, #666)}&__text{display:flex;flex-direction:column;gap:.25rem}&__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-medium, #666)}&__title{font-size:1rem;font-weight:600;color:var(--ion-text-color, #1a1a1a);transition:color .2s ease}}// Mobile responsive @media (max-width: 600px){.docs-nav-links{flex-direction:column;&__item--next{text-align:left;.docs-nav-links__link{justify-content:flex-start;flex-direction:row-reverse}.docs-nav-links__text{align-items:flex-start}}}}// Dark mode :host-context(.dark),:host-context([color-scheme=\"dark\"]){.docs-nav-links{&__link{border-color:#3a3a3a;&:hover{background:#ffffff0d}}&__title{color:#f4f5f8}}}\n"] }]
33220
33206
  }], ctorParameters: () => [{ type: i1$1.Router }], propDecorators: { props: [{
33221
33207
  type: Input
33222
33208
  }], navigate: [{
@@ -33358,7 +33344,7 @@ class DocsApiTableComponent {
33358
33344
  <p class="docs-api-table__empty">No items to display.</p>
33359
33345
  }
33360
33346
  </div>
33361
- `, isInline: true, styles: [".docs-api-table{margin:1.5rem 0;&__title{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--ion-text-color, #1a1a1a)}&__wrapper{overflow-x:auto}&__table{width:100%;border-collapse:collapse;font-size:.875rem}&__th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--ion-color-medium-shade, #555);background:var(--ion-color-light, #f4f5f8);white-space:nowrap;&--name{width:20%;min-width:140px}&--type{width:20%;min-width:120px}&--default{width:15%;min-width:100px}&--description{width:45%}}&__td{padding:.75rem 1rem;border-bottom:1px solid var(--ion-border-color, #e0e0e0);vertical-align:top;&--name{font-weight:500}}&__row{&--deprecated{opacity:.7;.docs-api-table__code{text-decoration:line-through}}}&__code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;color:var(--ion-color-primary, #3880ff);background:#3880ff1a;padding:.125rem .375rem;border-radius:4px}&__type,&__default{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;color:var(--ion-color-medium, #666);background:var(--ion-color-light, #f4f5f8);padding:.125rem .375rem;border-radius:4px}&__required{color:var(--ion-color-danger, #eb445a);font-weight:700;margin-left:.25rem}&__badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;border-radius:10px;&--deprecated{background:var(--ion-color-warning-tint, rgba(255, 196, 9, .2));color:var(--ion-color-warning-shade, #e0ac08)}}&__deprecation-note{margin-top:.5rem;font-size:.75rem;font-style:italic;color:var(--ion-color-warning-shade, #e0ac08)}&__empty{padding:2rem;text-align:center;color:var(--ion-color-medium, #666)}// Bordered variant &--bordered{.docs-api-table__wrapper{border:1px solid var(--ion-border-color, #e0e0e0);border-radius:8px;overflow:hidden}.docs-api-table__th:first-child{border-top-left-radius:8px}.docs-api-table__th:last-child{border-top-right-radius:8px}}}// Dark mode :host-context(.dark),:host-context([color-scheme=\"dark\"]){.docs-api-table{&__title{color:#f4f5f8}&__th{background:#ffffff0d;color:#a0a0a0}&__td{border-color:#3a3a3a}&__type,&__default{background:#ffffff0d}&--bordered .docs-api-table__wrapper{border-color:#3a3a3a}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
33347
+ `, isInline: true, styles: [".docs-api-table{margin:1.5rem 0;&__title{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--ion-text-color, #1a1a1a)}&__wrapper{overflow-x:auto}&__table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.875rem}&__th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--ion-color-medium-shade, #555);background:var(--ion-color-light, #f4f5f8);white-space:nowrap;&--name{width:20%;min-width:140px}&--type{width:20%;min-width:120px}&--default{width:15%;min-width:100px}&--description{width:45%}}&__td{padding:.75rem 1rem;border-bottom:1px solid var(--ion-border-color, #e0e0e0);vertical-align:top;&--name{font-weight:500}}&__row{&--deprecated{opacity:.7;.docs-api-table__code{text-decoration:line-through}}}&__code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;color:#1a1a1a;background:#0000000f;padding:.125rem .375rem;border-radius:4px}&__type,&__default{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;color:var(--ion-color-medium, #666);background:var(--ion-color-light, #f4f5f8);padding:.125rem .375rem;border-radius:4px}&__required{color:var(--ion-color-danger, #eb445a);font-weight:700;margin-left:.25rem}&__badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;border-radius:10px;background:#0000000f;color:#555;&--deprecated{background:#fff8e1;color:#f57c00}}&__deprecation-note{margin-top:.5rem;font-size:.75rem;font-style:italic;color:var(--ion-color-warning-shade, #e0ac08)}&__empty{padding:2rem;text-align:center;color:var(--ion-color-medium, #666)}// Bordered variant &--bordered{.docs-api-table__wrapper{border:1px solid var(--ion-border-color, #e0e0e0);border-radius:8px;overflow:hidden}.docs-api-table__th:first-child{border-top-left-radius:8px}.docs-api-table__th:last-child{border-top-right-radius:8px}}}// Dark mode :host-context(.dark),:host-context([color-scheme=\"dark\"]){.docs-api-table{&__title{color:#f4f5f8}&__th{background:#ffffff0d;color:#a0a0a0}&__td{border-color:#3a3a3a}&__type,&__default{background:#ffffff0d}&--bordered .docs-api-table__wrapper{border-color:#3a3a3a}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
33362
33348
  }
33363
33349
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsApiTableComponent, decorators: [{
33364
33350
  type: Component,
@@ -33443,7 +33429,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
33443
33429
  <p class="docs-api-table__empty">No items to display.</p>
33444
33430
  }
33445
33431
  </div>
33446
- `, styles: [".docs-api-table{margin:1.5rem 0;&__title{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--ion-text-color, #1a1a1a)}&__wrapper{overflow-x:auto}&__table{width:100%;border-collapse:collapse;font-size:.875rem}&__th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--ion-color-medium-shade, #555);background:var(--ion-color-light, #f4f5f8);white-space:nowrap;&--name{width:20%;min-width:140px}&--type{width:20%;min-width:120px}&--default{width:15%;min-width:100px}&--description{width:45%}}&__td{padding:.75rem 1rem;border-bottom:1px solid var(--ion-border-color, #e0e0e0);vertical-align:top;&--name{font-weight:500}}&__row{&--deprecated{opacity:.7;.docs-api-table__code{text-decoration:line-through}}}&__code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;color:var(--ion-color-primary, #3880ff);background:#3880ff1a;padding:.125rem .375rem;border-radius:4px}&__type,&__default{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;color:var(--ion-color-medium, #666);background:var(--ion-color-light, #f4f5f8);padding:.125rem .375rem;border-radius:4px}&__required{color:var(--ion-color-danger, #eb445a);font-weight:700;margin-left:.25rem}&__badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;border-radius:10px;&--deprecated{background:var(--ion-color-warning-tint, rgba(255, 196, 9, .2));color:var(--ion-color-warning-shade, #e0ac08)}}&__deprecation-note{margin-top:.5rem;font-size:.75rem;font-style:italic;color:var(--ion-color-warning-shade, #e0ac08)}&__empty{padding:2rem;text-align:center;color:var(--ion-color-medium, #666)}// Bordered variant &--bordered{.docs-api-table__wrapper{border:1px solid var(--ion-border-color, #e0e0e0);border-radius:8px;overflow:hidden}.docs-api-table__th:first-child{border-top-left-radius:8px}.docs-api-table__th:last-child{border-top-right-radius:8px}}}// Dark mode :host-context(.dark),:host-context([color-scheme=\"dark\"]){.docs-api-table{&__title{color:#f4f5f8}&__th{background:#ffffff0d;color:#a0a0a0}&__td{border-color:#3a3a3a}&__type,&__default{background:#ffffff0d}&--bordered .docs-api-table__wrapper{border-color:#3a3a3a}}}\n"] }]
33432
+ `, styles: [".docs-api-table{margin:1.5rem 0;&__title{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--ion-text-color, #1a1a1a)}&__wrapper{overflow-x:auto}&__table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.875rem}&__th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--ion-color-medium-shade, #555);background:var(--ion-color-light, #f4f5f8);white-space:nowrap;&--name{width:20%;min-width:140px}&--type{width:20%;min-width:120px}&--default{width:15%;min-width:100px}&--description{width:45%}}&__td{padding:.75rem 1rem;border-bottom:1px solid var(--ion-border-color, #e0e0e0);vertical-align:top;&--name{font-weight:500}}&__row{&--deprecated{opacity:.7;.docs-api-table__code{text-decoration:line-through}}}&__code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;color:#1a1a1a;background:#0000000f;padding:.125rem .375rem;border-radius:4px}&__type,&__default{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;color:var(--ion-color-medium, #666);background:var(--ion-color-light, #f4f5f8);padding:.125rem .375rem;border-radius:4px}&__required{color:var(--ion-color-danger, #eb445a);font-weight:700;margin-left:.25rem}&__badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;border-radius:10px;background:#0000000f;color:#555;&--deprecated{background:#fff8e1;color:#f57c00}}&__deprecation-note{margin-top:.5rem;font-size:.75rem;font-style:italic;color:var(--ion-color-warning-shade, #e0ac08)}&__empty{padding:2rem;text-align:center;color:var(--ion-color-medium, #666)}// Bordered variant &--bordered{.docs-api-table__wrapper{border:1px solid var(--ion-border-color, #e0e0e0);border-radius:8px;overflow:hidden}.docs-api-table__th:first-child{border-top-left-radius:8px}.docs-api-table__th:last-child{border-top-right-radius:8px}}}// Dark mode :host-context(.dark),:host-context([color-scheme=\"dark\"]){.docs-api-table{&__title{color:#f4f5f8}&__th{background:#ffffff0d;color:#a0a0a0}&__td{border-color:#3a3a3a}&__type,&__default{background:#ffffff0d}&--bordered .docs-api-table__wrapper{border-color:#3a3a3a}}}\n"] }]
33447
33433
  }], propDecorators: { props: [{
33448
33434
  type: Input
33449
33435
  }] } });
@@ -33569,7 +33555,7 @@ class DocsCodeExampleComponent {
33569
33555
  </div>
33570
33556
  }
33571
33557
  </div>
33572
- `, isInline: true, styles: [".docs-code-example{margin:1.5rem 0;border:1px solid var(--ion-border-color, #e0e0e0);border-radius:8px;overflow:hidden;&__header{padding:1rem 1.25rem;border-bottom:1px solid var(--ion-border-color, #e0e0e0)}&__title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--ion-text-color, #1a1a1a)}&__description{font-size:.875rem;color:var(--ion-color-medium, #666);margin:0}&__external-link{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.8125rem;color:var(--ion-color-primary, #3880ff);text-decoration:none;&:hover{text-decoration:underline}ion-icon{font-size:.875rem}}&__preview{padding:1.5rem;background:var(--ion-background-color, #fff);border-bottom:1px solid var(--ion-border-color, #e0e0e0)}&__tabs{background:var(--ion-color-light, #f4f5f8)}&__tab-list{display:flex;gap:0;border-bottom:1px solid var(--ion-border-color, #e0e0e0)}&__tab{padding:.75rem 1rem;font-size:.8125rem;font-weight:500;color:var(--ion-color-medium, #666);background:transparent;border:none;cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent;margin-bottom:-1px;&:hover{color:var(--ion-text-color, #1a1a1a)}&--active{color:var(--ion-color-primary, #3880ff);border-bottom-color:var(--ion-color-primary, #3880ff);background:var(--ion-background-color, #fff)}}&__code-panel{position:relative}&__code-header{position:absolute;top:.5rem;right:.5rem;z-index:1}&__copy-btn{--padding-start: .5rem;--padding-end: .5rem;--color: var(--ion-color-medium);&:hover{--color: var(--ion-color-primary)}}&__pre{margin:0;padding:1rem 1.25rem;overflow-x:auto;background:#1e1e1e;&--line-numbers{padding-left:3rem;counter-reset:line;.docs-code-example__code{counter-increment:line;&:before{content:counter(line);position:absolute;left:1rem;color:#666;font-size:.75rem}}}}&__code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;line-height:1.6;color:#d4d4d4;white-space:pre}}// Dark mode :host-context(.dark),:host-context([color-scheme=\"dark\"]){.docs-code-example{border-color:#3a3a3a;&__header{border-color:#3a3a3a}&__title{color:#f4f5f8}&__preview{border-color:#3a3a3a}&__tabs{background:#0003}&__tab-list{border-color:#3a3a3a}&__tab--active{background:#0000004d}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] }); }
33558
+ `, isInline: true, styles: [".docs-code-example{margin:1.5rem 0;border:1px solid var(--ion-border-color, #e0e0e0);border-radius:8px;overflow:hidden;&__header{padding:1rem 1.25rem;border-bottom:1px solid var(--ion-border-color, #e0e0e0)}&__title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--ion-text-color, #1a1a1a)}&__description{font-size:.875rem;color:var(--ion-color-medium, #666);margin:0}&__external-link{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.8125rem;color:#555;text-decoration:none;&:hover{color:#1a1a1a;text-decoration:underline}ion-icon{font-size:.875rem}}&__preview{padding:1.5rem;background:var(--ion-background-color, #fff);border-bottom:1px solid var(--ion-border-color, #e0e0e0)}&__tabs{background:var(--ion-color-light, #f4f5f8)}&__tab-list{display:flex;gap:0;border-bottom:1px solid var(--ion-border-color, #e0e0e0)}&__tab{padding:.75rem 1rem;font-size:.8125rem;font-weight:500;color:var(--ion-color-medium, #666);background:transparent;border:none;border-right:1px solid var(--ion-border-color, #e0e0e0);cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent;margin-bottom:-1px;&:last-child{border-right:none}&:hover{color:var(--ion-text-color, #1a1a1a)}&--active{color:#1a1a1a;border-bottom-color:#1a1a1a;background:var(--ion-background-color, #fff);font-weight:600}}&__code-panel{position:relative}&__code-header{position:absolute;top:.5rem;right:.5rem;z-index:1}&__copy-btn{--padding-start: .5rem;--padding-end: .5rem;--color: var(--ion-color-medium);&:hover{--color: var(--ion-color-primary)}}&__pre{margin:0;padding:1rem 1.25rem;overflow-x:auto;background:#1e1e1e;&--line-numbers{padding-left:3rem;counter-reset:line;.docs-code-example__code{counter-increment:line;&:before{content:counter(line);position:absolute;left:1rem;color:#666;font-size:.75rem}}}}&__code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;line-height:1.6;color:#d4d4d4;white-space:pre}}// Dark mode :host-context(.dark),:host-context([color-scheme=\"dark\"]){.docs-code-example{border-color:#3a3a3a;&__header{border-color:#3a3a3a}&__title{color:#f4f5f8}&__preview{border-color:#3a3a3a}&__tabs{background:#0003}&__tab-list{border-color:#3a3a3a}&__tab--active{background:#0000004d}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] }); }
33573
33559
  }
33574
33560
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsCodeExampleComponent, decorators: [{
33575
33561
  type: Component,
@@ -33650,7 +33636,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
33650
33636
  </div>
33651
33637
  }
33652
33638
  </div>
33653
- `, styles: [".docs-code-example{margin:1.5rem 0;border:1px solid var(--ion-border-color, #e0e0e0);border-radius:8px;overflow:hidden;&__header{padding:1rem 1.25rem;border-bottom:1px solid var(--ion-border-color, #e0e0e0)}&__title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--ion-text-color, #1a1a1a)}&__description{font-size:.875rem;color:var(--ion-color-medium, #666);margin:0}&__external-link{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.8125rem;color:var(--ion-color-primary, #3880ff);text-decoration:none;&:hover{text-decoration:underline}ion-icon{font-size:.875rem}}&__preview{padding:1.5rem;background:var(--ion-background-color, #fff);border-bottom:1px solid var(--ion-border-color, #e0e0e0)}&__tabs{background:var(--ion-color-light, #f4f5f8)}&__tab-list{display:flex;gap:0;border-bottom:1px solid var(--ion-border-color, #e0e0e0)}&__tab{padding:.75rem 1rem;font-size:.8125rem;font-weight:500;color:var(--ion-color-medium, #666);background:transparent;border:none;cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent;margin-bottom:-1px;&:hover{color:var(--ion-text-color, #1a1a1a)}&--active{color:var(--ion-color-primary, #3880ff);border-bottom-color:var(--ion-color-primary, #3880ff);background:var(--ion-background-color, #fff)}}&__code-panel{position:relative}&__code-header{position:absolute;top:.5rem;right:.5rem;z-index:1}&__copy-btn{--padding-start: .5rem;--padding-end: .5rem;--color: var(--ion-color-medium);&:hover{--color: var(--ion-color-primary)}}&__pre{margin:0;padding:1rem 1.25rem;overflow-x:auto;background:#1e1e1e;&--line-numbers{padding-left:3rem;counter-reset:line;.docs-code-example__code{counter-increment:line;&:before{content:counter(line);position:absolute;left:1rem;color:#666;font-size:.75rem}}}}&__code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;line-height:1.6;color:#d4d4d4;white-space:pre}}// Dark mode :host-context(.dark),:host-context([color-scheme=\"dark\"]){.docs-code-example{border-color:#3a3a3a;&__header{border-color:#3a3a3a}&__title{color:#f4f5f8}&__preview{border-color:#3a3a3a}&__tabs{background:#0003}&__tab-list{border-color:#3a3a3a}&__tab--active{background:#0000004d}}}\n"] }]
33639
+ `, styles: [".docs-code-example{margin:1.5rem 0;border:1px solid var(--ion-border-color, #e0e0e0);border-radius:8px;overflow:hidden;&__header{padding:1rem 1.25rem;border-bottom:1px solid var(--ion-border-color, #e0e0e0)}&__title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--ion-text-color, #1a1a1a)}&__description{font-size:.875rem;color:var(--ion-color-medium, #666);margin:0}&__external-link{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.8125rem;color:#555;text-decoration:none;&:hover{color:#1a1a1a;text-decoration:underline}ion-icon{font-size:.875rem}}&__preview{padding:1.5rem;background:var(--ion-background-color, #fff);border-bottom:1px solid var(--ion-border-color, #e0e0e0)}&__tabs{background:var(--ion-color-light, #f4f5f8)}&__tab-list{display:flex;gap:0;border-bottom:1px solid var(--ion-border-color, #e0e0e0)}&__tab{padding:.75rem 1rem;font-size:.8125rem;font-weight:500;color:var(--ion-color-medium, #666);background:transparent;border:none;border-right:1px solid var(--ion-border-color, #e0e0e0);cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent;margin-bottom:-1px;&:last-child{border-right:none}&:hover{color:var(--ion-text-color, #1a1a1a)}&--active{color:#1a1a1a;border-bottom-color:#1a1a1a;background:var(--ion-background-color, #fff);font-weight:600}}&__code-panel{position:relative}&__code-header{position:absolute;top:.5rem;right:.5rem;z-index:1}&__copy-btn{--padding-start: .5rem;--padding-end: .5rem;--color: var(--ion-color-medium);&:hover{--color: var(--ion-color-primary)}}&__pre{margin:0;padding:1rem 1.25rem;overflow-x:auto;background:#1e1e1e;&--line-numbers{padding-left:3rem;counter-reset:line;.docs-code-example__code{counter-increment:line;&:before{content:counter(line);position:absolute;left:1rem;color:#666;font-size:.75rem}}}}&__code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;line-height:1.6;color:#d4d4d4;white-space:pre}}// Dark mode :host-context(.dark),:host-context([color-scheme=\"dark\"]){.docs-code-example{border-color:#3a3a3a;&__header{border-color:#3a3a3a}&__title{color:#f4f5f8}&__preview{border-color:#3a3a3a}&__tabs{background:#0003}&__tab-list{border-color:#3a3a3a}&__tab--active{background:#0000004d}}}\n"] }]
33654
33640
  }], propDecorators: { props: [{
33655
33641
  type: Input
33656
33642
  }], previewTpl: [{