@simpli-route/apollo-ds 0.1.51 → 0.1.53

package/dist/index.cjs82.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),t='after:content-[""] after:absolute after:border-8 after:border-x-transparent',o=`${t} after:left-4 after:top-[100%] after:border-b-transparent`,a=`${t} after:left-1/2 after:top-[100%] after:-translate-x-1/2 after:border-b-transparent`,b=`${t} after:right-4 after:top-[100%] after:border-b-transparent`,l=`${t} after:left-4 after:bottom-[100%] after:border-t-transparent`,n=`${t} after:left-1/2 after:bottom-[100%] after:-translate-x-1/2 after:border-t-transparent`,f=`${t} after:right-4 after:bottom-[100%] after:border-t-transparent`,r='before:content-[""] before:absolute before:top-1/2 before:-translate-y-1/2 before:border-8 before:border-y-transparent',s=`${r} before:right-[100%] before:border-l-transparent`,p=`${r} before:left-[100%] before:border-r-transparent`,d=e.cva("absolute z-20 w-max max-w-[250px] whitespace-normal break-words rounded-lg transition duration-150 ease-in-out shadow-[0px_2px_4px_-2px_#22242A0F,0px_4px_8px_-2px_#22242A1A] py-2 px-3",{variants:{mode:{light:"bg-blue-50 text-neutral-900 after:border-t-blue-50 after:border-b-blue-50 before:border-r-blue-50 before:border-l-blue-50",dark:"bg-blue-900 text-blue-50 after:border-t-blue-900 after:border-b-blue-900 before:border-r-blue-900 before:border-l-blue-900"},hasSupportText:{true:"",false:""},placement:{none:"bottom-full left-1/2 mb-3 -translate-x-1/2","top-start":`bottom-full left-0 mb-3 ${o}`,top:`bottom-full left-1/2 mb-3 -translate-x-1/2 ${a}`,"top-end":`bottom-full right-0 mb-3 ${b}`,right:`left-full top-1/2 ml-3 -translate-y-1/2 ${s}`,"bottom-start":`left-0 top-full mt-3 ${l}`,bottom:`left-1/2 top-full mt-3 -translate-x-1/2 ${n}`,"bottom-end":`right-0 top-full mt-3 ${f}`,left:`right-full top-1/2 mr-3 -translate-y-1/2 ${p}`}},compoundVariants:[{hasSupportText:!0,mode:"dark",class:"text-[16px] text-blue-50 font-semibold leading-5"},{hasSupportText:!0,mode:"light",class:"text-[16px] text-neutral-900 font-semibold leading-5"}]});exports.tooltipVariants=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index.cjs40.js"),q=require("react"),y=require("react-aria"),v=require("./index.cjs41.js"),x=require("./index.cjs84.js"),T=i=>{const{className:r,item:n,orientation:a,state:e,id:c=void 0}=i,{key:s,rendered:o}=n,u=e.selectedKey===s,d=e.disabledKeys.has(s)||(e==null?void 0:e.isDisabled),t=q.useRef(null),{tabProps:l}=y.useTab({key:String(s)},e,t),b=v.cn(x.tabVariants({isActive:u,orientation:a,isDisabledTab:d}),r);return m.jsxRuntimeExports.jsx("div",{...l,ref:t,className:b,id:c,children:o})};exports.Tab=T;

