@shtabapp/ui-kit 1.30.0 → 1.32.0

package/dist/utils/chart/chart.types.d.ts

@@ -3,6 +3,10 @@ export type TChartSlice = {
     value: number;
     fillColor?: string;
 };
+export type TChartProgressSnapshot = {
+    date: string;
+    progress: number;
+};
 export type TChartPoint = {
     label: string;
     value: number;

package/dist/utils/chart/chart.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.types.d.ts","sourceRoot":"","sources":["../../../src/utils/chart/chart.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}
+{"version":3,"file":"chart.types.d.ts","sourceRoot":"","sources":["../../../src/utils/chart/chart.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}

package/dist/utils/chart/chartJsAugmentation.d.ts

@@ -3,6 +3,7 @@ declare module 'chart.js' {
     interface TooltipPositionerMap {
         stackedAreaTop: TooltipPositionerFunction<'line'>;
         stackedBarTop: TooltipPositionerFunction<'bar'>;
+        progressChartPoint: TooltipPositionerFunction<'line'>;
     }
 }
 export {};

package/dist/utils/chart/chartJsAugmentation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartJsAugmentation.d.ts","sourceRoot":"","sources":["../../../src/utils/chart/chartJsAugmentation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAEzD,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,oBAAoB;QAC5B,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;QACjD,aAAa,EAAE,yBAAyB,CAAC,KAAK,CAAC,CAAA;KAChD;CACF;AAED,OAAO,EAAE,CAAA"}
+{"version":3,"file":"chartJsAugmentation.d.ts","sourceRoot":"","sources":["../../../src/utils/chart/chartJsAugmentation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAEzD,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,oBAAoB;QAC5B,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;QACjD,aAAa,EAAE,yBAAyB,CAAC,KAAK,CAAC,CAAA;QAC/C,kBAAkB,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;KACtD;CACF;AAED,OAAO,EAAE,CAAA"}

package/dist/utils/chart/core/chartCssVariables.d.ts

@@ -63,6 +63,8 @@ export declare const CHART_CSS_VARIABLES: {
     readonly barHorizontalSkeletonFill: "--s-ui-chart-bar-horizontal-skeleton-fill";
     readonly barHorizontalCategoryLabel: "--s-ui-chart-bar-horizontal-category-label";
     readonly barHorizontalCategoryLabelSkeleton: "--s-ui-chart-bar-horizontal-category-label-skeleton";
+    readonly progressLine: "--s-ui-chart-progress-line";
+    readonly referenceFill: "--s-ui-chart-reference-fill";
 };
 export declare const STACKED_SERIES_PALETTE_CSS_VARIABLES: readonly ["--s-ui-chart-stacked-palette-1", "--s-ui-chart-stacked-palette-2", "--s-ui-chart-stacked-palette-3", "--s-ui-chart-stacked-palette-4", "--s-ui-chart-stacked-palette-5", "--s-ui-chart-stacked-palette-6"];
 export declare const SKELETON_SERIES_PALETTE_CSS_VARIABLES: readonly ["--s-ui-chart-skeleton-palette-1", "--s-ui-chart-skeleton-palette-2", "--s-ui-chart-skeleton-palette-3", "--s-ui-chart-skeleton-palette-4", "--s-ui-chart-skeleton-palette-5", "--s-ui-chart-skeleton-palette-6"];

package/dist/utils/chart/core/chartCssVariables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartCssVariables.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/chartCssVariables.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEtB,CAAA;AAEV,eAAO,MAAM,oCAAoC,uNAOvC,CAAA;AAEV,eAAO,MAAM,qCAAqC,6NAOxC,CAAA;AAEV,eAAO,MAAM,wCAAwC,+OAO3C,CAAA;AAEV,eAAO,MAAM,yCAAyC,qPAO5C,CAAA;AAEV,eAAO,MAAM,+BAA+B,2PASlC,CAAA;AAEV,eAAO,MAAM,wCAAwC,mUAS3C,CAAA"}
+{"version":3,"file":"chartCssVariables.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/chartCssVariables.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEtB,CAAA;AAEV,eAAO,MAAM,oCAAoC,uNAOvC,CAAA;AAEV,eAAO,MAAM,qCAAqC,6NAOxC,CAAA;AAEV,eAAO,MAAM,wCAAwC,+OAO3C,CAAA;AAEV,eAAO,MAAM,yCAAyC,qPAO5C,CAAA;AAEV,eAAO,MAAM,+BAA+B,2PASlC,CAAA;AAEV,eAAO,MAAM,wCAAwC,mUAS3C,CAAA"}

package/dist/utils/chart/core/chartSkeletonConfig.d.ts

@@ -1,7 +1,8 @@
-import type { InteractionMode } from 'chart.js';
+import type { InteractionAxis, InteractionMode } from 'chart.js';
 export interface IChartInteractionOptions {
     mode: InteractionMode;
     intersect: boolean;
+    axis?: InteractionAxis;
 }
 export declare const createChartSkeletonInteraction: (skeleton: boolean, loadedInteraction: IChartInteractionOptions) => IChartInteractionOptions;
 export declare const createChartSkeletonTooltipEnabled: (skeleton: boolean) => boolean;

package/dist/utils/chart/core/chartSkeletonConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartSkeletonConfig.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/chartSkeletonConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,8BAA8B,GACzC,UAAU,OAAO,EACjB,mBAAmB,wBAAwB,KAC1C,wBASF,CAAA;AAED,eAAO,MAAM,iCAAiC,GAAI,UAAU,OAAO,YAAc,CAAA;AAEjF,eAAO,MAAM,2BAA2B,GAAI,OAAO,EACjD,UAAU,OAAO,EACjB,SAAS,OAAO,EAAE,KACjB,OAAO,EAMT,CAAA"}
+{"version":3,"file":"chartSkeletonConfig.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/chartSkeletonConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAEhE,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB;AAED,eAAO,MAAM,8BAA8B,GACzC,UAAU,OAAO,EACjB,mBAAmB,wBAAwB,KAC1C,wBASF,CAAA;AAED,eAAO,MAAM,iCAAiC,GAAI,UAAU,OAAO,YAAc,CAAA;AAEjF,eAAO,MAAM,2BAA2B,GAAI,OAAO,EACjD,UAAU,OAAO,EACjB,SAAS,OAAO,EAAE,KACjB,OAAO,EAMT,CAAA"}

package/dist/utils/chart/core/registerChartJs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registerChartJs.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/registerChartJs.ts"],"names":[],"mappings":"AAgBA,OAAO,wBAAwB,CAAA;AAyB/B,eAAO,MAAM,uBAAuB,YAqBnC,CAAA"}
+{"version":3,"file":"registerChartJs.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/registerChartJs.ts"],"names":[],"mappings":"AAgBA,OAAO,wBAAwB,CAAA;AAoC/B,eAAO,MAAM,uBAAuB,YAsBnC,CAAA"}

package/dist/utils/chart/progress/createProgressChartTooltipPositioner.d.ts

@@ -0,0 +1,4 @@
+import type { TooltipPositionerFunction } from 'chart.js';
+export declare const PROGRESS_CHART_TOOLTIP_POSITIONER = "progressChartPoint";
+export declare const progressChartPointTooltipPositioner: TooltipPositionerFunction<'line'>;
+//# sourceMappingURL=createProgressChartTooltipPositioner.d.ts.map

package/dist/utils/chart/progress/createProgressChartTooltipPositioner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createProgressChartTooltipPositioner.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/progress/createProgressChartTooltipPositioner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAEhE,eAAO,MAAM,iCAAiC,uBAAuB,CAAA;AAarE,eAAO,MAAM,mCAAmC,EAAE,yBAAyB,CAAC,MAAM,CA2B/E,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.30.0",
+  "version": "1.32.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",
@@ -163,6 +163,11 @@
       "import": "./dist/entries/chart-line.js",
       "require": "./dist/entries/chart-line.cjs"
     },
+    "./chart-progress": {
+      "types": "./dist/entries/chart-progress.d.ts",
+      "import": "./dist/entries/chart-progress.js",
+      "require": "./dist/entries/chart-progress.cjs"
+    },
     "./chart-stacked-area": {
       "types": "./dist/entries/chart-stacked-area.d.ts",
       "import": "./dist/entries/chart-stacked-area.js",
@@ -188,6 +193,11 @@
       "import": "./dist/entries/dropdown.js",
       "require": "./dist/entries/dropdown.cjs"
     },
+    "./dropdown-menu": {
+      "types": "./dist/entries/dropdown-menu.d.ts",
+      "import": "./dist/entries/dropdown-menu.js",
+      "require": "./dist/entries/dropdown-menu.cjs"
+    },
     "./icon": {
       "types": "./dist/entries/icon.d.ts",
       "import": "./dist/entries/icon.js",
@@ -208,6 +218,11 @@
       "import": "./dist/entries/skeleton.js",
       "require": "./dist/entries/skeleton.cjs"
     },
+    "./separator": {
+      "types": "./dist/entries/separator.d.ts",
+      "import": "./dist/entries/separator.js",
+      "require": "./dist/entries/separator.cjs"
+    },
     "./tokens": {
       "types": "./dist/entries/tokens.d.ts",
       "import": "./dist/entries/tokens.js",
@@ -218,8 +233,8 @@
   },
   "dependencies": {
     "chart.js": "^4.5.0",
-    "@shtabapp/ui-kit-primitives": "^1.15.0",
-    "@shtabapp/ui-kit-tokens": "^1.15.0"
+    "@shtabapp/ui-kit-primitives": "^1.16.0",
+    "@shtabapp/ui-kit-tokens": "^1.16.0"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^10.4.1",

package/dist/SChartSkeletonHost-CixHLD65.cjs

@@ -1 +0,0 @@
-let e=require("vue"),t=require("@shtabapp/ui-kit-primitives"),n=require("@vueuse/core"),r=require("chart.js");var i=(e,t)=>{if(typeof window>`u`)return``;let n=t??document.documentElement;return getComputedStyle(n).getPropertyValue(e).trim()},a={axisLabel:`--s-ui-chart-axis-label`,grid:`--s-ui-chart-grid`,crosshair:`--s-ui-chart-crosshair`,legendLabel:`--s-ui-chart-legend-label`,seriesPrimary:`--s-ui-chart-series-primary`,seriesFillStart:`--s-ui-chart-series-fill-start`,seriesFillEnd:`--s-ui-chart-series-fill-end`,seriesFillOpacity:`--s-ui-chart-series-fill-opacity`,skeletonSeries:`--s-ui-chart-skeleton-series`,skeletonPalette1:`--s-ui-chart-skeleton-palette-1`,skeletonPalette2:`--s-ui-chart-skeleton-palette-2`,skeletonPalette3:`--s-ui-chart-skeleton-palette-3`,skeletonPalette4:`--s-ui-chart-skeleton-palette-4`,skeletonPalette5:`--s-ui-chart-skeleton-palette-5`,skeletonPalette6:`--s-ui-chart-skeleton-palette-6`,skeletonFillStart:`--s-ui-chart-skeleton-fill-start`,skeletonFillEnd:`--s-ui-chart-skeleton-fill-end`,skeletonFillOpacity:`--s-ui-chart-skeleton-fill-opacity`,tooltipBackground:`--s-ui-chart-tooltip-background`,tooltipText:`--s-ui-chart-tooltip-text`,stackedPalette1:`--s-ui-chart-stacked-palette-1`,stackedPalette2:`--s-ui-chart-stacked-palette-2`,stackedPalette3:`--s-ui-chart-stacked-palette-3`,stackedPalette4:`--s-ui-chart-stacked-palette-4`,stackedPalette5:`--s-ui-chart-stacked-palette-5`,stackedPalette6:`--s-ui-chart-stacked-palette-6`,barStackedPalette1:`--s-ui-chart-bar-stacked-palette-1`,barStackedPalette2:`--s-ui-chart-bar-stacked-palette-2`,barStackedPalette3:`--s-ui-chart-bar-stacked-palette-3`,barStackedPalette4:`--s-ui-chart-bar-stacked-palette-4`,barStackedPalette5:`--s-ui-chart-bar-stacked-palette-5`,barStackedPalette6:`--s-ui-chart-bar-stacked-palette-6`,barHoverOutline:`--s-ui-chart-bar-hover-outline`,barSkeletonPalette1:`--s-ui-chart-bar-skeleton-palette-1`,barSkeletonPalette2:`--s-ui-chart-bar-skeleton-palette-2`,barSkeletonPalette3:`--s-ui-chart-bar-skeleton-palette-3`,barSkeletonPalette4:`--s-ui-chart-bar-skeleton-palette-4`,barSkeletonPalette5:`--s-ui-chart-bar-skeleton-palette-5`,barSkeletonPalette6:`--s-ui-chart-bar-skeleton-palette-6`,piePalette1:`--s-ui-chart-pie-palette-1`,piePalette2:`--s-ui-chart-pie-palette-2`,piePalette3:`--s-ui-chart-pie-palette-3`,piePalette4:`--s-ui-chart-pie-palette-4`,piePalette5:`--s-ui-chart-pie-palette-5`,piePalette6:`--s-ui-chart-pie-palette-6`,piePalette7:`--s-ui-chart-pie-palette-7`,piePalette8:`--s-ui-chart-pie-palette-8`,pieSegmentBorder:`--s-ui-chart-pie-segment-border`,pieBadgeBackground:`--s-ui-chart-pie-badge-background`,pieBadgeBorder:`--s-ui-chart-pie-badge-border`,pieBadgeText:`--s-ui-chart-pie-badge-text`,pieHoverShadow:`--s-ui-chart-pie-hover-shadow`,pieSkeletonPalette1:`--s-ui-chart-pie-skeleton-palette-1`,pieSkeletonPalette2:`--s-ui-chart-pie-skeleton-palette-2`,pieSkeletonPalette3:`--s-ui-chart-pie-skeleton-palette-3`,pieSkeletonPalette4:`--s-ui-chart-pie-skeleton-palette-4`,pieSkeletonPalette5:`--s-ui-chart-pie-skeleton-palette-5`,pieSkeletonPalette6:`--s-ui-chart-pie-skeleton-palette-6`,pieSkeletonPalette7:`--s-ui-chart-pie-skeleton-palette-7`,pieSkeletonPalette8:`--s-ui-chart-pie-skeleton-palette-8`,barHorizontalFillDefault:`--s-ui-chart-bar-horizontal-fill-default`,barHorizontalSkeletonFill:`--s-ui-chart-bar-horizontal-skeleton-fill`,barHorizontalCategoryLabel:`--s-ui-chart-bar-horizontal-category-label`,barHorizontalCategoryLabelSkeleton:`--s-ui-chart-bar-horizontal-category-label-skeleton`},o=[a.stackedPalette1,a.stackedPalette2,a.stackedPalette3,a.stackedPalette4,a.stackedPalette5,a.stackedPalette6],s=[a.skeletonPalette1,a.skeletonPalette2,a.skeletonPalette3,a.skeletonPalette4,a.skeletonPalette5,a.skeletonPalette6],c=[a.barStackedPalette1,a.barStackedPalette2,a.barStackedPalette3,a.barStackedPalette4,a.barStackedPalette5,a.barStackedPalette6],l=[a.barSkeletonPalette1,a.barSkeletonPalette2,a.barSkeletonPalette3,a.barSkeletonPalette4,a.barSkeletonPalette5,a.barSkeletonPalette6],u=[a.piePalette1,a.piePalette2,a.piePalette3,a.piePalette4,a.piePalette5,a.piePalette6,a.piePalette7,a.piePalette8],d=[a.pieSkeletonPalette1,a.pieSkeletonPalette2,a.pieSkeletonPalette3,a.pieSkeletonPalette4,a.pieSkeletonPalette5,a.pieSkeletonPalette6,a.pieSkeletonPalette7,a.pieSkeletonPalette8],f=e=>`captions`in e,p=(e,t)=>{let n=e.data.datasets[0];if(!n||!f(n))return;let r=n.captions?.[t];if(r)return r},m=()=>({title:e=>{let t=e[0];if(!t)return``;let n=p(t.chart,t.dataIndex),r=[`${t.label}`];return n&&r.push(n),r},label:e=>`${e.dataset.label??``} – ${e.parsed.y??0}`}),h=`stackedBarTop`,g=function(e,t){if(e.length===0)return{x:t.x,y:t.y};let n=1/0,r=1/0,i=-1/0;for(let t of e){let{x:e,y:a,width:o}=t.element.getProps([`x`,`y`,`width`]);n=Math.min(n,a),r=Math.min(r,e-o/2),i=Math.max(i,e+o/2)}return{x:(r+i)/2,y:n}},_=({total:e}={})=>({title:e=>{let t=e[0];return t?`${t.label}`:``},label:e=>`${e.dataset.label??``} – ${e.parsed.y??0}`,footer:t=>{let n=t.reduce((e,t)=>e+(t.parsed.y??0),0);return e?`${e} – ${n}`:`${n}`}}),v=`stackedAreaTop`,y=function(e,t){let n=this.chart.chartArea;return!n||e.length===0?{x:t.x,y:t.y}:{x:t.x,y:n.top}},b=!1,x=!1,S=!1,C=()=>{x||=(r.Tooltip.positioners.stackedAreaTop=y,!0)},w=()=>{S||=(r.Tooltip.positioners.stackedBarTop=g,!0)},T=()=>{b||=(r.Chart.register(r.LineController,r.LineElement,r.PointElement,r.BarController,r.BarElement,r.PieController,r.ArcElement,r.LinearScale,r.CategoryScale,r.Tooltip,r.Filler),C(),w(),!0)},E=(e,t)=>e?{mode:`nearest`,intersect:!1}:t,D=e=>!e,O=(e,t)=>e?[]:t,k=({canvasRef:t,config:i,enabled:a})=>{let o=(0,e.shallowRef)(),s=()=>{o.value&&=(o.value.destroy(),void 0)},c=()=>{if(!(0,e.toValue)(a)){s();return}let n=(0,e.toValue)(t),c=(0,e.toValue)(i);if(!n||!c){s();return}T(),o.value&&=(o.value.destroy(),void 0),o.value=new r.Chart(n,c)};return(0,e.onMounted)(()=>{c()}),(0,e.watch)(()=>[(0,e.toValue)(a),(0,e.toValue)(t),(0,e.toValue)(i)],()=>{c()},{deep:!0}),(0,n.useResizeObserver)(t,()=>{o.value?.resize()}),(0,e.onBeforeUnmount)(()=>{s()}),{chartInstance:o}},A=function(e){return e.CARTESIAN=`cartesian`,e.PIE=`pie`,e}({}),j=(0,e.defineComponent)({__name:`SChartSkeletonHost`,props:{loading:{type:Boolean,default:!1},type:{default:()=>A.CARTESIAN}},setup(n){let r=(0,e.computed)(()=>n.type===A.PIE?t.ESSkeletonType.CHART_PIE:t.ESSkeletonType.CHART_CARTESIAN);return(i,a)=>n.loading?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SSkeleton),{key:0,type:r.value,class:`s-ui-chart-skeleton-host`},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,`default`)]),_:3},8,[`type`])):(0,e.renderSlot)(i.$slots,`default`,{key:1})}});Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return i}});

