@nativescript-community/ui-segmentedbar 0.0.0-stage → 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,11 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 1.0.0 (2026-10-18)
+
+### Features
+
+* native-api-usage.json for every package on Android and iOS ([cfd7dcc](https://github.com/nativescript-community/ui-native-components/commit/cfd7dcc4b996b02319cfacee233bc56c29df70e4))
+* **segmentedbar:** add ui-segmentedbar with icon items (MaterialButtonToggleGroup / UISegmentedControl) ([df8b6fb](https://github.com/nativescript-community/ui-native-components/commit/df8b6fb0e5d966f9113b4207af3dd0c5548fc728))

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright {yyyy} {name of copyright owner}
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -1,3 +1,195 @@
-# Temporary Holding Version
+<!-- ⚠️ This README has been generated from the file(s) "blueprint.md" ⚠️-->
+<!--  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      DO NOT EDIT THIS READEME DIRECTLY! Edit "bluesprint.md" instead.
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
+<h1 align="center">@nativescript-community/ui-segmentedbar</h1>
+<p align="center">
+		<a href="https://npmcharts.com/compare/@nativescript-community/ui-segmentedbar?minimal=true"><img alt="Downloads per month" src="https://img.shields.io/npm/dm/@nativescript-community/ui-segmentedbar.svg" height="20"/></a>
+<a href="https://www.npmjs.com/package/@nativescript-community/ui-segmentedbar"><img alt="NPM Version" src="https://img.shields.io/npm/v/@nativescript-community/ui-segmentedbar.svg" height="20"/></a>
+	</p>
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+<p align="center">
+  <b>Segmented control: MaterialButtonToggleGroup on Android, native UISegmentedControl on iOS, with icon items.</b></br>
+  <sub><sub>
+</p>
+
+<br />
+
+
+| iOS | Android |
+| --- | --- |
+| <img src="https://github.com/nativescript-community/ui-native-components/raw/master/images/ui-segmentedbar-ios.png" height="500" /> | <img src="https://github.com/nativescript-community/ui-native-components/raw/master/images/ui-segmentedbar-android.png" height="500" /> |
+
+
+[](#table-of-contents)
+
+## Table of Contents
+
+* [Installation](#installation)
+* [Usage](#usage)
+* [API](#api)
+* [Demos and Development](#demos-and-development)
+	* [Repo Setup](#repo-setup)
+	* [Build](#build)
+	* [Demos](#demos)
+* [Contributing](#contributing)
+	* [Update repo ](#update-repo-)
+	* [Update readme ](#update-readme-)
+	* [Update doc ](#update-doc-)
+	* [Publish](#publish)
+	* [modifying submodules](#modifying-submodules)
+* [Questions](#questions)
+
+| Android | iOS |
+|---|---|
+| `MaterialButtonToggleGroup` | `UISegmentedControl` |
+
+
+[](#installation)
+
+## Installation
+
+```bash
+npm install @nativescript-community/ui-segmentedbar
+```
+
+The Android components use **Material 3**: see the [repository README](https://github.com/nativescript-community/ui-native-components#installation) for the theme.
+
+
+[](#usage)
+
+## Usage
+
+```xml
+<SegmentedBar selectedIndex="0">
+    <SegmentedBarItem title="Day" />
+    <SegmentedBarItem src="sys://list.bullet" />
+</SegmentedBar>
+```
+
+
+[](#api)
+
+## API
+
+Same API as the core `SegmentedBar`, and `SegmentedBarItem` adds:
+
+| Property | |
+|---|---|
+| `src` | icon: file, resource, url, `font://`, `sys://` (SF Symbol), an ImageSource or a FormattedString (spans drawn into an icon) |
+| `formattedText` | spans. On iOS they are drawn as an image (`UISegmentedControl` only shows plain titles). Uses `@nativescript-community/text` when installed (optional) |
+
+
+[](#demos-and-development)
+
+## Demos and Development
+
+
+### Repo Setup
+
+The repo uses submodules. If you did not clone with ` --recursive` then you need to call
+```
+git submodule update --init
+```
+
+The package manager used to install and link dependencies must be `pnpm` or `yarn`. `npm` wont work.
+
+To develop and test:
+if you use `yarn` then run `yarn`
+if you use `pnpm` then run `pnpm i`
+
+**Interactive Menu:**
+
+To start the interactive menu, run `npm start` (or `yarn start` or `pnpm start`). This will list all of the commonly used scripts.
+
+### Build
+
+```bash
+npm run build.all
+```
+WARNING: it seems `yarn build.all` wont always work (not finding binaries in `node_modules/.bin`) which is why the doc explicitly uses `npm run`
+
+### Demos
+
+```bash
+npm run demo.[ng|react|svelte|vue].[ios|android]
+
+npm run demo.svelte.ios # Example
+```
+
+Demo setup is a bit special in the sense that if you want to modify/add demos you dont work directly in `demo-[ng|react|svelte|vue]`
+Instead you work in `demo-snippets/[ng|react|svelte|vue]`
+You can start from the `install.ts` of each flavor to see how to register new demos 
+
+
+[](#contributing)
+
+## Contributing
+
+### Update repo 
+
+You can update the repo files quite easily
+
+First update the submodules
+
+```bash
+npm run update
+```
+
+Then commit the changes
+Then update common files
+
+```bash
+npm run sync
+```
+Then you can run `yarn|pnpm`, commit changed files if any
+
+### Update readme 
+```bash
+npm run readme
+```
+
+### Update doc 
+```bash
+npm run doc
+```
+
+### Publish
+
+The publishing is completely handled by `lerna` (you can add `-- --bump major` to force a major release)
+Simply run 
+```shell
+npm run publish
+```
+
+### modifying submodules
+
+The repo uses https:// for submodules which means you won't be able to push directly into the submodules.
+One easy solution is t modify `~/.gitconfig` and add
+```
+[url "ssh://git@github.com/"]
+	pushInsteadOf = https://github.com/
+```
+
+
+[](#questions)
+
+## Questions
+
+If you have any questions/issues/comments please feel free to create an issue or start a conversation in the [NativeScript Community Discord](https://nativescript.org/discord).

package/index-common.d.ts

@@ -0,0 +1,35 @@
+import { FormattedString, ImageSource, Label, Property } from '@nativescript/core';
+import { SegmentedBarBase, SegmentedBarItemBase } from '@nativescript/core/ui/segmented-bar/segmented-bar-common';
+export { SegmentedBarBase, SegmentedBarItemBase };
+/**
+ * Segment of the bar: a title and/or an icon.
+ * `src` is a file, resource, url, `sys://` (SF Symbol, iOS) or `font://` (font icon, uses the font of the item) path, or an ImageSource.
+ */
+export declare class SegmentedBarItem extends SegmentedBarItemBase {
+    src: string | ImageSource | FormattedString;
+    /**
+     * @internal true for the icons drawn from spans: they keep their colors
+     */
+    imageIsOriginal: boolean;
+    /**
+     * @internal loaded icon, always a white (template) image for the font icons
+     */
+    image: ImageSource;
+    private mLabel;
+    /**
+     * Label used to create the native rich text (spans) of the item and as the owner of the formattedText.
+     * @internal
+     */
+    get textOwner(): Label;
+    /**
+     * Rich text (spans) of the segment, it wins over the title.
+     * Uses `@nativescript-community/text` when it is installed.
+     * On iOS the text is drawn as an image (the native control only shows plain titles), so the colors are the ones of the spans.
+     */
+    get formattedText(): FormattedString;
+    set formattedText(value: FormattedString);
+    _addChildFromBuilder(name: string, value: any): void;
+    loadImage(value: string | ImageSource | FormattedString): Promise<void>;
+    _update(): void;
+}
+export declare const srcProperty: Property<SegmentedBarItem, string | ImageSource | FormattedString>;

package/index-common.js

@@ -0,0 +1,101 @@
+import { renderFormattedTextToImageSource } from '@nativescript-community/ui-core/formatted-text';
+import { Color, FormattedString, ImageSource, Label, Property, Span, Utils } from '@nativescript/core';
+import { SegmentedBarBase, SegmentedBarItemBase } from '@nativescript/core/ui/segmented-bar/segmented-bar-common';
+export { SegmentedBarBase, SegmentedBarItemBase };
+/**
+ * Segment of the bar: a title and/or an icon.
+ * `src` is a file, resource, url, `sys://` (SF Symbol, iOS) or `font://` (font icon, uses the font of the item) path, or an ImageSource.
+ */
+export class SegmentedBarItem extends SegmentedBarItemBase {
+    constructor() {
+        super(...arguments);
+        /**
+         * @internal true for the icons drawn from spans: they keep their colors
+         */
+        this.imageIsOriginal = false;
+    }
+    /**
+     * Label used to create the native rich text (spans) of the item and as the owner of the formattedText.
+     * @internal
+     */
+    get textOwner() {
+        if (!this.mLabel) {
+            this.mLabel = new Label();
+        }
+        return this.mLabel;
+    }
+    /**
+     * Rich text (spans) of the segment, it wins over the title.
+     * Uses `@nativescript-community/text` when it is installed.
+     * On iOS the text is drawn as an image (the native control only shows plain titles), so the colors are the ones of the spans.
+     */
+    get formattedText() {
+        return this.mLabel?.formattedText;
+    }
+    set formattedText(value) {
+        this.textOwner.formattedText = value;
+        this._update();
+    }
+    _addChildFromBuilder(name, value) {
+        if (value instanceof Span) {
+            if (!this.formattedText) {
+                this.formattedText = new FormattedString();
+            }
+            this.formattedText.spans.push(value);
+            this._update();
+        }
+        else if (value instanceof FormattedString) {
+            this.formattedText = value;
+        }
+    }
+    async loadImage(value) {
+        let source;
+        this.imageIsOriginal = false;
+        if (value instanceof FormattedString) {
+            // an icon drawn from spans (font icons, emojis...)
+            source = renderFormattedTextToImageSource(value, this.textOwner);
+            this.imageIsOriginal = true;
+        }
+        else if (typeof value === 'string') {
+            value = value.trim();
+            if (Utils.isFontIconURI(value)) {
+                source = ImageSource.fromFontIconCodeSync(value.split('//')[1], this.style.fontInternal, new Color('white'));
+            }
+            else if (value.indexOf(Utils.SYSTEM_PREFIX) === 0) {
+                source = await ImageSource.fromSystemImage(value.slice(Utils.SYSTEM_PREFIX.length));
+            }
+            else if (Utils.isFileOrResourcePath(value)) {
+                source = value.indexOf(Utils.RESOURCE_PREFIX) === 0 ? await ImageSource.fromResource(value.slice(Utils.RESOURCE_PREFIX.length)) : await ImageSource.fromFile(value);
+            }
+            else {
+                source = await ImageSource.fromUrl(value);
+            }
+            if (this.src !== value) {
+                // changed while loading
+                return;
+            }
+        }
+        else {
+            source = value;
+        }
+        this.image = source;
+        this._update();
+    }
+    _update() {
+        this.parent?.updateItem?.(this);
+    }
+}
+export const srcProperty = new Property({
+    name: 'src',
+    valueChanged: (target, oldValue, newValue) => {
+        if (newValue) {
+            target.loadImage(newValue);
+        }
+        else {
+            target.image = null;
+            target._update();
+        }
+    }
+});
+srcProperty.register(SegmentedBarItem);
+//# sourceMappingURL=index-common.js.map

package/index-common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-common.js","sourceRoot":"","sources":["../../src/ui-segmentedbar/index-common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,MAAM,gDAAgD,CAAC;AAClG,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACvG,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,0DAA0D,CAAC;AAElH,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAC;AAElD;;;GAGG;AACH,MAAM,OAAO,gBAAiB,SAAQ,oBAAoB;IAA1D;;QAEI;;WAEG;QACH,oBAAe,GAAG,KAAK,CAAC;IA2E5B,CAAC;IApEG;;;OAGG;IACH,IAAI,SAAS;QACT,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QAC9B,CAAC;QACD,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED;;;;OAIG;IACH,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,MAAM,EAAE,aAAa,CAAC;IACtC,CAAC;IACD,IAAI,aAAa,CAAC,KAAsB;QACpC,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,KAAK,CAAC;QACrC,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;IAED,oBAAoB,CAAC,IAAY,EAAE,KAAU;QACzC,IAAI,KAAK,YAAY,IAAI,EAAE,CAAC;YACxB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;gBACtB,IAAI,CAAC,aAAa,GAAG,IAAI,eAAe,EAAE,CAAC;YAC/C,CAAC;YACD,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACrC,IAAI,CAAC,OAAO,EAAE,CAAC;QACnB,CAAC;aAAM,IAAI,KAAK,YAAY,eAAe,EAAE,CAAC;YAC1C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC/B,CAAC;IACL,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,KAA6C;QACzD,IAAI,MAAmB,CAAC;QACxB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,KAAK,YAAY,eAAe,EAAE,CAAC;YACnC,mDAAmD;YACnD,MAAM,GAAG,gCAAgC,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YACjE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAChC,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACnC,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;YACrB,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC7B,MAAM,GAAG,WAAW,CAAC,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YACjH,CAAC;iBAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;gBAClD,MAAM,GAAG,MAAM,WAAW,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;YACxF,CAAC;iBAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC3C,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACxK,CAAC;iBAAM,CAAC;gBACJ,MAAM,GAAG,MAAM,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC9C,CAAC;YACD,IAAI,IAAI,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;gBACrB,wBAAwB;gBACxB,OAAO;YACX,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,MAAM,GAAG,KAAK,CAAC;QACnB,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;QACpB,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;IAED,OAAO;QACF,IAAI,CAAC,MAAc,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;CACJ;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,QAAQ,CAA2D;IAC9F,IAAI,EAAE,KAAK;IACX,YAAY,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;QACzC,IAAI,QAAQ,EAAE,CAAC;YACX,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACJ,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;YACpB,MAAM,CAAC,OAAO,EAAE,CAAC;QACrB,CAAC;IACL,CAAC;CACJ,CAAC,CAAC;AACH,WAAW,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}

package/index.android.d.ts

@@ -0,0 +1,23 @@
+import { itemsProperty, selectedIndexProperty } from '@nativescript/core/ui/segmented-bar/segmented-bar-common';
+import { SegmentedBarBase, SegmentedBarItem } from './index-common';
+export { SegmentedBarItem };
+type ToggleGroup = com.google.android.material.button.MaterialButtonToggleGroup & {
+    listener: com.google.android.material.button.MaterialButtonToggleGroup.OnButtonCheckedListener;
+};
+/**
+ * Android: Material 3 segmented buttons (MaterialButtonToggleGroup with outlined buttons).
+ */
+export declare class SegmentedBar extends SegmentedBarBase {
+    [selectedIndexProperty.getDefault]: () => number;
+    [selectedIndexProperty.setNative]: (value: number) => void;
+    [itemsProperty.getDefault]: () => SegmentedBarItem[];
+    [itemsProperty.setNative]: (value: SegmentedBarItem[]) => void;
+    nativeViewProtected: ToggleGroup;
+    items: SegmentedBarItem[];
+    createNativeView(): com.google.android.material.button.MaterialButtonToggleGroup;
+    initNativeView(): void;
+    disposeNativeView(): void;
+    private applyItem;
+    updateItem(item: SegmentedBarItem): void;
+    private insertItem;
+}

package/index.android.js

@@ -0,0 +1,104 @@
+import { createNativeFormattedText } from '@nativescript-community/ui-core/formatted-text';
+import { Utils } from '@nativescript/core';
+import { itemsProperty, selectedIndexProperty } from '@nativescript/core/ui/segmented-bar/segmented-bar-common';
+import { SegmentedBarBase, SegmentedBarItem } from './index-common';
+export { SegmentedBarItem };
+// Material 3 segmented buttons are 40dp high
+const SEGMENT_HEIGHT = 40;
+/**
+ * Android: Material 3 segmented buttons (MaterialButtonToggleGroup with outlined buttons).
+ */
+export class SegmentedBar extends SegmentedBarBase {
+    createNativeView() {
+        return new com.google.android.material.button.MaterialButtonToggleGroup(this._context);
+    }
+    initNativeView() {
+        super.initNativeView();
+        const nativeView = this.nativeViewProtected;
+        nativeView.setSingleSelection(true);
+        nativeView.setSelectionRequired(true);
+        // the segments keep the same height whatever their text
+        nativeView.setBaselineAligned(false);
+        const owner = new WeakRef(this);
+        const listener = new com.google.android.material.button.MaterialButtonToggleGroup.OnButtonCheckedListener({
+            onButtonChecked(group, checkedId, isChecked) {
+                const _owner = owner.get();
+                if (_owner && isChecked) {
+                    const newIndex = group.indexOfChild(group.findViewById(checkedId));
+                    if (newIndex !== _owner.selectedIndex) {
+                        _owner.selectedIndex = newIndex;
+                    }
+                }
+            }
+        });
+        nativeView.addOnButtonCheckedListener(listener);
+        nativeView.listener = listener;
+    }
+    disposeNativeView() {
+        const nativeView = this.nativeViewProtected;
+        if (nativeView?.listener) {
+            nativeView.removeOnButtonCheckedListener(nativeView.listener);
+            nativeView.listener = null;
+        }
+        super.disposeNativeView();
+    }
+    applyItem(button, item) {
+        const formatted = item.formattedText;
+        if (formatted && !item.textOwner.fontSize) {
+            // spans without size: the size of the Material button text
+            item.textOwner.fontSize = 14;
+        }
+        const title = formatted ? formatted.toString() : item.title;
+        button.setText(formatted ? createNativeFormattedText(formatted, item.textOwner) || title : title || '');
+        const image = item.image?.android;
+        if (image) {
+            button.setIcon(new android.graphics.drawable.BitmapDrawable(Utils.android.getApplicationContext().getResources(), image));
+            button.setIconGravity(com.google.android.material.button.MaterialButton.ICON_GRAVITY_TEXT_START);
+            button.setIconPadding(title ? Utils.layout.toDevicePixels(8) : 0);
+        }
+        else {
+            button.setIcon(null);
+        }
+    }
+    updateItem(item) {
+        const index = this.items?.indexOf(item) ?? -1;
+        const button = index >= 0 ? this.nativeViewProtected?.getChildAt(index) : null;
+        if (button) {
+            this.applyItem(button, item);
+        }
+    }
+    insertItem(item) {
+        const R = com.google.android.material.R;
+        const button = new com.google.android.material.button.MaterialButton(this._context, null, R.attr.materialButtonOutlinedStyle);
+        const height = Utils.layout.toDevicePixels(SEGMENT_HEIGHT);
+        // no touch target insets
+        button.setInsetTop(0);
+        button.setInsetBottom(0);
+        button.setMinHeight(height);
+        button.setMinimumHeight(height);
+        this.applyItem(button, item);
+        // the segments share the width of the group
+        this.nativeViewProtected.addView(button, new android.widget.LinearLayout.LayoutParams(0, height, 1));
+    }
+    [selectedIndexProperty.getDefault]() {
+        return -1;
+    }
+    [selectedIndexProperty.setNative](value) {
+        const button = value >= 0 ? this.nativeViewProtected.getChildAt(value) : null;
+        if (button) {
+            this.nativeViewProtected.check(button.getId());
+        }
+        else {
+            this.nativeViewProtected.clearChecked();
+        }
+    }
+    [itemsProperty.getDefault]() {
+        return null;
+    }
+    [itemsProperty.setNative](value) {
+        this.nativeViewProtected.removeAllViews();
+        value?.forEach((item) => this.insertItem(item));
+        selectedIndexProperty.coerce(this);
+    }
+}
+//# sourceMappingURL=index.android.js.map

package/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../src/ui-segmentedbar/index.android.ts"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * SegmentedBar component: core SegmentedBar augmented with icon items (`src`, SF Symbols with `sys://`, font icons with `font://`).
+ * Android uses MaterialButtonToggleGroup. iOS uses the native UISegmentedControl.
+ * @module @nativescript-community/ui-segmentedbar
+ */
+
+import { FormattedString, ImageSource, SegmentedBar as CoreSegmentedBar, SegmentedBarItemBase } from '@nativescript/core';
+
+export class SegmentedBarItem extends SegmentedBarItemBase {
+    /**
+     * Icon of the segment: file, resource, url, `sys://` (SF Symbol, iOS) or `font://` (font icon) path, an ImageSource, or a FormattedString (spans drawn into an icon).
+     * On iOS a segment shows either the title or the icon (the title wins).
+     */
+    src: string | ImageSource | FormattedString;
+    /**
+     * Rich text (spans) of the segment, it wins over the title.
+     * `@nativescript-community/text` is used when installed (optional).
+     * On iOS the spans are drawn into an image (UISegmentedControl only shows plain titles).
+     */
+    formattedText: FormattedString;
+}
+
+export class SegmentedBar extends CoreSegmentedBar {}

package/index.ios.d.ts

@@ -0,0 +1,9 @@
+import { SegmentedBar as CoreSegmentedBar } from '@nativescript/core';
+import { itemsProperty } from '@nativescript/core/ui/segmented-bar/segmented-bar-common';
+import { SegmentedBarItem } from './index-common';
+export { SegmentedBarItem };
+export declare class SegmentedBar extends CoreSegmentedBar {
+    [itemsProperty.setNative]: (value: SegmentedBarItem[]) => void;
+    items: SegmentedBarItem[];
+    updateItem(item: SegmentedBarItem): void;
+}

package/index.ios.js

@@ -0,0 +1,48 @@
+import { createNativeFormattedText, renderAttributedStringToImage } from '@nativescript-community/ui-core/formatted-text';
+import { SegmentedBar as CoreSegmentedBar } from '@nativescript/core';
+import { itemsProperty, selectedIndexProperty } from '@nativescript/core/ui/segmented-bar/segmented-bar-common';
+import { SegmentedBarItem } from './index-common';
+export { SegmentedBarItem };
+/**
+ * Puts the title or the icon of the item at its position in the control.
+ */
+function applyItem(control, item, index, insert = false) {
+    let title = item.title;
+    // a template image: tinted by the selection state
+    let image = item.image?.ios ? item.image.ios.imageWithRenderingMode(item.imageIsOriginal ? 1 /* UIImageRenderingMode.AlwaysOriginal */ : 2 /* UIImageRenderingMode.AlwaysTemplate */) : null;
+    if (item.formattedText) {
+        // the spans are drawn into an image: UISegmentedControl only shows plain titles
+        const spansImage = renderAttributedStringToImage(createNativeFormattedText(item.formattedText, item.textOwner));
+        if (spansImage) {
+            image = spansImage;
+            title = null;
+        }
+        else {
+            title = item.formattedText.toString();
+        }
+    }
+    if (title) {
+        insert ? control.insertSegmentWithTitleAtIndexAnimated(title, index, false) : control.setTitleForSegmentAtIndex(title, index);
+    }
+    else if (image) {
+        insert ? control.insertSegmentWithImageAtIndexAnimated(image, index, false) : control.setImageForSegmentAtIndex(image, index);
+    }
+    else if (insert) {
+        control.insertSegmentWithTitleAtIndexAnimated('', index, false);
+    }
+}
+export class SegmentedBar extends CoreSegmentedBar {
+    updateItem(item) {
+        const index = this.items?.indexOf(item) ?? -1;
+        if (this.ios && index >= 0) {
+            applyItem(this.ios, item, index);
+        }
+    }
+    [itemsProperty.setNative](value) {
+        const control = this.ios;
+        control.removeAllSegments();
+        value?.forEach((item, index) => applyItem(control, item, index, true));
+        selectedIndexProperty.coerce(this);
+    }
+}
+//# sourceMappingURL=index.ios.js.map

package/index.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../src/ui-segmentedbar/index.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,6BAA6B,EAAE,MAAM,gDAAgD,CAAC;AAC1H,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AAChH,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B;;GAEG;AACH,SAAS,SAAS,CAAC,OAA2B,EAAE,IAAsB,EAAE,KAAa,EAAE,MAAM,GAAG,KAAK;IACjG,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IACvB,kDAAkD;IAClD,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAE,IAAI,CAAC,KAAK,CAAC,GAAe,CAAC,sBAAsB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,6CAAqC,CAAC,4CAAoC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1L,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,gFAAgF;QAChF,MAAM,UAAU,GAAG,6BAA6B,CAAC,yBAAyB,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;QAChH,IAAI,UAAU,EAAE,CAAC;YACb,KAAK,GAAG,UAAU,CAAC;YACnB,KAAK,GAAG,IAAI,CAAC;QACjB,CAAC;aAAM,CAAC;YACJ,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC1C,CAAC;IACL,CAAC;IACD,IAAI,KAAK,EAAE,CAAC;QACR,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,qCAAqC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,yBAAyB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAClI,CAAC;SAAM,IAAI,KAAK,EAAE,CAAC;QACf,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,qCAAqC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,yBAAyB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAClI,CAAC;SAAM,IAAI,MAAM,EAAE,CAAC;QAChB,OAAO,CAAC,qCAAqC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACpE,CAAC;AACL,CAAC;AAED,MAAM,OAAO,YAAa,SAAQ,gBAAgB;IAG9C,UAAU,CAAC,IAAsB;QAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9C,IAAI,IAAI,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YACzB,SAAS,CAAC,IAAI,CAAC,GAAyB,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QAC3D,CAAC;IACL,CAAC;IAED,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,KAAyB;QAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,GAAyB,CAAC;QAC/C,OAAO,CAAC,iBAAiB,EAAE,CAAC;QAC5B,KAAK,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;QACvE,qBAAqB,CAAC,MAAM,CAAC,IAAW,CAAC,CAAC;IAC9C,CAAC;CACJ"}

package/package.json

@@ -1,6 +1,50 @@
 {
-  "name": "@nativescript-community/ui-segmentedbar",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+    "name": "@nativescript-community/ui-segmentedbar",
+    "version": "1.0.0",
+    "description": "Segmented control: MaterialButtonToggleGroup on Android, native UISegmentedControl on iOS, with icon items.",
+    "main": "./index",
+    "sideEffects": false,
+    "typings": "./index.d.ts",
+    "scripts": {
+        "tsc": "cpy '**/*.d.ts' '../../packages/ui-segmentedbar' --parents --cwd=../../src/ui-segmentedbar && tsc  --build",
+        "readme": "readme generate -c ../../tools/readme/blueprint.json",
+        "build": "npm run tsc && npm run readme",
+        "build.watch": "npm run tsc -- -w",
+        "build.all": "npm run build",
+        "clean": "bin/rimraf ./*.d.ts ./*.js ./*.js.map ./*.tsbuildinfo ./*.mjs ./*.mjs.map ./angular ./svelte ./vue* ./react"
+    },
+    "nativescript": {
+        "platforms": {
+            "android": "6.2.0",
+            "ios": "6.2.0"
+        }
+    },
+    "keywords": [
+        "NativeScript",
+        "JavaScript",
+        "Android",
+        "iOS"
+    ],
+    "author": {
+        "name": "Martin Guillon",
+        "email": "martin@akylas.fr"
+    },
+    "bugs": {
+        "url": "https://github.com/nativescript-community/ui-native-components/issues"
+    },
+    "license": "Apache-2.0",
+    "publishConfig": {
+        "access": "public"
+    },
+    "homepage": "https://github.com/nativescript-community/ui-native-components/tree/master/packages/ui-segmentedbar#readme",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/nativescript-community/ui-native-components.git",
+        "directory": "packages/ui-segmentedbar"
+    },
+    "readmeFilename": "README.md",
+    "dependencies": {
+        "@nativescript-community/ui-core": "^1.0.0"
+    },
+    "gitHead": "237dd97d2b9e0f62ea9d9810169bb800dd531f7b"
+}

package/platforms/android/native-api-usage.json

@@ -0,0 +1,10 @@
+{
+    "uses": [
+        "android.graphics.drawable:BitmapDrawable",
+        "android.graphics:Bitmap",
+        "android.widget:LinearLayout.LayoutParams",
+        "com.google.android.material.button:MaterialButton",
+        "com.google.android.material.button:MaterialButtonToggleGroup",
+        "com.google.android.material.button:MaterialButtonToggleGroup.OnButtonCheckedListener"
+    ]
+}

package/platforms/ios/native-api-usage.json

@@ -0,0 +1,11 @@
+{
+    "uses": [
+        "CoreFoundation*",
+        "CoreGraphics*",
+        "Darwin*",
+        "Foundation*",
+        "ObjectiveC*",
+        "QuartzCore*",
+        "UIKit*"
+    ]
+}

package/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["../../src/ui-segmentedbar/index-common.ts","../../src/ui-segmentedbar/index.android.ts","../../src/ui-segmentedbar/index.d.ts","../../src/ui-segmentedbar/index.ios.ts","../../references.d.ts","../../tools/references.d.ts","../../src/references.d.ts"],"version":"5.8.3"}