package/dist/index.cjs83.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs40.js"),i=require("./index.cjs41.js"),m=({label:e,description:s,errorMessage:x,isDisabled:n,isInvalid:l,children:r,renderLabelIcon:u})=>!e&&!s&&!r?null:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col",children:[e?t.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-1",children:[t.jsxRuntimeExports.jsx("p",{className:i.cn("text-sm font-semibold",n?"text-neutral-600":"text-neutral-900"),children:e}),u?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:u}):null]}):r,s&&!x&&t.jsxRuntimeExports.jsx("p",{className:i.cn("text-xs",n?"text-neutral-600":"text-neutral-800"),children:s}),l&&x&&t.jsxRuntimeExports.jsx("p",{className:"text-sm text-red-500",children:x})]});exports.ContentSwitch=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs40.js"),l=require("react"),u=require("react-aria"),d=require("./index.cjs41.js"),b=r=>{var t;const{className:n,state:e,...c}=r,s=l.useRef(null),{tabPanelProps:a}=u.useTabPanel(c,e,s),o=d.cn("",n);return i.jsxRuntimeExports.jsx("div",{...a,ref:s,className:o,children:(t=e.selectedItem)==null?void 0:t.props.children})};exports.TabPanel=b;

package/dist/index.cjs84.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs40.js"),s=require("./index.cjs41.js"),a=require("./index.cjs62.js"),c=({isSelected:t,isDisabled:e,isHovered:n,size:i,dimensions:r})=>o.jsxRuntimeExports.jsx("div",{className:s.cn(a.indicatorVariants({isSelected:t,isDisabled:e,size:i,isHoveredWhenOff:n&&!t})),style:{left:t?`${r.onLeft}px`:`${r.offLeft}px`}});exports.SwitchIndicator=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("class-variance-authority"),e=r.cva("flex h-full max-h-12",{variants:{orientation:{horizontal:"flex-col",vertical:"flex-row"}}}),t=r.cva("group inline-flex cursor-pointer items-center px-4 py-3 text-sm font-semibold focus-visible:outline-none",{variants:{isActive:{true:"bg-primary-50 text-primary-500 ",false:"text-primary-300 hover:text-primary-500 hover:border-primary-500"},isDisabledTab:{true:"",false:""},orientation:{horizontal:"border-b-2 border-transparent",vertical:"border-r-2 border-transparent"}},compoundVariants:[{isDisabledTab:!0,orientation:"horizontal",class:"border-b-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"},{isDisabledTab:!0,orientation:"vertical",class:"border-r-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"},{isActive:!0,orientation:"horizontal",class:"border-b-2 border-primary-500"},{isActive:!1,orientation:"horizontal",class:"border-b-2 border-primary-300"},{isActive:!1,orientation:"vertical",class:"border-r-2 border-primary-200"},{isActive:!0,orientation:"vertical",class:"border-r-2 border-primary-500"}]});exports.tabVariants=t;exports.tabsVariants=e;

