udp-stencil-component-library 25.18.1-beta.7 → 25.18.1-beta.9

package/dist/stencil-library/udp-list-renderer.udp-pagination.udp-side-sheet.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-list-renderer.udp-pagination.udp-side-sheet.entry.esm.js","sources":["src/components/my-component/UI/data-display/list-renderer/udp-list-renderer.css?tag=udp-list-renderer&encapsulation=shadow","src/components/my-component/UI/data-display/list-renderer/udp-list-renderer.tsx","src/components/my-component/UI/navigation/pagination/udp-pagination.css?tag=udp-pagination&encapsulation=shadow","src/components/my-component/UI/navigation/pagination/udp-pagination.tsx","src/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.css?tag=udp-side-sheet&encapsulation=shadow","src/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.udp-list-renderer-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.item-list-container   {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Spacing variants */\n.item-list-container.spacing-xs {\n  gap: var(--spacing-02);\n}\n\n.item-list-container.spacing-sm {\n  gap: var(--spacing-03);\n}\n\n.item-list-container.spacing-md {\n  gap: var(--spacing-04);\n}\n\n.item-list-container.spacing-lg {\n  gap: var(--spacing-06);\n}\n\n.item-list-container.spacing-condensed {\n  gap: var(--spacing-01);\n}\n\n.loading-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: var(--spacing-07); /* 2rem */\n  min-height: 100px; /* Adjust as needed, or use a spacing variable if appropriate */\n} ","import { Component, Prop, h, State, Watch, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'udp-list-renderer',\n  styleUrl: 'udp-list-renderer.css',\n  shadow: true,\n})\nexport class UdpItemList {\n  /**\n   * The tag name of the component to render for each item in the list.\n   * For example, 'my-item-component'.\n   */\n  @Prop() itemComponent: string;\n\n  /**\n   * Array of objects to be rendered in the list.\n   */\n  @Prop() data: any[] = [];\n\n  /**\n   * Object mapping source data fields to prop names for the item component.\n   * Example: {元のフィールド: '新しいフィールド'}\n   * This will pass props to ItemComponent as: <ItemComponent newField={sourceData.originalField} />\n   */\n  @Prop() componentDataMap: { [key: string]: string };\n\n  /**\n   * Whether to enable pagination.\n   */\n  @Prop() pagination: boolean = false;\n\n  /**\n   * Number of items to display per page.\n   */\n  @Prop() itemsPerPage: number = 10;\n\n  /**\n   * Whether pagination is handled server-side.\n   */\n  @Prop() isServerSide: boolean = false;\n\n  /**\n   * Total number of items (required for server-side pagination).\n   */\n  @Prop() totalItems: number = 0;\n\n  /**\n   * Callback function for page changes. Required when isServerSide is true.\n   * Emits the new page number.\n   */\n  @Event() pageChange: EventEmitter<number>;\n\n  /**\n   * Current page number (used for server-side pagination or can be controlled externally).\n   * Defaults to 1.\n   */\n  @Prop({ mutable: true, reflect: true }) currentPage: number = 1;\n\n  /**\n   * Whether the list is in a loading state.\n   */\n  @Prop() isLoading: boolean = false;\n\n  /**\n   * Defines the spacing between items.\n   * Options: 'xs', 'sm', 'md', 'lg', 'condensed'\n   * Default: 'sm'\n   */\n  @Prop({ reflect: true }) spacing: 'xs' | 'sm' | 'md' | 'lg' | 'condensed' = 'md';\n\n  @State() internalCurrentPage: number = 1;\n\n  @Watch('currentPage')\n  currentPageChanged(newValue: number) {\n    if (newValue !== this.internalCurrentPage) {\n      this.internalCurrentPage = newValue;\n    }\n  }\n\n  componentWillLoad() {\n    this.internalCurrentPage = this.currentPage;\n  }\n\n  private getPaginatedData() {\n    if (!this.pagination || this.isServerSide) {\n      return this.data;\n    }\n    const startIndex = (this.internalCurrentPage - 1) * this.itemsPerPage;\n    const endIndex = startIndex + this.itemsPerPage;\n    return this.data.slice(startIndex, endIndex);\n  }\n\n  private getTotalPages(): number {\n    if (!this.pagination) return 1;\n    if (this.isServerSide) {\n      if (this.totalItems === 0 || this.itemsPerPage === 0) return 1;\n      return Math.ceil(this.totalItems / this.itemsPerPage);\n    }\n    if (this.data.length === 0 || this.itemsPerPage === 0) return 1;\n    return Math.ceil(this.data.length / this.itemsPerPage);\n  }\n\n  private handlePageChange(newPage: number) {\n    if (this.isLoading) return;\n    if (newPage >= 1 && newPage <= this.getTotalPages()) {\n      if (this.isServerSide) {\n        this.pageChange.emit(newPage);\n      } else {\n        this.internalCurrentPage = newPage;\n        this.currentPage = newPage;\n        this.pageChange.emit(newPage);\n      }\n    }\n  }\n\n  private renderItems() {\n    if (!this.itemComponent) {\n      console.warn('[udp-item-list] itemComponent prop is required.');\n      return <p>Error: itemComponent prop is not defined.</p>;\n    }\n    if (!this.componentDataMap) {\n      console.warn('[udp-item-list] componentDataMap prop is required.');\n      return <p>Error: componentDataMap prop is not defined.</p>;\n    }\n\n    const itemsToRender = this.getPaginatedData();\n\n    if (!itemsToRender || itemsToRender.length === 0) {\n      return <p>No items to display.</p>;\n    }\n\n    return itemsToRender.map(item => {\n      const props = {};\n      for (const sourceKey in this.componentDataMap) {\n        if (item.hasOwnProperty(sourceKey)) {\n          const targetKey = this.componentDataMap[sourceKey];\n          props[targetKey] = item[sourceKey];\n        }\n      }\n      const ItemCmp = this.itemComponent;\n      return <ItemCmp {...props} />;\n    });\n  }\n\n  render() {\n    if (this.isLoading && (!this.data || this.data.length === 0)) {\n      return (\n        <div class=\"loading-container\">\n          <p>Loading...</p>\n        </div>\n      );\n    }\n\n    const containerClasses = {\n      'item-list-container': true,\n      [`spacing-${this.spacing}`]: true,\n    };\n\n    return (\n      <host>\n        <div class={containerClasses}>{this.renderItems()}</div>\n        {this.pagination && this.getTotalPages() > 1 && (\n          <udp-pagination\n            currentPage={this.internalCurrentPage}\n            totalPages={this.getTotalPages()}\n            isLoading={this.isLoading}\n            onPageChange={event => this.handlePageChange(event.detail)}\n          ></udp-pagination>\n        )}\n      </host>\n    );\n  }\n}\n",":host {\n  display: block;\n  font-family: var(--font-family);\n}\n\n.pagination-controls {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: var(--spacing-03); /* 0.5rem */\n  gap: var(--spacing-02); /* 0.25rem, replaces margin on individual buttons */\n}\n\n/* Styles for udp-button are handled by the component itself. \n   We might only need to ensure proper alignment or specific overrides if necessary.\n   The udp-button already has variants for 'active', 'disabled' etc. */\n\n.pagination-controls span.ellipsis {\n  /* background-color: transparent; -- Already default for span */\n  /* border: none; -- Already default for span */\n  color: var(--text-secondary); /* Using a global variable for text color */\n  padding: var(--spacing-02) var(--spacing-01); /* Adjust padding using variables */\n  display: inline-flex; /* To align with buttons */\n  align-items: center; /* To align with buttons */\n  justify-content: center; /* To align with buttons */\n  min-width: 36px; /* Approximate width of a small icon button, adjust as needed */\n  min-height: 36px; /* Approximate height of a small icon button, adjust as needed */\n}\n\n/* Remove specific button styling for .prev-button, .next-button, etc. as udp-button handles it */\n/* .prev-button,\n.next-button,\n.first-page,\n.last-page {\n  Additional specific styles if needed\n} */ ","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'udp-pagination',\n  styleUrl: './udp-pagination.css',\n  shadow: true,\n})\nexport class UdpPagination {\n  /**\n   * The currently active page number.\n   */\n  @Prop() currentPage: number = 1;\n\n  /**\n   * The total number of pages available.\n   */\n  @Prop() totalPages: number = 1;\n\n  /**\n   * Optional: Whether the component consuming pagination is in a loading state.\n   * If true, pagination controls will be disabled.\n   */\n  @Prop() isLoading: boolean = false;\n\n  /**\n   * Emitted when the page is changed by the user.\n   * The event detail will contain the new page number.\n   */\n  @Event() pageChange: EventEmitter<number>;\n\n  private navigateToPage(page: number) {\n    if (this.isLoading || page < 1 || page > this.totalPages || page === this.currentPage) {\n      return;\n    }\n    this.pageChange.emit(page);\n  }\n\n  // Basic page number generation. Could be made more sophisticated (e.g., with ellipses for many pages)\n  private renderPageNumbers() {\n    const pageNumbers = [];\n    const maxPagesToShow = 5; // Max number of page buttons to show directly\n    const halfMaxPages = Math.floor(maxPagesToShow / 2);\n\n    let startPage = Math.max(1, this.currentPage - halfMaxPages);\n    let endPage = Math.min(this.totalPages, this.currentPage + halfMaxPages);\n\n    if (this.currentPage - halfMaxPages < 1) {\n      endPage = Math.min(this.totalPages, maxPagesToShow);\n    }\n\n    if (this.currentPage + halfMaxPages > this.totalPages) {\n      startPage = Math.max(1, this.totalPages - maxPagesToShow + 1);\n    }\n\n    if (this.totalPages <= maxPagesToShow) {\n      startPage = 1;\n      endPage = this.totalPages;\n    }\n\n    // Always show first page if not in range\n    if (startPage > 1) {\n      pageNumbers.push(\n        <udp-button onClick={() => this.navigateToPage(1)} disabled={this.isLoading} variant=\"outlined\" ariaLabel=\"Go to first page\">\n          1\n        </udp-button>,\n      );\n      if (startPage > 2) {\n        pageNumbers.push(<span class=\"ellipsis\">...</span>);\n      }\n    }\n\n    for (let i = startPage; i <= endPage; i++) {\n      pageNumbers.push(\n        <udp-button\n          onClick={() => this.navigateToPage(i)}\n          disabled={this.isLoading}\n          variant={i === this.currentPage ? 'contained' : 'outlined'}\n          color={i === this.currentPage ? 'primary' : 'inherit'}\n          ariaLabel={`Go to page ${i}`}\n          aria-current={i === this.currentPage ? 'page' : undefined}\n        >\n          {i}\n        </udp-button>,\n      );\n    }\n\n    // Always show last page if not in range\n    if (endPage < this.totalPages) {\n      if (endPage < this.totalPages - 1) {\n        pageNumbers.push(<span class=\"ellipsis\">...</span>);\n      }\n      pageNumbers.push(\n        <udp-button onClick={() => this.navigateToPage(this.totalPages)} disabled={this.isLoading} variant=\"outlined\" ariaLabel=\"Go to last page\">\n          {this.totalPages}\n        </udp-button>,\n      );\n    }\n\n    return pageNumbers;\n  }\n\n  render() {\n    if (this.totalPages <= 1) {\n      return null; // Don't render pagination if there's only one page or less\n    }\n\n    return (\n      <div class=\"pagination-controls\">\n        <udp-button onClick={() => this.navigateToPage(this.currentPage - 1)} disabled={this.isLoading || this.currentPage <= 1} variant=\"text\" ariaLabel=\"Go to previous page\">\n          Previous\n        </udp-button>\n\n        {this.renderPageNumbers()}\n\n        <udp-button\n          onClick={() => this.navigateToPage(this.currentPage + 1)}\n          disabled={this.isLoading || this.currentPage >= this.totalPages}\n          variant=\"text\"\n          ariaLabel=\"Go to next page\"\n        >\n          Next\n        </udp-button>\n      </div>\n    );\n  }\n}\n",":host {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  z-index: 9999;\n  visibility: hidden;\n  transition: visibility 0s 0.2s;\n}\n\n:host(.is-visible) {\n  visibility: visible;\n  transition-delay: 0s;\n}\n\n.backdrop {\n  background: rgba(0, 0, 0, 0.5);\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n:host(.is-visible) .backdrop {\n  opacity: 1;\n}\n\n.sheet {\n  background: white;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);\n  transition: transform 0.2s ease-in-out;\n  width: 100%;\n}\n\n.sheet.right {\n  right: 0;\n  transform: translateX(100%);\n}\n\n.sheet.left {\n  left: 0;\n  transform: translateX(-100%);\n}\n\n:host(.is-visible) .sheet {\n  transform: translateX(0);\n}\n\n.sheet.sm { max-width: 360px; }\n.sheet.md { max-width: 600px; }\n.sheet.lg { max-width: 960px; }\n.sheet.full { max-width: 100%; }\n.sheet.custom-width { /* max-width is set via inline style */ }\n\n/* Updated title container for new layout */\n.title-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-shrink: 0;\n  box-shadow: var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));\n  gap: var(--spacing-02)\n}\n\n.title-text {\n  flex-grow: 1;\n  text-align: left; /* Ensure title stays left-aligned */\n}\n\n.close-button {\n  flex-shrink: 0;\n}\n\n/* Added styles for the new button's container */\n.header-action-button {\n  flex-shrink: 0;\n}\n\n.content {\n  overflow-y: auto;\n  flex-grow: 1;\n  background-color: var(--gray-01);\n}\n\n.content.padding {\n  padding: var(--spacing-05, 24px);\n}\n\n.footer {\n  padding: var(--spacing-05, 24px);\n  border-top: 1px solid #ccc;\n  display: flex;\n  justify-content: flex-end;\n  flex-shrink: 0;\n}\n\n\n/* This container reserves the space for the loader (4px height).\n  This prevents the content below it from shifting up and down\n  when the loader appears or disappears.\n*/\n.loader-container {\n  height: 4px;\n  width: 100%;\n  background-color: var(--gray-01);\n}\n\n/*\n  By default, the loader is instantly hidden.\n  There is no transition applied in its hidden state.\n*/\n.loader-container udp-linear-loader {\n  visibility: hidden;\n  opacity: 0;\n  transition: none;\n}\n\n/*\n  When the .is-loading class is applied, we make the loader visible\n  AND apply a transition so it fades in smoothly. When the class is removed,\n  it reverts to the rule above and disappears instantly.\n*/\n.loader-container udp-linear-loader.is-loading {\n  visibility: visible;\n  opacity: 1;\n  /* transition: opacity 0.3s ease-in-out; */\n}\n\n","import { Component, h, Prop, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport Close24 from '@carbon/icons/es/close/24';\n\n@Component({\n  tag: 'udp-side-sheet',\n  styleUrl: 'udp-side-sheet.css',\n  shadow: true,\n})\nexport class UdpSideSheet {\n  @Element() hostEl!: HTMLElement;\n\n  @Prop({ reflect: true, mutable: true }) open = false;\n  @Prop() title: string;\n  @Prop() position: 'left' | 'right' = 'right';\n  @Prop() width: 'sm' | 'md' | 'lg' | 'full' | number = 'md';\n  @Prop() padding = true;\n  @Prop() loading: boolean = false;\n\n  // Props for the new header action button\n  @Prop() headerActionButtonLabel: string;\n  @Prop() headerActionButtonDisabled = false;\n  @Prop() headerActionButtonIcon: string;\n\n  // Props for the existing footer button\n  @Prop() primaryButtonLabel: string;\n  @Prop() primaryButtonDisabled = false;\n  @Prop() primaryButtonIcon: string;\n\n  @Event() udpSideSheetClose: EventEmitter<void>;\n  @Event() udpPrimaryButtonClick: EventEmitter<void>;\n  // Event for the new header action button\n  @Event() udpHeaderActionButtonClick: EventEmitter<void>;\n\n  private originalBodyOverflow: string = '';\n\n  @Watch('open')\n  handleOpenChange(newValue: boolean, oldValue: boolean) {\n    if (newValue === oldValue) {\n      return;\n    }\n\n    if (newValue) {\n      this.originalBodyOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n      document.body.appendChild(this.hostEl);\n\n      requestAnimationFrame(() => {\n        this.hostEl.classList.add('is-visible');\n      });\n    } else {\n      this.hostEl.classList.remove('is-visible');\n      document.body.style.overflow = this.originalBodyOverflow;\n      this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n    }\n  }\n\n  private handleTransitionEnd = () => {\n    if (!this.open && this.hostEl.parentElement === document.body) {\n      document.body.removeChild(this.hostEl);\n    }\n  };\n\n  disconnectedCallback() {\n    if (document.body.style.overflow === 'hidden') {\n      document.body.style.overflow = this.originalBodyOverflow;\n    }\n  }\n\n  private onClose = () => {\n    this.open = false;\n    this.udpSideSheetClose.emit();\n  };\n\n  private onPrimaryButtonClick = () => {\n    this.udpPrimaryButtonClick.emit();\n  };\n\n  // Handler for the new header action button click\n  private onHeaderActionButtonClick = () => {\n    this.udpHeaderActionButtonClick.emit();\n  };\n\n  render() {\n    const widthClass = typeof this.width === 'number' ? 'custom-width' : this.width;\n    const sideSheetStyle = typeof this.width === 'number' ? { maxWidth: `${this.width}px` } : {};\n\n    return (\n      <div class=\"backdrop\" onClick={this.onClose}>\n        <div\n          class={{ sheet: true, [this.position]: true, [widthClass]: true }}\n          style={sideSheetStyle}\n          onClick={e => e.stopPropagation()}\n        >\n          {/* Header layout has been changed here */}\n          <div class=\"title-container\">\n            <div class=\"close-button\">\n              <stencil-icon-button\n                icon={Close24}\n                onClick={this.onClose}\n                secondary\n              ></stencil-icon-button>\n            </div>\n            <div class=\"title-text\">\n              <unity-typography variant=\"h6\">{this.title}</unity-typography>\n            </div>\n            {/* Conditionally render the new header action button */}\n            {this.headerActionButtonLabel && (\n              <div class=\"header-action-button\">\n                <udp-button\n                  disabled={this.headerActionButtonDisabled}\n                  onClick={this.onHeaderActionButtonClick}\n                  startIcon={<udp-icon iconName={this.headerActionButtonIcon} color={'inherit'} />}\n                  variant=\"contained\"\n                >\n                  {this.headerActionButtonLabel}\n                </udp-button>\n              </div>\n            )}\n          </div>\n          <div class=\"loader-container\">\n              <udp-linear-loader class={{ 'is-loading': this.loading }} color=\"primary\" />\n            </div>\n\n          <div class={{ content: true, padding: this.padding }}>\n\n            <slot />\n          </div>\n          {this.primaryButtonLabel && (\n            <div class=\"footer\">\n              <udp-button\n                variant=\"contained\"\n                size=\"large\"\n                disabled={this.primaryButtonDisabled}\n                onClick={this.onPrimaryButtonClick}\n                endIcon={this.primaryButtonIcon}\n              >\n                {this.primaryButtonLabel}\n              </udp-button>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,kBAAkB,GAAG,yhBAAyhB;;MCOviB,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAYE;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAU,EAAE;AASxB;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;AAEnC;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAW,EAAE;AAEjC;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AAErC;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAQ9B;;;AAGG;AACqC,QAAA,IAAW,CAAA,WAAA,GAAW,CAAC;AAE/D;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAElC;;;;AAIG;AACsB,QAAA,IAAO,CAAA,OAAA,GAA4C,IAAI;AAEvE,QAAA,IAAmB,CAAA,mBAAA,GAAW,CAAC;AAsGzC;AAnGC,IAAA,kBAAkB,CAAC,QAAgB,EAAA;AACjC,QAAA,IAAI,QAAQ,KAAK,IAAI,CAAC,mBAAmB,EAAE;AACzC,YAAA,IAAI,CAAC,mBAAmB,GAAG,QAAQ;;;IAIvC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,WAAW;;IAGrC,gBAAgB,GAAA;QACtB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,YAAY,EAAE;YACzC,OAAO,IAAI,CAAC,IAAI;;AAElB,QAAA,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,mBAAmB,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY;AACrE,QAAA,MAAM,QAAQ,GAAG,UAAU,GAAG,IAAI,CAAC,YAAY;QAC/C,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC;;IAGtC,aAAa,GAAA;QACnB,IAAI,CAAC,IAAI,CAAC,UAAU;AAAE,YAAA,OAAO,CAAC;AAC9B,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC;AAAE,gBAAA,OAAO,CAAC;AAC9D,YAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC;;AAEvD,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC;AAAE,YAAA,OAAO,CAAC;AAC/D,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC;;AAGhD,IAAA,gBAAgB,CAAC,OAAe,EAAA;QACtC,IAAI,IAAI,CAAC,SAAS;YAAE;QACpB,IAAI,OAAO,IAAI,CAAC,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE;AACnD,YAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC;;iBACxB;AACL,gBAAA,IAAI,CAAC,mBAAmB,GAAG,OAAO;AAClC,gBAAA,IAAI,CAAC,WAAW,GAAG,OAAO;AAC1B,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC;;;;IAK3B,WAAW,GAAA;AACjB,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,OAAO,CAAC,IAAI,CAAC,iDAAiD,CAAC;YAC/D,OAAO,yDAAgD;;AAEzD,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;AAC1B,YAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC;YAClE,OAAO,4DAAmD;;AAG5D,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE;QAE7C,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;YAChD,OAAO,oCAA2B;;AAGpC,QAAA,OAAO,aAAa,CAAC,GAAG,CAAC,IAAI,IAAG;YAC9B,MAAM,KAAK,GAAG,EAAE;AAChB,YAAA,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,gBAAgB,EAAE;AAC7C,gBAAA,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE;oBAClC,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC;oBAClD,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;;;AAGtC,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa;AAClC,YAAA,OAAO,CAAC,CAAA,OAAO,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI;AAC/B,SAAC,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,SAAS,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;YAC5D,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAiB,CAAA,GAAA,EAAA,IAAA,EAAA,YAAA,CAAA,CACb;;AAIV,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,qBAAqB,EAAE,IAAI;AAC3B,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;SAClC;AAED,QAAA,QACE,CAAA,CAAA,MAAA,EAAA,IAAA,EACE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,gBAAgB,EAAA,EAAG,IAAI,CAAC,WAAW,EAAE,CAAO,EACvD,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,aAAa,EAAE,GAAG,CAAC,KAC1C,sBACE,WAAW,EAAE,IAAI,CAAC,mBAAmB,EACrC,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE,EAChC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,YAAY,EAAE,KAAK,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,EAC1C,CAAA,CACnB,CACI;;;;;;;;ACzKb,MAAM,gBAAgB,GAAG,2XAA2X;;MCOvY,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAME;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAW,CAAC;AAE/B;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAE9B;;;AAGG;AACK,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAuGnC;AA/FS,IAAA,cAAc,CAAC,IAAY,EAAA;QACjC,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,KAAK,IAAI,CAAC,WAAW,EAAE;YACrF;;AAEF,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;;IAIpB,iBAAiB,GAAA;QACvB,MAAM,WAAW,GAAG,EAAE;AACtB,QAAA,MAAM,cAAc,GAAG,CAAC,CAAC;QACzB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC;AAEnD,QAAA,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;AAC5D,QAAA,IAAI,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;QAExE,IAAI,IAAI,CAAC,WAAW,GAAG,YAAY,GAAG,CAAC,EAAE;YACvC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC;;QAGrD,IAAI,IAAI,CAAC,WAAW,GAAG,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE;AACrD,YAAA,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,GAAG,cAAc,GAAG,CAAC,CAAC;;AAG/D,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,cAAc,EAAE;YACrC,SAAS,GAAG,CAAC;AACb,YAAA,OAAO,GAAG,IAAI,CAAC,UAAU;;;AAI3B,QAAA,IAAI,SAAS,GAAG,CAAC,EAAE;AACjB,YAAA,WAAW,CAAC,IAAI,CACd,CAAA,CAAA,YAAA,EAAA,EAAY,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,kBAAkB,EAAA,EAAA,GAAA,CAE/G,CACd;AACD,YAAA,IAAI,SAAS,GAAG,CAAC,EAAE;AACjB,gBAAA,WAAW,CAAC,IAAI,CAAC,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,UAAU,EAAW,EAAA,KAAA,CAAA,CAAC;;;AAIvD,QAAA,KAAK,IAAI,CAAC,GAAG,SAAS,EAAE,CAAC,IAAI,OAAO,EAAE,CAAC,EAAE,EAAE;AACzC,YAAA,WAAW,CAAC,IAAI,CACd,CACE,CAAA,YAAA,EAAA,EAAA,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EACrC,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,WAAW,GAAG,WAAW,GAAG,UAAU,EAC1D,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,WAAW,GAAG,SAAS,GAAG,SAAS,EACrD,SAAS,EAAE,CAAA,WAAA,EAAc,CAAC,CAAE,CAAA,EAAA,cAAA,EACd,CAAC,KAAK,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,SAAS,IAExD,CAAC,CACS,CACd;;;AAIH,QAAA,IAAI,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE;YAC7B,IAAI,OAAO,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,EAAE;AACjC,gBAAA,WAAW,CAAC,IAAI,CAAC,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,UAAU,EAAW,EAAA,KAAA,CAAA,CAAC;;AAErD,YAAA,WAAW,CAAC,IAAI,CACd,CAAY,CAAA,YAAA,EAAA,EAAA,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,iBAAiB,EACtI,EAAA,IAAI,CAAC,UAAU,CACL,CACd;;AAGH,QAAA,OAAO,WAAW;;IAGpB,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,EAAE;YACxB,OAAO,IAAI,CAAC;;QAGd,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,YAAA,EAAA,EAAY,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,qBAAqB,EAE1J,EAAA,UAAA,CAAA,EAEZ,IAAI,CAAC,iBAAiB,EAAE,EAEzB,CAAA,CAAA,YAAA,EAAA,EACE,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,EACxD,QAAQ,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,EAC/D,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,iBAAiB,EAGhB,EAAA,MAAA,CAAA,CACT;;;;;AC1HZ,MAAM,eAAe,GAAG,ihDAAihD;;MCQ5hD,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;AAQ0C,QAAA,IAAI,CAAA,IAAA,GAAG,KAAK;AAE5C,QAAA,IAAQ,CAAA,QAAA,GAAqB,OAAO;AACpC,QAAA,IAAK,CAAA,KAAA,GAAyC,IAAI;AAClD,QAAA,IAAO,CAAA,OAAA,GAAG,IAAI;AACd,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAIxB,QAAA,IAA0B,CAAA,0BAAA,GAAG,KAAK;AAKlC,QAAA,IAAqB,CAAA,qBAAA,GAAG,KAAK;AAQ7B,QAAA,IAAoB,CAAA,oBAAA,GAAW,EAAE;AAuBjC,QAAA,IAAmB,CAAA,mBAAA,GAAG,MAAK;AACjC,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,EAAE;gBAC7D,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;;AAE1C,SAAC;AAQO,QAAA,IAAO,CAAA,OAAA,GAAG,MAAK;AACrB,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE;AAC/B,SAAC;AAEO,QAAA,IAAoB,CAAA,oBAAA,GAAG,MAAK;AAClC,YAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE;AACnC,SAAC;;AAGO,QAAA,IAAyB,CAAA,yBAAA,GAAG,MAAK;AACvC,YAAA,IAAI,CAAC,0BAA0B,CAAC,IAAI,EAAE;AACxC,SAAC;AAgEF;IA5GC,gBAAgB,CAAC,QAAiB,EAAE,QAAiB,EAAA;AACnD,QAAA,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB;;QAGF,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YACxD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;YACvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;YAEtC,qBAAqB,CAAC,MAAK;gBACzB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;AACzC,aAAC,CAAC;;aACG;YACL,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC;YAC1C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,oBAAoB;AACxD,YAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;;;IAU3F,oBAAoB,GAAA;QAClB,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE;YAC7C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,oBAAoB;;;IAkB5D,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,cAAc,GAAG,IAAI,CAAC,KAAK;QAC/E,MAAM,cAAc,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,EAAE,QAAQ,EAAE,CAAA,EAAG,IAAI,CAAC,KAAK,CAAA,EAAA,CAAI,EAAE,GAAG,EAAE;AAE5F,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACzC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,EAAE,CAAC,UAAU,GAAG,IAAI,EAAE,EACjE,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAAA,EAGjC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAA,IAAA,EAAA,CACY,CACnB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,IAAI,EAAA,EAAE,IAAI,CAAC,KAAK,CAAoB,CAC1D,EAEL,IAAI,CAAC,uBAAuB,KAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,QAAQ,EAAE,IAAI,CAAC,0BAA0B,EACzC,OAAO,EAAE,IAAI,CAAC,yBAAyB,EACvC,SAAS,EAAE,CAAA,CAAA,UAAA,EAAA,EAAU,QAAQ,EAAE,IAAI,CAAC,sBAAsB,EAAE,KAAK,EAAE,SAAS,EAAA,CAAI,EAChF,OAAO,EAAC,WAAW,EAAA,EAElB,IAAI,CAAC,uBAAuB,CAClB,CACT,CACP,CACG,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EACzB,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,CACxE,EAER,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAA,EAElD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,EACL,IAAI,CAAC,kBAAkB,KACtB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,IAAI,CAAC,qBAAqB,EACpC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAE9B,EAAA,IAAI,CAAC,kBAAkB,CACb,CACT,CACP,CACG,CACF;;;;;;;;;;;"}

package/dist/stencil-library/udp-list-renderer_3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,a as s}from"./index-n-1ZSeAs.js";import a from"@carbon/icons/es/close/24";const n=":host{display:block}.udp-list-renderer-container{display:flex;flex-direction:column}.item-list-container{display:flex;flex-direction:column}.item-list-container.spacing-xs{gap:var(--spacing-02)}.item-list-container.spacing-sm{gap:var(--spacing-03)}.item-list-container.spacing-md{gap:var(--spacing-04)}.item-list-container.spacing-lg{gap:var(--spacing-06)}.item-list-container.spacing-condensed{gap:var(--spacing-01)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-07);min-height:100px;}";const o=class{constructor(e){t(this,e);this.pageChange=i(this,"pageChange");this.data=[];this.pagination=false;this.itemsPerPage=10;this.isServerSide=false;this.totalItems=0;this.currentPage=1;this.isLoading=false;this.spacing="md";this.internalCurrentPage=1}currentPageChanged(t){if(t!==this.internalCurrentPage){this.internalCurrentPage=t}}componentWillLoad(){this.internalCurrentPage=this.currentPage}getPaginatedData(){if(!this.pagination||this.isServerSide){return this.data}const t=(this.internalCurrentPage-1)*this.itemsPerPage;const i=t+this.itemsPerPage;return this.data.slice(t,i)}getTotalPages(){if(!this.pagination)return 1;if(this.isServerSide){if(this.totalItems===0||this.itemsPerPage===0)return 1;return Math.ceil(this.totalItems/this.itemsPerPage)}if(this.data.length===0||this.itemsPerPage===0)return 1;return Math.ceil(this.data.length/this.itemsPerPage)}handlePageChange(t){if(this.isLoading)return;if(t>=1&&t<=this.getTotalPages()){if(this.isServerSide){this.pageChange.emit(t)}else{this.internalCurrentPage=t;this.currentPage=t;this.pageChange.emit(t)}}}renderItems(){if(!this.itemComponent){console.warn("[udp-item-list] itemComponent prop is required.");return e("p",null,"Error: itemComponent prop is not defined.")}if(!this.componentDataMap){console.warn("[udp-item-list] componentDataMap prop is required.");return e("p",null,"Error: componentDataMap prop is not defined.")}const t=this.getPaginatedData();if(!t||t.length===0){return e("p",null,"No items to display.")}return t.map((t=>{const i={};for(const e in this.componentDataMap){if(t.hasOwnProperty(e)){const s=this.componentDataMap[e];i[s]=t[e]}}const s=this.itemComponent;return e(s,Object.assign({},i))}))}render(){if(this.isLoading&&(!this.data||this.data.length===0)){return e("div",{class:"loading-container"},e("p",null,"Loading..."))}const t={"item-list-container":true,[`spacing-${this.spacing}`]:true};return e("host",null,e("div",{class:t},this.renderItems()),this.pagination&&this.getTotalPages()>1&&e("udp-pagination",{currentPage:this.internalCurrentPage,totalPages:this.getTotalPages(),isLoading:this.isLoading,onPageChange:t=>this.handlePageChange(t.detail)}))}static get watchers(){return{currentPage:["currentPageChanged"]}}};o.style=n;const r=":host{display:block;font-family:var(--font-family)}.pagination-controls{display:flex;justify-content:center;align-items:center;padding:var(--spacing-03);gap:var(--spacing-02);}.pagination-controls span.ellipsis{color:var(--text-secondary);padding:var(--spacing-02) var(--spacing-01);display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;}";const h=class{constructor(e){t(this,e);this.pageChange=i(this,"pageChange");this.currentPage=1;this.totalPages=1;this.isLoading=false}navigateToPage(t){if(this.isLoading||t<1||t>this.totalPages||t===this.currentPage){return}this.pageChange.emit(t)}renderPageNumbers(){const t=[];const i=5;const s=Math.floor(i/2);let a=Math.max(1,this.currentPage-s);let n=Math.min(this.totalPages,this.currentPage+s);if(this.currentPage-s<1){n=Math.min(this.totalPages,i)}if(this.currentPage+s>this.totalPages){a=Math.max(1,this.totalPages-i+1)}if(this.totalPages<=i){a=1;n=this.totalPages}if(a>1){t.push(e("udp-button",{onClick:()=>this.navigateToPage(1),disabled:this.isLoading,variant:"outlined",ariaLabel:"Go to first page"},"1"));if(a>2){t.push(e("span",{class:"ellipsis"},"..."))}}for(let i=a;i<=n;i++){t.push(e("udp-button",{onClick:()=>this.navigateToPage(i),disabled:this.isLoading,variant:i===this.currentPage?"contained":"outlined",color:i===this.currentPage?"primary":"inherit",ariaLabel:`Go to page ${i}`,"aria-current":i===this.currentPage?"page":undefined},i))}if(n<this.totalPages){if(n<this.totalPages-1){t.push(e("span",{class:"ellipsis"},"..."))}t.push(e("udp-button",{onClick:()=>this.navigateToPage(this.totalPages),disabled:this.isLoading,variant:"outlined",ariaLabel:"Go to last page"},this.totalPages))}return t}render(){if(this.totalPages<=1){return null}return e("div",{class:"pagination-controls"},e("udp-button",{onClick:()=>this.navigateToPage(this.currentPage-1),disabled:this.isLoading||this.currentPage<=1,variant:"text",ariaLabel:"Go to previous page"},"Previous"),this.renderPageNumbers(),e("udp-button",{onClick:()=>this.navigateToPage(this.currentPage+1),disabled:this.isLoading||this.currentPage>=this.totalPages,variant:"text",ariaLabel:"Go to next page"},"Next"))}};h.style=r;const c=":host{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;visibility:hidden;transition:visibility 0s 0.2s}:host(.is-visible){visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{transform:translateX(0)}.sheet.sm{max-width:360px}.sheet.md{max-width:600px}.sheet.lg{max-width:960px}.sheet.full{max-width:100%}.sheet.custom-width{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-05, 24px);border-top:1px solid #ccc;display:flex;justify-content:flex-end;flex-shrink:0}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}";const d=class{constructor(e){t(this,e);this.udpSideSheetClose=i(this,"udpSideSheetClose");this.udpPrimaryButtonClick=i(this,"udpPrimaryButtonClick");this.udpHeaderActionButtonClick=i(this,"udpHeaderActionButtonClick");this.open=false;this.position="right";this.width="md";this.padding=true;this.loading=false;this.headerActionButtonDisabled=false;this.primaryButtonDisabled=false;this.originalBodyOverflow="";this.handleTransitionEnd=()=>{if(!this.open&&this.hostEl.parentElement===document.body){document.body.removeChild(this.hostEl)}};this.onClose=()=>{this.open=false;this.udpSideSheetClose.emit()};this.onPrimaryButtonClick=()=>{this.udpPrimaryButtonClick.emit()};this.onHeaderActionButtonClick=()=>{this.udpHeaderActionButtonClick.emit()}}handleOpenChange(t,i){if(t===i){return}if(t){this.originalBodyOverflow=document.body.style.overflow;document.body.style.overflow="hidden";document.body.appendChild(this.hostEl);requestAnimationFrame((()=>{this.hostEl.classList.add("is-visible")}))}else{this.hostEl.classList.remove("is-visible");document.body.style.overflow=this.originalBodyOverflow;this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:true})}}disconnectedCallback(){if(document.body.style.overflow==="hidden"){document.body.style.overflow=this.originalBodyOverflow}}render(){const t=typeof this.width==="number"?"custom-width":this.width;const i=typeof this.width==="number"?{maxWidth:`${this.width}px`}:{};return e("div",{key:"3071b6fbf443030422ad30d2fc7a86a3c71d060a",class:"backdrop",onClick:this.onClose},e("div",{key:"75ae7c0f6bc4da076a3cd04579fc09252f701eb3",class:{sheet:true,[this.position]:true,[t]:true},style:i,onClick:t=>t.stopPropagation()},e("div",{key:"ec51c197afe4b00084881abb8688ca8f4f994a30",class:"title-container"},e("div",{key:"f382e9b4bf63314092b0b5d326069a9ca2316272",class:"close-button"},e("stencil-icon-button",{key:"ff449c9a65921a12207f2f4f6daaa45d9ff652c0",icon:a,onClick:this.onClose,secondary:true})),e("div",{key:"72e80626b9f519098dd069ebb357061f5e7008f8",class:"title-text"},e("unity-typography",{key:"fa7de8f448021ef6ac8a34d4825dcad745124dd2",variant:"h6"},this.title)),this.headerActionButtonLabel&&e("div",{key:"bcce55c18c3ff2b80cea48f471468ece741dc0bd",class:"header-action-button"},e("udp-button",{key:"09d1343460e8b0d7fdceb8769ed8387647ab5a34",disabled:this.headerActionButtonDisabled,onClick:this.onHeaderActionButtonClick,startIcon:e("udp-icon",{iconName:this.headerActionButtonIcon,color:"inherit"}),variant:"contained"},this.headerActionButtonLabel))),e("div",{key:"594932ae9ee30cfd5415fefcd48765c3d3f21aea",class:"loader-container"},e("udp-linear-loader",{key:"f3d09a98c7ac6bd22699339d2d0a7325c035e63d",class:{"is-loading":this.loading},color:"primary"})),e("div",{key:"59e987c1780a950dcdc8f56f012087a0ba55acb0",class:{content:true,padding:this.padding}},e("slot",{key:"fda6cf654587b15f3a28443b47a30f7564b2bf57"})),this.primaryButtonLabel&&e("div",{key:"c6434be80f44e6f8a277bdff49503f67db5cdca7",class:"footer"},e("udp-button",{key:"522a0e7bb290472cb1704bc4f61bf2a22ebda668",variant:"contained",size:"large",disabled:this.primaryButtonDisabled,onClick:this.onPrimaryButtonClick,endIcon:this.primaryButtonIcon},this.primaryButtonLabel))))}get hostEl(){return s(this)}static get watchers(){return{open:["handleOpenChange"]}}};d.style=c;export{o as udp_list_renderer,h as udp_pagination,d as udp_side_sheet};
-//# sourceMappingURL=udp-list-renderer_3.entry.js.map

