@yoobic/yobi 8.2.0-7 → 8.2.0-8

package/dist/esm/yoo-workflow-state.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, g as getElement } from './index-019c1b1a.js';
-import { T as translateMulti, t as translate, a7 as getUserDisplayName, o as isWeb, n as showModal } from './index-0ca062eb.js';
+import { T as translateMulti, t as translate, a7 as getUserDisplayName, o as isWeb, n as showModal } from './index-5e194889.js';
 import { c as compact, $ as flattenDeep, _ as flatten } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
+import './index-e36bdc70.js';
 
 const workflowStateCss = ":host{width:100%}:host .menu{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;padding:0;list-style:none}:host .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .menu .dot{width:0.25rem;height:0.25rem;margin:0 0.125rem;border:var(--border-width-04, 0.25rem) solid var(--stable, #adadad);border-radius:50%}:host .menu .menu-content .step{margin-bottom:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);padding-top:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1);border-radius:0.25rem}:host .menu .menu-content .step.completed{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.rejected{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.active{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-content .step .header .title{-ms-flex:1;flex:1;padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize}:host .menu .menu-content .step .header .detail{opacity:0.8}:host .menu .menu-content .step .comments .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .menu .menu-content .step .substeps-container{margin-top:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}:host .menu .menu-content .step .substeps-container .substep{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .menu .menu-content .step .substeps-container .substep yoo-icon,:host .menu .menu-content .step .substeps-container .substep .dot{margin-right:var(--spacing-08, 0.5rem)}";
 

package/dist/esm/yoo-workflow.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { t as translate } from './index-0ca062eb.js';
+import { t as translate } from './index-5e194889.js';
 import { c as compact } from './lodash-494e728c.js';
 import { W as WorkflowMode } from './workflow.interface-79064a52.js';
-import { b as getAppContext } from './common-helpers-a2613dd7.js';
-import { A as ARROW_PAIR } from './index-a5414a59.js';
-import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-823cd4f6.js';
+import { b as getAppContext } from './common-helpers-98c37d9c.js';
+import { A as ARROW_PAIR } from './index-19465d67.js';
+import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-1a47ff4f.js';
 import { f as fieldStateOptions } from './index-a7443ef7.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
+import './index-e36bdc70.js';
 import './annotations-helpers-06bdd868.js';
 
 const workflowCss = ":host{width:100%}:host .workflow-container{position:relative;width:100%;height:100%}:host .workflow-container.form-mode{height:100%}:host .workflow-container .header-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .workflow-container .header-container yoo-tabs{background:var(--light, #ffffff)}:host .workflow-container .header-container yoo-form-toggle{position:absolute;top:0.5rem;right:1rem;bottom:auto;left:auto}:host .workflow-container .steps-outer-container{position:relative;width:100%;height:100%;overflow:hidden}:host .workflow-container .steps-outer-container .zoom-controller{position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:var(--spacing-64, 4rem);left:auto;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background:var(--dark, #000000)}:host .workflow-container .steps-outer-container .zoom-controller .zoom-out,:host .workflow-container .steps-outer-container .zoom-controller .zoom-in{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:2rem;cursor:pointer}:host .workflow-container .steps-outer-container .zoom-controller.reset{position:absolute;top:auto;right:9rem;bottom:var(--spacing-64, 4rem);left:auto;padding:0 var(--spacing-08, 0.5rem);cursor:pointer}:host .workflow-container .steps-outer-container .steps-container{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-16, 1rem);overflow:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu{width:inherit;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.align-center{text-align:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.margin-top{margin-top:var(--spacing-16, 1rem)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .start-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .completed-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .form-container{display:-ms-flexbox;display:flex;height:calc(100% - 3rem)}:host .workflow-container .form-container .left-panel{width:20.5rem;min-width:20.5rem;height:100%;overflow:hidden;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .workflow-container .form-container .right-panel{width:100%;min-width:25rem;padding:var(--spacing-16, 1rem);overflow:hidden}:host .workflow-container .form-container .right-panel yoo-accordion{--accordion-background:transparent}:host .workflow-container .form-container .right-panel .block-container{width:100%;margin:var(--spacing-08, 0.5rem) 0}:host .workflow-container .form-container .right-panel .default-visibility-selection{z-index:1;display:-ms-flexbox;display:flex;white-space:nowrap;position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:auto;left:auto}:host .workflow-container .form-container .right-panel .default-visibility-selection yoo-form-autocomplete{padding-left:var(--spacing-16, 1rem)}:host .empty-state-with-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}:host .empty-state-with-text h2{margin-top:unset;margin-bottom:unset}:host .empty-state-with-text div{color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);opacity:0.7;max-width:25rem;padding:var(--spacing-08, 0.5rem);text-align:center}:host .empty-state-with-text yoo-button{width:20rem;padding:var(--spacing-16, 1rem)}:host .empty-state-with-text yoo-empty-state{height:25rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-32, 2rem)}";