package/dist/index.cjs9.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs40.js"),J=require("./index.cjs42.js"),S=require("react"),u=require("react-aria-components"),p=require("./index.cjs41.js"),K=require("./index.cjs21.js"),Q=require("./index.cjs64.js"),U=require("./index.cjs48.js"),B=require("./index.cjs49.js"),W=({renderPosition:t,leftIcon:x,rightIcon:s,isLoading:o,loaderPosition:a,loaderProps:l})=>{const c=t==="left"?x:t==="right"?s:null;return c||o&&a===t?e.jsxRuntimeExports.jsx("span",{className:t==="left"?"mr-1":"ml-1",children:o&&a===t?e.jsxRuntimeExports.jsx(K.Loader,{size:"sm",...l}):c}):null},X=({leftIcon:t,size:x="md",isDisabled:s,children:o,className:a,isLoading:l,loaderPosition:c="left",loaderProps:C,unstyled:y=!1,isMobileFullWidth:F=!1,hideBadgeFilterSelected:I=!1,items:n,value:h,onChange:v,enableSearch:N=!1,placeholderSearch:b="Search",classNameSearchField:O,classNameSearchFieldInput:P,classNamePopover:V,"aria-label":R="Filter",classNameBadge:A,placementPopover:$="bottom start",...w})=>{const{contains:z}=u.useFilter({sensitivity:"base"}),[m,f]=S.useState(!1),[M,H]=S.useState([]),q=h!==void 0,d=q?h:M,E=n&&d?d.length:0,j=E>0,T=r=>{const i=r instanceof Set?Array.from(r):r;q||H(i),v&&v(i),f(!1)},k=()=>{n&&f(!m)},g=e.jsxRuntimeExports.jsxs(u.Button,{"data-disabled":s||void 0,"data-loading":l||void 0,isDisabled:s,...n?{}:{"aria-label":R},className:({isHovered:r,isFocusVisible:i})=>p.cn(y?"":B.filterButtonVariants({size:x,isActive:j,isHovered:r,isFocused:i,isPressed:n?m:!1,isDisabled:s}),a),onPress:k,...w,children:[e.jsxRuntimeExports.jsx(W,{renderPosition:"left",loaderPosition:c,loaderProps:C,isLoading:l,leftIcon:t||e.jsxRuntimeExports.jsx(J.OptionsIcon,{className:"size-[18px]"})}),e.jsxRuntimeExports.jsx("span",{className:p.cn("flex h-full items-center overflow-hidden whitespace-nowrap",F?"w-full":""),children:o}),j&&!I&&e.jsxRuntimeExports.jsx("span",{className:p.cn(B.filterButtonBadgeVariants({isActive:j,isHovered:!1,isDisabled:s}),!s&&"group-hover:bg-primary-500 group-hover:text-primary-100",A),children:E})]});if(!n)return g;const G={selectionMode:"multiple",value:d,onChange:T,"aria-label":R};return e.jsxRuntimeExports.jsxs(u.Select,{...G,children:[g,e.jsxRuntimeExports.jsx(u.Popover,{className:p.cn(U.selectInputPopoverVariants(),"min-w-[200px]",V),isOpen:m,placement:$,onOpenChange:f,children:e.jsxRuntimeExports.jsx(Q.PopoverContent,{enableSearch:N,contains:z,classNameSearchField:O,classNameSearchFieldInput:P,placeholderSearch:b,items:n})})]})};exports.FilterButton=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs40.js"),J=require("./index.cjs42.js"),S=require("react"),u=require("react-aria-components"),p=require("./index.cjs41.js"),K=require("./index.cjs21.js"),Q=require("./index.cjs67.js"),U=require("./index.cjs47.js"),B=require("./index.cjs48.js"),W=({renderPosition:t,leftIcon:x,rightIcon:s,isLoading:o,loaderPosition:a,loaderProps:l})=>{const c=t==="left"?x:t==="right"?s:null;return c||o&&a===t?e.jsxRuntimeExports.jsx("span",{className:t==="left"?"mr-1":"ml-1",children:o&&a===t?e.jsxRuntimeExports.jsx(K.Loader,{size:"sm",...l}):c}):null},X=({leftIcon:t,size:x="md",isDisabled:s,children:o,className:a,isLoading:l,loaderPosition:c="left",loaderProps:C,unstyled:y=!1,isMobileFullWidth:F=!1,hideBadgeFilterSelected:I=!1,items:n,value:h,onChange:v,enableSearch:N=!1,placeholderSearch:b="Search",classNameSearchField:O,classNameSearchFieldInput:P,classNamePopover:V,"aria-label":R="Filter",classNameBadge:A,placementPopover:$="bottom start",...w})=>{const{contains:z}=u.useFilter({sensitivity:"base"}),[m,f]=S.useState(!1),[M,H]=S.useState([]),q=h!==void 0,d=q?h:M,E=n&&d?d.length:0,j=E>0,T=r=>{const i=r instanceof Set?Array.from(r):r;q||H(i),v&&v(i),f(!1)},k=()=>{n&&f(!m)},g=e.jsxRuntimeExports.jsxs(u.Button,{"data-disabled":s||void 0,"data-loading":l||void 0,isDisabled:s,...n?{}:{"aria-label":R},className:({isHovered:r,isFocusVisible:i})=>p.cn(y?"":B.filterButtonVariants({size:x,isActive:j,isHovered:r,isFocused:i,isPressed:n?m:!1,isDisabled:s}),a),onPress:k,...w,children:[e.jsxRuntimeExports.jsx(W,{renderPosition:"left",loaderPosition:c,loaderProps:C,isLoading:l,leftIcon:t||e.jsxRuntimeExports.jsx(J.OptionsIcon,{className:"size-[18px]"})}),e.jsxRuntimeExports.jsx("span",{className:p.cn("flex h-full items-center overflow-hidden whitespace-nowrap",F?"w-full":""),children:o}),j&&!I&&e.jsxRuntimeExports.jsx("span",{className:p.cn(B.filterButtonBadgeVariants({isActive:j,isHovered:!1,isDisabled:s}),!s&&"group-hover:bg-primary-500 group-hover:text-primary-100",A),children:E})]});if(!n)return g;const G={selectionMode:"multiple",value:d,onChange:T,"aria-label":R};return e.jsxRuntimeExports.jsxs(u.Select,{...G,children:[g,e.jsxRuntimeExports.jsx(u.Popover,{className:p.cn(U.selectInputPopoverVariants(),"min-w-[200px]",V),isOpen:m,placement:$,onOpenChange:f,children:e.jsxRuntimeExports.jsx(Q.PopoverContent,{enableSearch:N,contains:z,classNameSearchField:O,classNameSearchFieldInput:P,placeholderSearch:b,items:n})})]})};exports.FilterButton=X;

