Skip to content

What's New in the ThingWorx Web Component SDK Version 10.0.0

New Web Components

ptcs-video

  • Added a new Video Player web component that enables you to play video files from a URL source.

ptcs-media-gallery

  • Added a new Media Gallery web component that enables you to display a collection of images in a web page. Use this widget to display multiple images in a compact layout.

Updated Web Components

ptcs-behavior-validate

  • Introduced ptcs-behavior-validate, a behavior component that adds validation support to web components.

ptcs-button

Added the following properties: - iconAlt: Adds alt text for the icon. - size: Provides options to control the button size and behavior. - hideLabel: Hides the button label while retaining accessibility using aria-Label.

ptcs-checkbox

  • Added a checked-changed event, triggered when the checkbox state changes.

ptcs-chip

  • Added a checked-changed event, triggered when the chip state changes.

ptcs-combobox

  • Added a grouping property that enables grouping in popup lists.

ptcs-datepicker

Added the following properties: - weekStart: Sets the first day of the week (default is Monday). - requireValidDate: Ensures validation requires a complete date. - invalidDateMessage: Displays validation messages for invalid dates.

ptcs-dropdown

Added the following properties: - grouping: Enables grouping items in dropdown lists. - multiLine: Allows list items to span multiple lines.

ptcs-dynamic-panel

Added the following properties: - anchor: Specifies the side of the container where the panel is attached. - panelStyle: Customizes the panel style. - panelBackground: Updates background customization options. - triggerButtonVariant: Specifies the style of the trigger button.

ptcs-file-upload

Added the following properties: - dropZoneHeight and uploadedFileHeight: Define dimensions for drop zone and uploaded file boxes. - showDeleteAllButton and deleteAllButtonLabel: Manage "Remove All" functionality. - Added dialog-related properties for validation and confirmation.

ptcs-grid

Added the following properties: - unselectableRow: Specifies rows that cannot be selected. - delayedRows,delayedRows, moreRowsSize, and moreRowsLabel: Enable lazy loading of rows. - cacheRuntimeChanges and cacheRuntimeAsSession: Manage runtime interaction storage. - rowsInfoPosition and rowsInfoVariant: Customize rows info messages. - shiftKeySelection: Enables range selection using Shift+select. - New Method: - setVisibilityExpression: Controls column visibility and order.

ptcs-label

Added the following properties: - maxNumberOfLines: Displays labels across specified lines with ellipsis. - semanticRole: Improves accessibility by defining the label's purpose.

Added the following properties: - alignment, disabled, singleLine, href, linkRouted, label, target, textMaximumWidth, tooltip, tooltipIcon, variant, and verticalAlignment: Enhance link customization. - linkType: Specifies the type of link (text or image). - Added properties for showing images: leftImageSrc, rightImageSrc, leftImageSize, rightImageSize, and alt text.

ptcs-list

Added a grouping property that controls item grouping.

ptcs-menu-button

Added the following properties: - displayIcons, menuItemsMode, alignItemLabels, and hideLabel: Customize menu button appearance and behavior. - Added the menu-opened event and trigger slot.

ptcs-property-display

  • Added an overflow property that specifies how to display values that exceed component dimensions.

ptcs-slider

  • Added a value-changed-manually event, which is triggered when dragging the handle or entering a value.

ptcs-tabs

Added the following properties: - defaultTabNumber, disabled, items, selected, selectedTabName, selectedTabValue, tabHeight, tabNameMaxWidth, and tabStyle: Enhance tabs customization. - Added icon properties: iconPlacement, iconSize, iconType, and mode. - Added layout properties: tabOrientation, tabWidth, and hideContentAreaBorder.

ptcs-toggle-button

  • Added a checked-changed event, which is triggered when the toggle button state changes.

ptcs-toolbar

  • Added properties similar to ptcs-tabs for tab set customization.