package/dist/stencil-library/udp-list-renderer_3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","getElement","Close24","udpListRendererCss","UdpItemList","constructor","hostRef","this","pageChange","data","pagination","itemsPerPage","isServerSide","totalItems","currentPage","isLoading","spacing","internalCurrentPage","currentPageChanged","newValue","componentWillLoad","getPaginatedData","startIndex","endIndex","slice","getTotalPages","Math","ceil","length","handlePageChange","newPage","emit","renderItems","itemComponent","console","warn","componentDataMap","itemsToRender","map","item","props","sourceKey","hasOwnProperty","targetKey","ItemCmp","Object","assign","render","class","containerClasses","totalPages","onPageChange","event","detail","watchers","style","udpPaginationCss","UdpPagination","navigateToPage","page","renderPageNumbers","pageNumbers","maxPagesToShow","halfMaxPages","floor","startPage","max","endPage","min","push","onClick","disabled","variant","ariaLabel","i","color","undefined","udpSideSheetCss","UdpSideSheet","udpSideSheetClose","udpPrimaryButtonClick","udpHeaderActionButtonClick","open","position","width","padding","loading","headerActionButtonDisabled","primaryButtonDisabled","originalBodyOverflow","handleTransitionEnd","hostEl","parentElement","document","body","removeChild","onClose","onPrimaryButtonClick","onHeaderActionButtonClick","handleOpenChange","oldValue","overflow","appendChild","requestAnimationFrame","classList","add","remove","addEventListener","once","disconnectedCallback","widthClass","sideSheetStyle","maxWidth","key","sheet","e","stopPropagation","icon","secondary","title","headerActionButtonLabel","startIcon","iconName","headerActionButtonIcon","content","primaryButtonLabel","size","endIcon","primaryButtonIcon"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/types/components/my-component/demo/ambient-demo-container.d.ts

@@ -1,4 +0,0 @@
-export declare class AmbientDemoContainer {
-    title: string;
-    render(): any;
-}