package/dist/index.es.js

@@ -1,25 +1,25 @@
 import { Accordion as e } from "./index.es2.js";
 import { AccordionItem as p } from "./index.es3.js";
-import { Breadcrumbs as x } from "./index.es4.js";
+import { Breadcrumbs as i } from "./index.es4.js";
 import { Button as f } from "./index.es5.js";
 import { Checkbox as n } from "./index.es6.js";
-import { AssistChip as s } from "./index.es7.js";
+import { AssistChip as a } from "./index.es7.js";
 import { ColorPicker as b } from "./index.es8.js";
-import { FilterButton as S } from "./index.es9.js";
-import { FilterChip as T } from "./index.es10.js";
-import { FilterTypeChip as v } from "./index.es11.js";
-import { IconButton as h } from "./index.es12.js";
-import { InvisibleInput as g } from "./index.es13.js";
-import { Label as k } from "./index.es14.js";
+import { FilterButton as I } from "./index.es9.js";
+import { FilterChip as u } from "./index.es10.js";
+import { FilterTypeChip as g } from "./index.es11.js";
+import { IconButton as C } from "./index.es12.js";
+import { InvisibleInput as F } from "./index.es13.js";
+import { Label as P } from "./index.es14.js";
 import { InvisibleDatepicker as A } from "./index.es15.js";
 import { InvisibleSelect as y } from "./index.es16.js";
-import { InvisibleSelectItem as w } from "./index.es17.js";
-import { InvisibleTimeField as O } from "./index.es18.js";
-import { TimePickerPopover as j } from "./index.es19.js";
-import { TimeSegment as z } from "./index.es20.js";
-import { Loader as G } from "./index.es21.js";
-import { LoadingOverlay as J } from "./index.es22.js";
-import { InvisibleNumberField as M } from "./index.es23.js";
+import { InvisibleSelectItem as M } from "./index.es17.js";
+import { InvisibleTimeField as w } from "./index.es18.js";
+import { TimePickerPopover as R } from "./index.es19.js";
+import { TimeSegment as q } from "./index.es20.js";
+import { Loader as E } from "./index.es21.js";
+import { LoadingOverlay as H } from "./index.es22.js";
+import { InvisibleNumberField as K } from "./index.es23.js";
 import { NumberField as U } from "./index.es24.js";
 import { ProgressBar as W } from "./index.es25.js";
 import { RangeCalendar as Y } from "./index.es26.js";