package/dist/SSelect-CTxBjl2J.cjs

@@ -1 +0,0 @@
-const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./SInput-DYS84eMS.cjs"),i=require("./SDropdown-B6b7IDjp.cjs"),a=require("./SList-CU2Sy9Md.cjs"),o=require("./SListItem-BDkldLVt.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:o,isOptionSelected:s})=>{let c=e.item;return{rowKey:e.key,title:a.i(c,t),subtitle:a.i(c,n),disabled:a.n(c,r),iconLeft:a.r(c,i),selected:s,active:o===e.key,revealRight:e.revealRight,tiny:!0}},u=e=>typeof e==`string`||typeof e==`number`,d=(e,t)=>{let n=e[t];if(u(n))return n},f=e=>typeof e==`string`?e:String(e),p=e=>e==null?!1:typeof e==`string`?e.length>0:!0,m=(e,t,n)=>t.find(t=>f(d(t,n)??``)===e),h=e=>typeof e==`object`&&!!e,g=(e,t,n)=>{let r=m(e,t,n);if(r)return d(r,n)},_=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),v=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=f(d(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},y=(e,t,n,r)=>{let i=r??((e,t)=>v(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},b=e=>typeof e==`string`&&p(e),x=e=>typeof e==`number`&&p(e),S=(e,t,n)=>{if(t){if(!h(e))return;let t=d(e,n);return b(t)||x(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(b(r)||x(r))return r},C=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=S(e,t,n);return p(r)?[r]:[]}):[],w=(e,t)=>{if(b(t)){e.value=t;return}if(x(t)){e.value=t;return}e.value=void 0},T=(e,t,n)=>t.flatMap(t=>{let r=f(t),i=e.find(e=>f(d(e,n)??``)===r);return i?[i]:[]}),E=({modelValue:e,options:t,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:h})=>{let v=(0,s.computed)(()=>(0,s.toValue)(i)),b=(0,s.computed)(()=>(0,s.toValue)(o)),x=(0,s.computed)(()=>(0,s.toValue)(c)===_.INPUT),S=(0,s.computed)(()=>(0,s.toValue)(c)===_.CONTENT),E=(0,s.computed)(()=>!!(0,s.toValue)(c)),D=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return C(e.value,b.value,t.itemValue)}),O=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return y(e,E.value?h.value:``,n,(0,s.toValue)(l))}),k=(0,s.computed)(()=>v.value?n.n.MULTIPLE:n.n.SINGLE),A=(t,n,r)=>{if(b.value){e.value=T(n,t,r);return}e.value=t},ee=(t,n,r)=>{if(!t){e.value=void 0;return}if(b.value){e.value=m(t,n,r)??void 0;return}w(e,g(t,n,r))},te=(0,s.computed)({get:()=>{if(v.value)return D.value.map(e=>f(e));let e=D.value[0];if(p(e))return f(e)},set:e=>{let n=(0,s.toValue)(t),i=(0,s.toValue)(r);if(v.value){A((Array.isArray(e)?e:[]).map(e=>g(e,n,i.itemValue)).filter(e=>p(e)),n,i.itemValue);return}ee(typeof e==`string`?e:void 0,n,i.itemValue)}}),ne=(0,s.computed)(()=>D.value.length>0),j=(e,t,n)=>{let r=f(t);return e.find(e=>f(d(e,n)??``)===r)},M=(0,s.computed)(()=>{let e=D.value[0];if(!p(e))return``;let n=(0,s.toValue)(r),i=j((0,s.toValue)(t),e,n.itemValue);return i?a.i(i,n.itemTitle)??``:f(e)}),N=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return D.value.map(t=>{let r=j(e,t,n.itemValue);return r?a.i(r,n.itemTitle)??``:f(t)})}),re=(0,s.computed)(()=>N.value.join(`, `)),ie=(0,s.computed)(()=>v.value?D.value.length===0:!M.value),P=(0,s.computed)(()=>x.value&&(u.value||v.value)),F=()=>{h.value=``};return(0,s.watch)(u,e=>{e||F()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{F()}),{searchQuery:h,selectedValues:D,filteredOptions:O,listSelectionMode:k,listSelectedModel:te,hasSelectedValues:ne,singleDisplayLabel:M,multipleDisplayLabels:N,multipleDisplayText:re,showPlaceholder:ie,showInputSearchField:P,isSearchableMode:E,isSearchableInputMode:x,isSearchableContentMode:S,isMultipleMode:v,isReturnObjectMode:b,clearSelection:()=>{e.value=void 0,F()},removeSelectedValue:e=>{let n=f(e);A(D.value.filter(e=>f(e)!==n),(0,s.toValue)(t),(0,s.toValue)(r).itemValue)},resetSearchQuery:F,formatSelectListKey:f,resolveValueFromListKey:e=>g(e,(0,s.toValue)(t),(0,s.toValue)(r).itemValue)}},D={key:0,class:`s-ui-select__panel-search`},O={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},k={key:1,class:`s-ui-select__panel-footer`},A=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],ee={key:0,class:`s-ui-select__value`},te={key:1,class:`s-ui-select__placeholder`},ne={key:1,class:`s-ui-select__placeholder`},j={key:2,class:`s-ui-select__value`},M={key:3,class:`s-ui-select__value-suffix`},N=[`name`,`placeholder`,`disabled`,`readonly`],re=20,ie=20,P=(0,s.defineComponent)({inheritAttrs:!1,__name:`SSelect`,props:(0,s.mergeModels)({options:{},itemValue:{default:`value`},itemTitle:{default:`label`},itemSubtitle:{default:`subtitle`},itemId:{},itemDisabled:{default:`disabled`},itemIconLeft:{default:`iconLeft`},multiple:{type:Boolean,default:!1},returnObject:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},closableOptions:{type:Boolean,default:!1},searchable:{type:[String,Boolean],default:!1},closeOnSelect:{type:Boolean,default:!0},listHeight:{default:320},searchPlaceholder:{default:`Search`},filterOption:{type:Function},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>r.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,s.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`],[`update:modelValue`,`update:searchQuery`]),setup(n,{expose:u,emit:d}){let f=(0,s.useModel)(n,`modelValue`),m=(0,s.useModel)(n,`searchQuery`),h=d,g=(0,s.useSlots)(),_=(0,s.useId)(),v=(0,s.useId)(),y=(0,s.useTemplateRef)(`triggerInputRef`),b=(0,s.ref)(``),x=(0,s.useTemplateRef)(`searchInputElementRef`),S=(0,s.useTemplateRef)(`panelSearchInputElementRef`),C=(0,s.useTemplateRef)(`listElementRef`),w=(0,s.ref)(),T=(0,s.ref)(!1),P=(0,s.ref)(!1),F=(0,s.computed)(()=>n.itemId??n.itemValue),ae=(0,s.computed)(()=>({itemValue:n.itemValue,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemId:F.value})),{selectedValues:I,filteredOptions:L,listSelectionMode:oe,listSelectedModel:R,hasSelectedValues:z,singleDisplayLabel:B,multipleDisplayLabels:se,multipleDisplayText:V,showPlaceholder:H,showInputSearchField:U,isSearchableMode:ce,isSearchableInputMode:W,isSearchableContentMode:G,isMultipleMode:K,clearSelection:le,removeSelectedValue:q,resolveValueFromListKey:ue,formatSelectListKey:J}=E({modelValue:f,options:()=>n.options,itemFields:()=>ae.value,multiple:()=>n.multiple,returnObject:()=>n.returnObject,searchable:()=>n.searchable,filterOption:()=>n.filterOption,isDropdownOpen:T,searchQuery:m}),de=(0,s.computed)(()=>!!g[`value-suffix`]),fe=(0,s.computed)(()=>({disabled:n.disabled,displayLabel:B.value})),Y=(0,s.computed)(()=>L.value.length>ie),pe=(0,s.computed)(()=>G.value||Y.value?n.listHeight:`auto`),me=(0,s.computed)(()=>({"s-ui-select__panel--searchable-content":G.value})),he=(0,s.computed)(()=>{if(!(G.value||Y.value))return n.listHeight}),ge=(0,s.computed)(()=>I.value.map(e=>J(e))),_e=e=>ge.value.includes(e),ve=()=>({tiny:!0}),ye=e=>l({listItemScope:e,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemDisabled:n.itemDisabled,itemIconLeft:n.itemIconLeft,listActiveKey:w.value,isOptionSelected:_e(e.key)}),be=e=>{let t=ue(e);if(p(t)){if(K.value){q(t);return}f.value=void 0}},xe=(0,s.computed)(()=>{if(G.value)return typeof n.listHeight==`number`?{maxHeight:`${n.listHeight}px`}:{maxHeight:n.listHeight}}),Se=(0,s.computed)(()=>n.id??_),Ce=(0,s.computed)(()=>v),we=(0,s.computed)(()=>y.value?.fieldElementRef??null),Te=(0,s.computed)(()=>({labels:se.value,values:I.value,displayText:V.value,disabled:n.disabled||n.readonly,removeValue:q})),Ee=(0,s.computed)(()=>{if(!n.disabled&&(n.readonly&&!W.value||!W.value))return 0}),De=(0,s.computed)(()=>({"s-ui-select--disabled":n.disabled,"s-ui-select--readonly":n.readonly,"s-ui-select--multiple":K.value,"s-ui-select--open":T.value})),Oe=()=>{if(G.value){S.value?.focus();return}x.value?.focus()},ke=async()=>{await(0,s.nextTick)(),S.value?.focus()},Ae=async()=>{await(0,s.nextTick)(),await C.value?.focusNavigation()},X=async()=>{if(!(n.disabled||n.readonly)&&!T.value){if(T.value=!0,h(`open`),G.value){await ke();return}if(W.value){await(0,s.nextTick)(),x.value?.focus();return}await Ae()}},je=async()=>{n.disabled||n.readonly||T.value||await X()};(0,s.watch)(m,async e=>{W.value&&(n.disabled||n.readonly||e&&(T.value||await X()))});let Z=()=>{T.value&&(T.value=!1,w.value=void 0,h(`close`))},Q=()=>{!n.closeOnSelect||K.value||Z()};(0,s.watch)(f,(e,t)=>{!n.closeOnSelect||K.value||!T.value||!e||e===t||Z()});let Me=e=>{T.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Ne=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||T.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(T.value){Z();return}await X()},Pe=async e=>{if(!(n.disabled||n.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){T.value||await X();return}await $()}},Fe=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),T.value||await X(),await Ae(),await C.value?.handleKeyboardNavigation(e),!0),Ie=e=>{let t=ue(e);if(t){if(K.value){I.value.some(t=>J(t)===e)?q(t):R.value=[...I.value.map(e=>J(e)),e];return}R.value=e,Q()}},Le=async e=>{if(!(n.disabled||n.readonly)&&!await Fe(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),T.value&&w.value){Ie(w.value);return}await $()}}},Re=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Fe(e)},ze=Re,Be=e=>{n.disabled||(P.value||h(`focus`,e),P.value=!0)},Ve=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(P.value=!1,h(`blur`,e))},He=()=>{le(),h(`clear`)};return u({open:X,close:Z,toggle:$,focusSearchInput:Oe}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,De.value])},[(0,s.createVNode)((0,s.unref)(i.t),{modelValue:T.value,"onUpdate:modelValue":u[4]||=e=>T.value=e,reference:we.value,disabled:n.disabled,"match-reference-width":!0,"fit-viewport":!0,"content-id":Ce.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-select__panel`,me.value])},[(0,s.unref)(G)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,D,[(0,s.createVNode)((0,s.unref)(r.t),{ref_key:`panelSearchInputElementRef`,ref:S,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:n.searchPlaceholder,disabled:n.disabled,clearable:!1,"icon-left":`search`,onClick:u[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.unref)(ze)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:`s-ui-select__panel-body`,style:(0,s.normalizeStyle)(xe.value),onClick:Me,onKeydown:Ne},[(0,s.unref)(L).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:C,modelValue:w.value,"onUpdate:modelValue":u[2]||=e=>w.value=e,selected:(0,s.unref)(R),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(R)?R.value=e:null,items:(0,s.unref)(L),"item-key":F.value,"title-key":n.itemTitle,"subtitle-key":n.itemSubtitle,"icon-left-key":n.itemIconLeft,"disabled-key":n.itemDisabled,"selection-mode":(0,s.unref)(oe),mandatory:!n.multiple,height:pe.value,"max-height":he.value,virtual:Y.value,"item-props":ve},(0,s.createSlots)({_:2},[(0,s.unref)(g).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:n.closableOptions?{name:`item`,fn:(0,s.withCtx)(n=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(ye(n))),(0,s.createSlots)({_:2},[_e(n.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(0,s.createVNode)((0,s.unref)(t.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,disabled:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>be(n.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`onClick`])]),key:`0`}:void 0]),1040)]),key:`1`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`])):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,O,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[u[8]||=(0,s.createTextVNode)(`No options`,-1)])]))],36),(0,s.unref)(g)[`panel-footer`]?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,k,[(0,s.renderSlot)(l.$slots,`panel-footer`)])):(0,s.createCommentVNode)(``,!0)],2)]),_:3},8,[`modelValue`,`reference`,`disabled`,`content-id`]),(0,s.createVNode)((0,s.unref)(r.t),{ref_key:`triggerInputRef`,ref:y,modelValue:b.value,"onUpdate:modelValue":u[7]||=e=>b.value=e,label:n.label,"label-props":n.labelProps,placeholder:n.placeholder,"help-messages":n.helpMessages,"error-messages":n.errorMessages,bordered:n.bordered,disabled:n.disabled,readonly:n.readonly,clearable:n.clearable,"has-value":(0,s.unref)(z),focused:P.value||T.value,"icon-left":n.iconLeft,customize:n.customize,name:n.name,id:Se.value,onClear:He,onFocus:Be,onBlur:Ve},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:Se.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(K),"s-ui-select__control--empty":(0,s.unref)(K)&&!(0,s.unref)(z)&&!(0,s.unref)(U),"s-ui-select__control--with-value-suffix":de.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)}]),role:`combobox`,"aria-expanded":T.value,"aria-controls":Ce.value,"aria-haspopup":`listbox`,"aria-disabled":n.disabled?!0:void 0,"aria-readonly":n.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(ce)?`list`:void 0,tabindex:Ee.value,onClick:Pe,onKeydown:Le},[(0,s.unref)(K)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},Te.value)),()=>[(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ee,(0,s.toDisplayString)((0,s.unref)(V)),1)):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,te,(0,s.toDisplayString)(n.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ne,(0,s.toDisplayString)(n.placeholder),1)):(0,s.unref)(U)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)((0,s.unref)(B)),1)),de.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,M,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(fe.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(U)?(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:x,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:n.name,placeholder:n.placeholder,disabled:n.disabled,readonly:n.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:je,onKeydown:Re},null,40,N)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,A)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:re,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(g).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(g).prefix?{name:`prefix`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prefix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`1`}:void 0,(0,s.unref)(g).prepend?{name:`prepend`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prepend`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`2`}:void 0,(0,s.unref)(g).message?{name:`message`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`message`)]),key:`3`}:void 0]),1032,[`modelValue`,`label`,`label-props`,`placeholder`,`help-messages`,`error-messages`,`bordered`,`disabled`,`readonly`,`clearable`,`has-value`,`focused`,`icon-left`,`customize`,`name`,`id`])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});