package/dist/esm/yoo-zebra.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent } from './index-019c1b1a.js';
-import { c2 as cordova, ce as cordovaPropertyGet, cf as cordovaPropertySet, c3 as IonicNativePlugin, cW as isZebraScanner } from './index-0ca062eb.js';
+import { c2 as cordova, ce as cordovaPropertyGet, cf as cordovaPropertySet, c3 as IonicNativePlugin, cW as isZebraScanner } from './index-5e194889.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
+import './index-e36bdc70.js';
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {

package/dist/esm/yoo-zoom.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { o as isWeb, ch as isIonic, aK as gsapTo, fw as isElementClicked } from './index-0ca062eb.js';
+import { o as isWeb, ch as isIonic, aK as gsapTo, fw as isElementClicked } from './index-5e194889.js';
 import { z as cloneDeep, U as clamp } from './lodash-494e728c.js';
 import { a as isElementInsideContainer } from './annotations-helpers-06bdd868.js';
 import { H as Hammer } from './hammer-helpers-0b560cb3.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
+import './index-e36bdc70.js';
 
 const zoomCss = ":host{overflow:hidden}:host([disabled]){cursor:default}:host([disabled]) ::slotted(*){-ms-touch-action:auto !important;touch-action:auto !important}";
 

package/dist/types/components/2.molecules/{segment/segment.d.ts → segmented-control/segmented-control.d.ts}

@@ -1,17 +1,23 @@
 /// <reference types="react" />
 import { ISegmentValues, TSize } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
-export declare class YooSegmentComponent implements ComponentInterface {
+export declare class YooSegmentedControlComponent implements ComponentInterface {
   values: ISegmentValues[];
   readonly?: boolean;
   size: TSize;
   initialIndex: number;
   maxWidth?: number;
+  animated: boolean;
   segmentSelected: EventEmitter<number>;
   selectedIndex: number;
   onIndexUpdated(): void;
+  host: HTMLElement;
   hasIcon(index: number): boolean;
-  onSegmentClick(index: number): void;
+  private activeElement;
+  private activeBackgroundEl;
+  componentDidLoad(): void;
+  moveActiveBackground(): void;
+  onSegmentClick(ev: MouseEvent, index: number): void;
   renderSegments(): JSX.Element[];
   renderSegment(value: ISegmentValues, index: number): JSX.Element;
   render(): JSX.Element;

package/dist/types/components.d.ts

@@ -6285,7 +6285,8 @@ export namespace Components {
         "toggleSelectAll": () => Promise<void>;
         "unselectAll": () => Promise<void>;
     }
-    interface YooSegment {
+    interface YooSegmentedControl {
+        "animated": boolean;
         "initialIndex": number;
         "maxWidth"?: number;
         "readonly"?: boolean;
@@ -9138,11 +9139,11 @@ declare global {
         prototype: HTMLYooSectionListElement;
         new (): HTMLYooSectionListElement;
     };
-    interface HTMLYooSegmentElement extends Components.YooSegment, HTMLStencilElement {
+    interface HTMLYooSegmentedControlElement extends Components.YooSegmentedControl, HTMLStencilElement {
     }
-    var HTMLYooSegmentElement: {
-        prototype: HTMLYooSegmentElement;
-        new (): HTMLYooSegmentElement;
+    var HTMLYooSegmentedControlElement: {
+        prototype: HTMLYooSegmentedControlElement;
+        new (): HTMLYooSegmentedControlElement;
     };
     interface HTMLYooSideMenuElement extends Components.YooSideMenu, HTMLStencilElement {
     }
@@ -9709,7 +9710,7 @@ declare global {
         "yoo-scratch-card-creator": HTMLYooScratchCardCreatorElement;
         "yoo-scroll-to-button": HTMLYooScrollToButtonElement;
         "yoo-section-list": HTMLYooSectionListElement;
-        "yoo-segment": HTMLYooSegmentElement;
+        "yoo-segmented-control": HTMLYooSegmentedControlElement;
         "yoo-side-menu": HTMLYooSideMenuElement;
         "yoo-side-menu-tree": HTMLYooSideMenuTreeElement;
         "yoo-slides-media": HTMLYooSlidesMediaElement;
@@ -17177,7 +17178,8 @@ declare namespace LocalJSX {
          */
         "sections"?: ISectionListSection[];
     }
-    interface YooSegment {
+    interface YooSegmentedControl {
+        "animated"?: boolean;
         "initialIndex"?: number;
         "maxWidth"?: number;
         "onSegmentSelected"?: (event: CustomEvent<number>) => void;
@@ -18442,7 +18444,7 @@ declare namespace LocalJSX {
         "yoo-scratch-card-creator": YooScratchCardCreator;
         "yoo-scroll-to-button": YooScrollToButton;
         "yoo-section-list": YooSectionList;
-        "yoo-segment": YooSegment;
+        "yoo-segmented-control": YooSegmentedControl;
         "yoo-side-menu": YooSideMenu;
         "yoo-side-menu-tree": YooSideMenuTree;
         "yoo-slides-media": YooSlidesMedia;
@@ -18808,7 +18810,7 @@ declare module "@stencil/core" {
             "yoo-scratch-card-creator": LocalJSX.YooScratchCardCreator & JSXBase.HTMLAttributes<HTMLYooScratchCardCreatorElement>;
             "yoo-scroll-to-button": LocalJSX.YooScrollToButton & JSXBase.HTMLAttributes<HTMLYooScrollToButtonElement>;
             "yoo-section-list": LocalJSX.YooSectionList & JSXBase.HTMLAttributes<HTMLYooSectionListElement>;
-            "yoo-segment": LocalJSX.YooSegment & JSXBase.HTMLAttributes<HTMLYooSegmentElement>;
+            "yoo-segmented-control": LocalJSX.YooSegmentedControl & JSXBase.HTMLAttributes<HTMLYooSegmentedControlElement>;
             "yoo-side-menu": LocalJSX.YooSideMenu & JSXBase.HTMLAttributes<HTMLYooSideMenuElement>;
             "yoo-side-menu-tree": LocalJSX.YooSideMenuTree & JSXBase.HTMLAttributes<HTMLYooSideMenuTreeElement>;
             "yoo-slides-media": LocalJSX.YooSlidesMedia & JSXBase.HTMLAttributes<HTMLYooSlidesMediaElement>;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/page/page.interface.d.ts

@@ -45,4 +45,4 @@ export declare const TOPPAGE_TYPES: readonly ["profile", "scan", "calendar", "se
 export declare type TTopPageType = typeof TOPPAGE_TYPES[number];
 export declare const MODULES: readonly ["@app", "@admin", "@calendar", "@campaign", "@chat", "@document", "@edt", "@feed", "@incentive", "@insight", "@learning", "@menu", "@mission", "@public", "@question", "@waitlist"];
 export declare type TModule = typeof MODULES[number];
-export declare type TCategory = 'LEARN' | 'OPERATE' | 'AICATALOG' | 'INSIGHTS' | 'ENGAGE' | 'MYYOOBIC' | 'HOME2' | 'CALENDAR' | 'COMPONENTS' | 'APPCREATORAPP' | 'CUSTOMCATEGORY' | 'VIRTUALQUEUING';
+export declare type TCategory = 'LEARN' | 'OPERATE' | 'AICATALOG' | 'INSIGHTS' | 'ENGAGE' | 'MYYOOBIC' | 'HOME2' | 'YOOBICCALENDAR' | 'COMPONENTS' | 'APPCREATORAPP' | 'CUSTOMCATEGORY' | 'VIRTUALQUEUING';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "8.2.0-7",
+  "version": "8.2.0-8",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",

package/dist/cjs/index-42211ff3.js

@@ -1,4 +0,0 @@
-'use strict';
-
-require('./localForage-049a700b.js');
-

package/dist/cjs/yoo-segment.cjs.entry.js

@@ -1,61 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-11911d9b.js');
-require('./lodash-597bda6d.js');
-require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d82a50b9.js');
-
-const segmentCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host .segment-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:var(--spacing-02, 0.125rem) 0}:host .segment-container .segment-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-04, 0.25rem)}:host .segment-container .segment-content h3{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding-left:var(--spacing-04, 0.25rem);color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem);text-align:center}:host .segment-container .separator{height:60%;border-left:solid var(--border-width-02, 0.125rem) var(--dark-10, rgba(0, 0, 0, 0.1));visibility:visible}:host .segment-container .separator.active{visibility:hidden}:host .segment-container:first-of-type{margin-left:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type{margin-right:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type .separator{display:none}:host .segment-container.active{background:var(--app-color, #5a30f4);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .segment-container.active h3{color:var(--light, #ffffff)}:host .segment-container:not(.active){cursor:pointer}:host .segment-container ::slotted(*){position:absolute}:host([size=small]){height:1.75rem}:host([size=medium]),:host([size=large]){height:2rem}:host([size=medium]) yoo-icon+yoo-truncated-line,:host([size=small]) yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-04, 0.25rem)))}:host([size=large]) .segment-container h3{font-size:var(--font-size-14, 0.875rem)}:host([size=large]) .segment-container yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-04, 0.25rem)))}";
-
-const YooSegmentComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.segmentSelected = index.createEvent(this, "segmentSelected", 7);
-    this.values = [];
-    this.size = 'medium';
-    this.initialIndex = 0;
-    this.selectedIndex = this.initialIndex;
-  }
-  onIndexUpdated() {
-    this.selectedIndex = this.initialIndex;
-  }
-  hasIcon(index) {
-    var _a, _b;
-    return ((_b = (_a = this.values[index]) === null || _a === void 0 ? void 0 : _a.icon) === null || _b === void 0 ? void 0 : _b.length) > 0;
-  }
-  onSegmentClick(index) {
-    if (!this.readonly) {
-      this.selectedIndex = index;
-      this.segmentSelected.emit(index);
-    }
-  }
-  renderSegments() {
-    var _a;
-    return (_a = this.values) === null || _a === void 0 ? void 0 : _a.map((value, index$1) => {
-      if (value) {
-        return (index.h("div", { class: {
-            'segment-container': true,
-            active: this.selectedIndex === index$1
-          }, onClick: () => this.onSegmentClick(index$1), style: { width: `${100 / (this.values.length || 1)}%` } }, this.renderSegment(value, index$1), index.h("slot", { name: value.id }), index.h("div", { class: {
-            separator: true,
-            active: this.selectedIndex === index$1 || this.selectedIndex - 1 === index$1
-          } })));
-      }
-    });
-  }
-  renderSegment(value, index$2) {
-    return (index.h("div", { class: "segment-content" }, value.icon && index.h("yoo-icon", { size: this.size === 'large' ? 'medium' : this.size === 'medium' ? 'small' : this.size, name: value.icon, color: index$2 === this.selectedIndex ? 'light' : 'stable' }), value.label && index.h("yoo-truncated-line", null, index.h("h3", null, index$1.translate(value.label)))));
-  }
-  render() {
-    return index.h(index.Host, { style: { maxWidth: this.maxWidth ? this.maxWidth + 'px' : null } }, this.renderSegments());
-  }
-  static get watchers() { return {
-    "initialIndex": ["onIndexUpdated"]
-  }; }
-};
-YooSegmentComponent.style = segmentCss;
-
-exports.yoo_segment = YooSegmentComponent;

package/dist/collection/components/2.molecules/segment/data/data.js

@@ -1,18 +0,0 @@
-export const values = [
-  {
-    label: 'First',
-    icon: 'emoji'
-  },
-  {
-    label: 'Second',
-    icon: 'feed'
-  },
-  {
-    label: 'Third',
-    icon: 'apple-pay'
-  },
-  {
-    label: 'Fourth',
-    icon: 'analysis'
-  }
-];

package/dist/design-system/index-df177d50.js

@@ -1 +0,0 @@
-import './localForage-d380835e.js';

package/dist/design-system/swiper-d9d8399b.js

@@ -1,11 +0,0 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-5a6b884b.js';
-export { S as Swiper } from './yoo-ion-slides-5a6b884b.js';
-import './index-019c1b1a.js';
-import './index-0ca062eb.js';
-import './lodash-494e728c.js';
-import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
-import './common-helpers-a2613dd7.js';
-import './theme-816d1799.js';
-
-Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/design-system/yoo-segment.entry.js

@@ -1,57 +0,0 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { t as translate } from './index-0ca062eb.js';
-import './lodash-494e728c.js';
-import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
-
-const segmentCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host .segment-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:var(--spacing-02, 0.125rem) 0}:host .segment-container .segment-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-04, 0.25rem)}:host .segment-container .segment-content h3{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding-left:var(--spacing-04, 0.25rem);color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem);text-align:center}:host .segment-container .separator{height:60%;border-left:solid var(--border-width-02, 0.125rem) var(--dark-10, rgba(0, 0, 0, 0.1));visibility:visible}:host .segment-container .separator.active{visibility:hidden}:host .segment-container:first-of-type{margin-left:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type{margin-right:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type .separator{display:none}:host .segment-container.active{background:var(--app-color, #5a30f4);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .segment-container.active h3{color:var(--light, #ffffff)}:host .segment-container:not(.active){cursor:pointer}:host .segment-container ::slotted(*){position:absolute}:host([size=small]){height:1.75rem}:host([size=medium]),:host([size=large]){height:2rem}:host([size=medium]) yoo-icon+yoo-truncated-line,:host([size=small]) yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-04, 0.25rem)))}:host([size=large]) .segment-container h3{font-size:var(--font-size-14, 0.875rem)}:host([size=large]) .segment-container yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-04, 0.25rem)))}";
-
-const YooSegmentComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.segmentSelected = createEvent(this, "segmentSelected", 7);
-    this.values = [];
-    this.size = 'medium';
-    this.initialIndex = 0;
-    this.selectedIndex = this.initialIndex;
-  }
-  onIndexUpdated() {
-    this.selectedIndex = this.initialIndex;
-  }
-  hasIcon(index) {
-    var _a, _b;
-    return ((_b = (_a = this.values[index]) === null || _a === void 0 ? void 0 : _a.icon) === null || _b === void 0 ? void 0 : _b.length) > 0;
-  }
-  onSegmentClick(index) {
-    if (!this.readonly) {
-      this.selectedIndex = index;
-      this.segmentSelected.emit(index);
-    }
-  }
-  renderSegments() {
-    var _a;
-    return (_a = this.values) === null || _a === void 0 ? void 0 : _a.map((value, index) => {
-      if (value) {
-        return (h("div", { class: {
-            'segment-container': true,
-            active: this.selectedIndex === index
-          }, onClick: () => this.onSegmentClick(index), style: { width: `${100 / (this.values.length || 1)}%` } }, this.renderSegment(value, index), h("slot", { name: value.id }), h("div", { class: {
-            separator: true,
-            active: this.selectedIndex === index || this.selectedIndex - 1 === index
-          } })));
-      }
-    });
-  }
-  renderSegment(value, index) {
-    return (h("div", { class: "segment-content" }, value.icon && h("yoo-icon", { size: this.size === 'large' ? 'medium' : this.size === 'medium' ? 'small' : this.size, name: value.icon, color: index === this.selectedIndex ? 'light' : 'stable' }), value.label && h("yoo-truncated-line", null, h("h3", null, translate(value.label)))));
-  }
-  render() {
-    return h(Host, { style: { maxWidth: this.maxWidth ? this.maxWidth + 'px' : null } }, this.renderSegments());
-  }
-  static get watchers() { return {
-    "initialIndex": ["onIndexUpdated"]
-  }; }
-};
-YooSegmentComponent.style = segmentCss;
-
-export { YooSegmentComponent as yoo_segment };

package/dist/esm/index-df177d50.js

@@ -1 +0,0 @@
-import './localForage-d380835e.js';

package/dist/esm/swiper-d9d8399b.js

@@ -1,11 +0,0 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-5a6b884b.js';
-export { S as Swiper } from './yoo-ion-slides-5a6b884b.js';
-import './index-019c1b1a.js';
-import './index-0ca062eb.js';
-import './lodash-494e728c.js';
-import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
-import './common-helpers-a2613dd7.js';
-import './theme-816d1799.js';
-
-Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/esm/yoo-segment.entry.js

@@ -1,57 +0,0 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { t as translate } from './index-0ca062eb.js';
-import './lodash-494e728c.js';
-import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
-
-const segmentCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host .segment-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:var(--spacing-02, 0.125rem) 0}:host .segment-container .segment-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-04, 0.25rem)}:host .segment-container .segment-content h3{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding-left:var(--spacing-04, 0.25rem);color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem);text-align:center}:host .segment-container .separator{height:60%;border-left:solid var(--border-width-02, 0.125rem) var(--dark-10, rgba(0, 0, 0, 0.1));visibility:visible}:host .segment-container .separator.active{visibility:hidden}:host .segment-container:first-of-type{margin-left:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type{margin-right:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type .separator{display:none}:host .segment-container.active{background:var(--app-color, #5a30f4);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .segment-container.active h3{color:var(--light, #ffffff)}:host .segment-container:not(.active){cursor:pointer}:host .segment-container ::slotted(*){position:absolute}:host([size=small]){height:1.75rem}:host([size=medium]),:host([size=large]){height:2rem}:host([size=medium]) yoo-icon+yoo-truncated-line,:host([size=small]) yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-04, 0.25rem)))}:host([size=large]) .segment-container h3{font-size:var(--font-size-14, 0.875rem)}:host([size=large]) .segment-container yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-04, 0.25rem)))}";
-
-const YooSegmentComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.segmentSelected = createEvent(this, "segmentSelected", 7);
-    this.values = [];
-    this.size = 'medium';
-    this.initialIndex = 0;
-    this.selectedIndex = this.initialIndex;
-  }
-  onIndexUpdated() {
-    this.selectedIndex = this.initialIndex;
-  }
-  hasIcon(index) {
-    var _a, _b;
-    return ((_b = (_a = this.values[index]) === null || _a === void 0 ? void 0 : _a.icon) === null || _b === void 0 ? void 0 : _b.length) > 0;
-  }
-  onSegmentClick(index) {
-    if (!this.readonly) {
-      this.selectedIndex = index;
-      this.segmentSelected.emit(index);
-    }
-  }
-  renderSegments() {
-    var _a;
-    return (_a = this.values) === null || _a === void 0 ? void 0 : _a.map((value, index) => {
-      if (value) {
-        return (h("div", { class: {
-            'segment-container': true,
-            active: this.selectedIndex === index
-          }, onClick: () => this.onSegmentClick(index), style: { width: `${100 / (this.values.length || 1)}%` } }, this.renderSegment(value, index), h("slot", { name: value.id }), h("div", { class: {
-            separator: true,
-            active: this.selectedIndex === index || this.selectedIndex - 1 === index
-          } })));
-      }
-    });
-  }
-  renderSegment(value, index) {
-    return (h("div", { class: "segment-content" }, value.icon && h("yoo-icon", { size: this.size === 'large' ? 'medium' : this.size === 'medium' ? 'small' : this.size, name: value.icon, color: index === this.selectedIndex ? 'light' : 'stable' }), value.label && h("yoo-truncated-line", null, h("h3", null, translate(value.label)))));
-  }
-  render() {
-    return h(Host, { style: { maxWidth: this.maxWidth ? this.maxWidth + 'px' : null } }, this.renderSegments());
-  }
-  static get watchers() { return {
-    "initialIndex": ["onIndexUpdated"]
-  }; }
-};
-YooSegmentComponent.style = segmentCss;
-
-export { YooSegmentComponent as yoo_segment };

package/dist/types/components/2.molecules/segment/data/data.d.ts

@@ -1,4 +0,0 @@
-export declare const values: {
-  label: string;
-  icon: string;
-}[];