@@ -27,52 +27,57 @@ import { SearchField as _ } from "./index.es27.js";
 import { SelectInput as rr } from "./index.es28.js";
 import { Slider as er } from "./index.es29.js";
 import { StatusChip as pr } from "./index.es30.js";
-import { Stepper as xr } from "./index.es31.js";
+import { Stepper as ir } from "./index.es31.js";
 import { StepperCompleted as fr } from "./index.es32.js";
 import { StepperStep as nr } from "./index.es33.js";
-import { Switch as sr } from "./index.es34.js";
+import { Switch as ar } from "./index.es34.js";
 import { Tabs as br } from "./index.es35.js";
-import { Tooltip as Sr } from "./index.es36.js";
-import { TooltipTrigger as Tr } from "./index.es37.js";
-import { Text as vr } from "./index.es38.js";
-import { Title as hr } from "./index.es39.js";
+import { Tooltip as Ir } from "./index.es36.js";
+import { TooltipTrigger as ur } from "./index.es37.js";
+import { Text as gr } from "./index.es38.js";
+import { Title as Cr } from "./index.es39.js";
+import { DialogTrigger as Fr, Menu as Br, MenuItem as Pr, Popover as kr } from "react-aria-components";
 export {
   e as Accordion,
   p as AccordionItem,
-  s as AssistChip,
-  x as Breadcrumbs,
+  a as AssistChip,
+  i as Breadcrumbs,
   f as Button,
   n as Checkbox,
   b as ColorPicker,
-  S as FilterButton,
-  T as FilterChip,
-  v as FilterTypeChip,
-  h as IconButton,
+  Fr as DialogTrigger,
+  I as FilterButton,
+  u as FilterChip,
+  g as FilterTypeChip,
+  C as IconButton,
   A as InvisibleDatepicker,
-  g as InvisibleInput,
-  M as InvisibleNumberField,
+  F as InvisibleInput,
+  K as InvisibleNumberField,
   y as InvisibleSelect,
-  w as InvisibleSelectItem,
-  O as InvisibleTimeField,
-  k as Label,
-  G as Loader,
-  J as LoadingOverlay,
+  M as InvisibleSelectItem,
+  w as InvisibleTimeField,
+  P as Label,
+  E as Loader,
+  H as LoadingOverlay,
+  Br as Menu,
+  Pr as MenuItem,
   U as NumberField,
+  kr as Popover,
   W as ProgressBar,
   Y as RangeCalendar,
   _ as SearchField,
   rr as SelectInput,
   er as Slider,
   pr as StatusChip,
-  xr as Stepper,
+  ir as Stepper,
   fr as StepperCompleted,
   nr as StepperStep,
-  sr as Switch,
+  ar as Switch,
   br as Tabs,
-  vr as Text,
-  j as TimePickerPopover,
-  z as TimeSegment,
-  hr as Title,
-  Sr as Tooltip,
-  Tr as TooltipTrigger
+  gr as Text,
+  R as TimePickerPopover,
+  q as TimeSegment,
+  Cr as Title,
+  Ir as Tooltip,
+  ur as TooltipTrigger
 };

package/dist/index.es10.js

@@ -3,7 +3,7 @@ import { CheckIcon as h } from "./index.es42.js";
 import { useState as j } from "react";
 import { Button as S } from "react-aria-components";
 import { cn as n } from "./index.es41.js";
-import { filterChipVariants as k } from "./index.es50.js";
+import { filterChipVariants as k } from "./index.es49.js";
 const C = ({
   size: t = "md",
   label: a,

package/dist/index.es106.js

@@ -1,59 +1,6 @@
-import { j as r } from "./index.es40.js";
-import { SliderThumb as m } from "react-aria-components";
-import { cn as i } from "./index.es41.js";
-import { Tooltip as c } from "./index.es36.js";
-import { TooltipTrigger as d } from "./index.es37.js";
-const y = ({
-  index: o,
-  valuePercent: n,
-  value: a,
-  suffix: p,
-  modeTooltip: g,
-  positionTooltip: t,
-  showTypeValue: s,
-  classNameThumb: e,
-  isHiddenValue: l
-}) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: i("absolute", s === "tooltip" && !l ? "top-[-6px]" : "top-1/2"),
-    style: { left: `${n * 100}%`, transform: "translate(-50%, -50%)" },
-    children: s === "tooltip" && !l ? /* @__PURE__ */ r.jsxs(d, { closeDelay: 100, delay: 100, children: [
-      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
-        m,
-        {
-          index: o,
-          className: i(
-            "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-            e
-          )
-        }
-      ) }),
-      /* @__PURE__ */ r.jsxs(
-        c,
-        {
-          mode: g,
-          placement: t,
-          size: "sm",
-          className: i("!text-sm", t === "top" ? "!mb-6" : "!mt-6"),
-          children: [
-            a,
-            p
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ r.jsx(
-      m,
-      {
-        index: o,
-        className: i(
-          "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-          e
-        )
-      }
-    )
-  }
-);
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
 export {
-  y as SliderThumb
+  e as getDefaultExportFromCjs
 };

package/dist/index.es107.js

@@ -1,6 +1,28 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as getDefaultExportFromCjs
-};
+import { __exports as i } from "./index.es108.js";
+import "./index.es113.js";
+import "./index.es114.js";
+import { __exports as l } from "./index.es115.js";
+import { __exports as s } from "./index.es116.js";
+(function(t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), Object.defineProperty(t, "default", {
+    enumerable: !0,
+    get: function() {
+      return f;
+    }
+  });
+  const o = /* @__PURE__ */ r(l), n = /* @__PURE__ */ r(s);
+  function r(e) {
+    return e && e.__esModule ? e : {
+      default: e
+    };
+  }
+  function f(...e) {
+    let [, ...u] = (0, n.default)(e[0]);
+    return (0, o.default)([
+      ...e,
+      ...u
+    ]);
+  }
+})(i);

package/dist/index.es108.js

@@ -1,28 +1,4 @@
-import { __exports as i } from "./index.es109.js";
-import "./index.es113.js";
-import "./index.es114.js";
-import { __exports as l } from "./index.es115.js";
-import { __exports as s } from "./index.es116.js";
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "default", {
-    enumerable: !0,
-    get: function() {
-      return f;
-    }
-  });
-  const o = /* @__PURE__ */ r(l), n = /* @__PURE__ */ r(s);
-  function r(e) {
-    return e && e.__esModule ? e : {
-      default: e
-    };
-  }
-  function f(...e) {
-    let [, ...u] = (0, n.default)(e[0]);
-    return (0, o.default)([
-      ...e,
-      ...u
-    ]);
-  }
-})(i);
+var e = {};
+export {
+  e as __exports
+};

package/dist/index.es109.js

@@ -1,4 +1,10 @@
-var e = {};
+import { getDefaultExportFromCjs as t } from "./index.es106.js";
+import "./index.es117.js";
+import { __exports as a } from "./index.es118.js";
+let e = a;
+var o = (e.__esModule ? e : { default: e }).default;
+const r = /* @__PURE__ */ t(o);
 export {
-  e as __exports
+  o as d,
+  r as default
 };

package/dist/index.es11.js

@@ -7,7 +7,7 @@ import "./index.es13.js";
 import { Label as F } from "./index.es14.js";
 import { Tooltip as V } from "./index.es36.js";
 import { TooltipTrigger as W } from "./index.es37.js";
-import { filterTypeChipVariants as A, filterTypeChipPopoverVariants as B } from "./index.es52.js";
+import { filterTypeChipVariants as A, filterTypeChipPopoverVariants as B } from "./index.es51.js";
 const X = ({
   isDisabled: t = !1,
   classNameLabel: c = "",