@progress/kendo-vue-common 7.0.3-develop.1 → 7.1.0-develop.2

package/unstyled/json-classes.mjs

@@ -0,0 +1,334 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const e = {
+  prefix: "k",
+  important: "!",
+  rtl: "rtl",
+  rounded: "rounded",
+  value: "value",
+  state: "state",
+  filter: "filter",
+  virtual: "virtual",
+  infinite: "infinite",
+  clear: "clear",
+  reset: "reset",
+  data: "data",
+  nodata: "nodata",
+  scroller: "scroller"
+}, n = {
+  center: "center",
+  hbox: "hbox",
+  vstack: "vstack",
+  hstack: "hstack",
+  overflow: "overflow"
+}, t = {
+  actionsheet: "actionsheet",
+  calendar: "calendar",
+  buttongroup: "buttongroup",
+  dateinput: "dateinput",
+  datetime: "datetime",
+  datetimepicker: "datetimepicker",
+  dropdownlist: "dropdownlist",
+  combobox: "combobox",
+  maskedtextbox: "maskedtextbox",
+  menu: "menu",
+  searchbox: "searchbox",
+  timepicker: "timepicker"
+}, l = {
+  xsmall: "xs",
+  small: "sm",
+  medium: "md",
+  large: "lg",
+  xlarge: "xl",
+  xxlarge: "xxl",
+  xxxlarge: "xxxl"
+}, s = {
+  solid: "solid",
+  outline: "outline",
+  flat: "flat",
+  link: "link",
+  clear: "clear"
+}, c = {
+  base: "base",
+  primary: "primary",
+  secondary: "secondary",
+  tertiary: "tertiary",
+  info: "info",
+  success: "success",
+  warning: "warning",
+  error: "error",
+  dark: "dark",
+  light: "light",
+  inherit: "inherit",
+  inverse: "inverse"
+}, d = {
+  small: "sm",
+  medium: "md",
+  large: "lg",
+  full: "full"
+}, p = {
+  vertical: "vertical",
+  horizontal: "horizontal"
+}, h = {
+  height: "height",
+  width: "width"
+}, m = {
+  default: "cursor-default"
+}, f = {
+  up: "up",
+  down: "down",
+  left: "left",
+  right: "right",
+  start: "start",
+  mid: "mid",
+  end: "end"
+}, r = {
+  actions: "actions",
+  container: "container",
+  content: "content",
+  group: "group",
+  row: "row",
+  nav: "nav",
+  wrap: "wrap",
+  wrapper: "wrapper",
+  list: "list",
+  placeholder: "placeholder",
+  popup: "popup",
+  item: "item",
+  part: "part",
+  picker: "picker",
+  separator: "separator",
+  spacer: "spacer",
+  tab: "tab",
+  titlebar: "titlebar",
+  optionLabel: "optionlabel",
+  view: "view"
+}, a = {
+  table: "table",
+  text: "text",
+  button: "button",
+  tbody: "tbody",
+  thead: "thead",
+  tr: "tr",
+  th: "th",
+  td: "td",
+  header: "header",
+  footer: "footer",
+  icon: "icon",
+  title: "title",
+  subtitle: "subtitle",
+  link: "link",
+  label: "label",
+  ul: "ul",
+  caption: "caption"
+}, u = {
+  increase: "increase",
+  decrease: "decrease",
+  cancel: "cancel",
+  accept: "accept",
+  split: "split"
+}, x = {
+  active: "active",
+  adaptive: "adaptive",
+  first: "first",
+  focus: "focus",
+  pending: "pending",
+  last: "last",
+  draggable: "draggable",
+  filterable: "filterable",
+  grouping: "grouping",
+  selected: "selected",
+  highlighted: "highlighted",
+  disabled: "disabled",
+  hidden: "hidden",
+  highlight: "highlight",
+  invalid: "invalid",
+  loading: "loading",
+  required: "required",
+  checked: "checked",
+  empty: "empty",
+  scrollable: "scrollable",
+  sorted: "sorted",
+  sort: "sort",
+  sticky: "sticky",
+  stretched: "stretched",
+  order: "order",
+  alt: "alt",
+  edit: "edit",
+  template: "template",
+  shown: "shown",
+  horizontal: "horizontal",
+  vertical: "vertical",
+  fullscreen: "fullscreen",
+  bottom: "bottom"
+}, g = {
+  prefix: "animation",
+  child: "child",
+  relative: "relative",
+  slide: "slide",
+  appear: "appear",
+  active: "active",
+  enter: "enter",
+  exit: "exit",
+  pushRight: "push-right",
+  pushLeft: "push-left",
+  pushDown: "push-down",
+  pushUp: "push-up",
+  expandVertical: "expand-vertical",
+  expandHorizontal: "expand-horizontal",
+  fade: "fade",
+  zoomIn: "zoom-in",
+  zoomOut: "zoom-out",
+  slideIn: "slide-in",
+  slideDown: "slide-down",
+  slideUp: "slide-up",
+  slideRight: "slide-right",
+  slideLeft: "slide-left",
+  revealVertical: "reveal-vertical",
+  revealHorizontal: "reveal-horizontal",
+  "animation-container": "animation-container",
+  "animation-container-shown": "animation-container-shown",
+  "animation-container-relative": "animation-container-relative",
+  "animation-container-fixed": "animation-container-fixed",
+  "child-animation-container": "child-animation-container"
+}, i = {
+  input: "input",
+  inner: "inner",
+  spin: "spin",
+  spinner: "spinner",
+  maskedtextbox: "maskedtextbox",
+  radio: "radio",
+  textbox: "textbox",
+  prefix: "prefix",
+  suffix: "suffix"
+}, b = {
+  week: "week",
+  weekdays: "weekdays",
+  weekend: "weekend",
+  month: "month",
+  year: "year",
+  decade: "decade",
+  century: "century",
+  // eslint-disable-next-line id-blacklist
+  number: "number",
+  navigation: "navigation",
+  marker: "marker",
+  now: "now",
+  range: "range",
+  today: "today",
+  other: "other",
+  date: "date",
+  time: "time",
+  selector: "selector",
+  timeselector: "timeselector"
+}, v = {
+  prefix: "icon",
+  svg: "svg",
+  i: "i",
+  color: "color",
+  flipH: "flip-h",
+  flipV: "flip-v"
+}, w = {
+  label: "label",
+  text: "text",
+  floatingLabel: "floating-label",
+  container: "container",
+  hint: "form-hint",
+  error: "form-error"
+}, k = {
+  form: "form",
+  fieldset: "fieldset",
+  legend: "legend",
+  separator: "separator",
+  field: "field"
+}, y = {
+  prefix: "popup"
+}, o = {
+  prefix: "grid",
+  ariaRoot: "aria-root",
+  tableWrap: "table-wrap",
+  master: "master",
+  column: "column",
+  cell: "cell",
+  cellInner: "cell-inner",
+  row: "row",
+  group: "group",
+  hierarchy: "hierarchy",
+  detail: "detail",
+  noRecords: "norecords",
+  pager: "pager"
+}, $ = {
+  drop: "drop",
+  drag: "drag",
+  hint: "hint",
+  vertical: "v",
+  horizontal: "h",
+  clue: "clue",
+  reorder: "reorder"
+}, z = `${e.prefix}-${i.input}`, P = `${e.prefix}-${t.calendar}`, M = `${e.prefix}-${t.maskedtextbox}`, R = `${e.prefix}-${i.radio}`, L = `${e.prefix}-${a.button}`, I = `${e.prefix}-${t.menu}`, D = `${e.prefix}-${r.picker}`, H = `${e.prefix}-${t.dropdownlist}`, U = `${e.prefix}-${t.combobox}`, V = `${e.prefix}-${o.prefix}`, q = {
+  base: e,
+  actions: u,
+  animation: g,
+  sizeMap: l,
+  components: t,
+  cssUtils: n,
+  directionMap: f,
+  fillModeMap: s,
+  themeColorMap: c,
+  roundedMap: d,
+  orientationMap: p,
+  elements: a,
+  states: x,
+  dimensions: h,
+  containers: r,
+  cursor: m,
+  inputs: i,
+  dateInputs: b,
+  labels: w,
+  forms: k,
+  popup: y,
+  icon: v,
+  grid: o
+};
+export {
+  u as actions,
+  g as animationStyles,
+  e as base,
+  L as buttonPrefix,
+  P as calendarPrefix,
+  U as comboBoxPrefix,
+  t as components,
+  r as containers,
+  n as cssUtils,
+  m as cursor,
+  b as dateInputs,
+  I as ddbPrefix,
+  h as dimensions,
+  f as directionMap,
+  H as dropDownListPrefix,
+  a as elements,
+  s as fillModeMap,
+  k as forms,
+  o as grid,
+  V as gridPrefix,
+  $ as gridRowReorder,
+  v as icon,
+  z as inputPrefix,
+  i as inputs,
+  q as jsonTheme,
+  w as labels,
+  M as maskedPrefix,
+  p as orientationMap,
+  D as pickerPrefix,
+  y as popup,
+  R as radioPrefix,
+  d as roundedMap,
+  l as sizeMap,
+  x as states,
+  c as themeColorMap
+};

package/unstyled/labels.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),c=`${e.base.prefix}-${e.labels.label}`,b=`${e.base.prefix}-${e.labels.floatingLabel}`,$=`${e.base.prefix}-${e.labels.error}`,m=`${e.base.prefix}-${e.labels.hint}`,f={label:{main:c,empty:`${e.base.prefix}-${e.labels.label}-${e.states.empty}`,invalid:`${e.base.prefix}-${e.labels.text}-${e.themeColorMap.error}`,disabled:`${e.base.prefix}-${e.labels.text}-${e.states.disabled}`}},u={label:o=>{const{empty:n,invalid:l,disabled:i,c:s=f}=o,a=s.label;return{[a==null?void 0:a.main]:!0,[a==null?void 0:a.empty]:n,[a==null?void 0:a.invalid]:l,[a==null?void 0:a.disabled]:i}}},r={wrapper:{main:`${b}-${e.labels.container}`,focused:`${e.base.prefix}-${e.states.focus}`,empty:`${e.base.prefix}-${e.states.empty}`,notEmpty:"",disabled:`${e.base.prefix}-${e.labels.text}-${e.states.disabled}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},label:{main:b,focused:"",empty:"",notEmpty:"",invalid:`${e.base.prefix}-${e.labels.text}-${e.themeColorMap.error}`,disabled:`${e.base.prefix}-${e.labels.text}-${e.states.disabled}`}},x={wrapper:o=>{const{focused:n,empty:l,notEmpty:i,disabled:s,isRtl:a,c:d=r}=o,t=d.wrapper;return{[t==null?void 0:t.main]:!0,[t==null?void 0:t.focused]:n,[t==null?void 0:t.empty]:l,[t==null?void 0:t.notEmpty]:i,[t==null?void 0:t.disabled]:s,[t==null?void 0:t.isRtl]:a}},label:o=>{const{focused:n,empty:l,notEmpty:i,invalid:s,disabled:a,c:d=r}=o,t=d.label;return{[t==null?void 0:t.main]:!0,[t==null?void 0:t.focused]:n,[t==null?void 0:t.empty]:l,[t==null?void 0:t.notEmpty]:i,[t==null?void 0:t.invalid]:s,[t==null?void 0:t.disabled]:a}}},y={wrapper:{main:$,direction:{start:`${e.base.prefix}-${e.labels.text}-${e.directionMap.start}`,end:`${e.base.prefix}-${e.labels.text}-${e.directionMap.end}`}}},p={wrapper:o=>{const{direction:n,c:l=y}=o,i=l.wrapper;return{[i==null?void 0:i.main]:!0,[i==null?void 0:i.direction[n]]:i==null?void 0:i.direction[n]}}},C={wrapper:{main:m,direction:{start:`${e.base.prefix}-${e.labels.text}-${e.directionMap.start}`,end:`${e.base.prefix}-${e.labels.text}-${e.directionMap.end}`,disabled:`${e.base.prefix}-${e.labels.text}-${e.states.disabled}`}}},E={wrapper:o=>{const{direction:n,disabled:l,c:i=C}=o,s=i.wrapper;return{[s==null?void 0:s.main]:!0,[s==null?void 0:s.direction[n]]:s==null?void 0:s.direction[n],[s==null?void 0:s.disabled]:l}}};exports.uError=p;exports.uFloatingLabel=x;exports.uHint=E;exports.uLabel=u;

package/unstyled/labels.mjs

@@ -0,0 +1,106 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { base as i, labels as o, states as r, themeColorMap as x, directionMap as a } from "./json-classes.mjs";
+const u = `${i.prefix}-${o.label}`, m = `${i.prefix}-${o.floatingLabel}`, y = `${i.prefix}-${o.error}`, b = `${i.prefix}-${o.hint}`, p = {
+  label: {
+    main: u,
+    empty: `${i.prefix}-${o.label}-${r.empty}`,
+    invalid: `${i.prefix}-${o.text}-${x.error}`,
+    disabled: `${i.prefix}-${o.text}-${r.disabled}`
+  }
+}, L = {
+  label: ($) => {
+    const { empty: d, invalid: c, disabled: s, c: e = p } = $, n = e.label;
+    return {
+      [n == null ? void 0 : n.main]: !0,
+      [n == null ? void 0 : n.empty]: d,
+      [n == null ? void 0 : n.invalid]: c,
+      [n == null ? void 0 : n.disabled]: s
+    };
+  }
+}, f = {
+  wrapper: {
+    main: `${m}-${o.container}`,
+    focused: `${i.prefix}-${r.focus}`,
+    empty: `${i.prefix}-${r.empty}`,
+    notEmpty: "",
+    disabled: `${i.prefix}-${o.text}-${r.disabled}`,
+    isRtl: `${i.prefix}-${i.rtl}`
+  },
+  label: {
+    main: m,
+    focused: "",
+    empty: "",
+    notEmpty: "",
+    invalid: `${i.prefix}-${o.text}-${x.error}`,
+    disabled: `${i.prefix}-${o.text}-${r.disabled}`
+  }
+}, g = {
+  wrapper: ($) => {
+    const { focused: d, empty: c, notEmpty: s, disabled: e, isRtl: n, c: l = f } = $, t = l.wrapper;
+    return {
+      [t == null ? void 0 : t.main]: !0,
+      [t == null ? void 0 : t.focused]: d,
+      [t == null ? void 0 : t.empty]: c,
+      [t == null ? void 0 : t.notEmpty]: s,
+      [t == null ? void 0 : t.disabled]: e,
+      [t == null ? void 0 : t.isRtl]: n
+    };
+  },
+  label: ($) => {
+    const { focused: d, empty: c, notEmpty: s, invalid: e, disabled: n, c: l = f } = $, t = l.label;
+    return {
+      [t == null ? void 0 : t.main]: !0,
+      [t == null ? void 0 : t.focused]: d,
+      [t == null ? void 0 : t.empty]: c,
+      [t == null ? void 0 : t.notEmpty]: s,
+      [t == null ? void 0 : t.invalid]: e,
+      [t == null ? void 0 : t.disabled]: n
+    };
+  }
+}, C = {
+  wrapper: {
+    main: y,
+    direction: {
+      start: `${i.prefix}-${o.text}-${a.start}`,
+      end: `${i.prefix}-${o.text}-${a.end}`
+    }
+  }
+}, h = {
+  wrapper: ($) => {
+    const { direction: d, c = C } = $, s = c.wrapper;
+    return {
+      [s == null ? void 0 : s.main]: !0,
+      [s == null ? void 0 : s.direction[d]]: s == null ? void 0 : s.direction[d]
+    };
+  }
+}, E = {
+  wrapper: {
+    main: b,
+    direction: {
+      start: `${i.prefix}-${o.text}-${a.start}`,
+      end: `${i.prefix}-${o.text}-${a.end}`,
+      disabled: `${i.prefix}-${o.text}-${r.disabled}`
+    }
+  }
+}, R = {
+  wrapper: ($) => {
+    const { direction: d, disabled: c, c: s = E } = $, e = s.wrapper;
+    return {
+      [e == null ? void 0 : e.main]: !0,
+      [e == null ? void 0 : e.direction[d]]: e == null ? void 0 : e.direction[d],
+      [e == null ? void 0 : e.disabled]: c
+    };
+  }
+};
+export {
+  h as uError,
+  g as uFloatingLabel,
+  R as uHint,
+  L as uLabel
+};

package/unstyled/popup.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./json-classes.js"),n={animationContainer:`${i.base.prefix}-${i.animationStyles.prefix}-${i.containers.container}`,animationContainerShown:`${i.base.prefix}-${i.animationStyles.prefix}-${i.containers.container}-${i.states.shown}`,animationChild:`${i.base.prefix}-${i.animationStyles.child}-${i.animationStyles.prefix}-${i.containers.container}`,popup:`${i.base.prefix}-${i.popup.prefix}`,slide:{up:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.up}-${i.animationStyles.enter}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.up}-${i.animationStyles.exit}`},down:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.down}-${i.animationStyles.enter}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.down}-${i.animationStyles.exit}`},left:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.left}-${i.animationStyles.enter}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.left}-${i.animationStyles.exit}`},right:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.right}-${i.animationStyles.enter}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.right}-${i.animationStyles.exit}`}},slideActive:{up:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.up}-${i.animationStyles.enter}-${i.animationStyles.active}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.up}-${i.animationStyles.exit}-${i.animationStyles.active}`},down:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.down}-${i.animationStyles.enter}-${i.animationStyles.active}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.down}-${i.animationStyles.exit}-${i.animationStyles.active}`},left:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.left}-${i.animationStyles.enter}-${i.animationStyles.active}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.left}-${i.animationStyles.exit}-${i.animationStyles.active}`},right:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.right}-${i.animationStyles.enter}-${i.animationStyles.active}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.right}-${i.animationStyles.exit}-${i.animationStyles.active}`}}},r={animationContainer:t=>{const{c:e=n}=t;return{[e.animationContainer]:!0}},animationContainerShown:t=>{const{c:e=n}=t;return{[e.animationContainerShown]:!0}},animationChild:t=>{const{c:e=n}=t;return{[e.animationChild]:!0}},popup:t=>{const{c:e=n}=t;return{[e.popup]:!0}},slide:t=>{var s;const{direction:e,type:a,c:o=n}=t;return{[o.slide[e][a]]:(s=o.slide[e])==null?void 0:s[a]}},slideActive:t=>{var s;const{direction:e,type:a,c:o=n}=t;return{[o.slideActive[e][a]]:(s=o.slideActive[e])==null?void 0:s[a]}}};exports.uPopup=r;

package/unstyled/popup.mjs

@@ -0,0 +1,92 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { base as i, animationStyles as e, directionMap as t, popup as x, containers as s, states as d } from "./json-classes.mjs";
+const r = {
+  animationContainer: `${i.prefix}-${e.prefix}-${s.container}`,
+  animationContainerShown: `${i.prefix}-${e.prefix}-${s.container}-${d.shown}`,
+  animationChild: `${i.prefix}-${e.child}-${e.prefix}-${s.container}`,
+  popup: `${i.prefix}-${x.prefix}`,
+  slide: {
+    up: {
+      enter: `${i.prefix}-${e.slide}-${t.up}-${e.enter}`,
+      exit: `${i.prefix}-${e.slide}-${t.up}-${e.exit}`
+    },
+    down: {
+      enter: `${i.prefix}-${e.slide}-${t.down}-${e.enter}`,
+      exit: `${i.prefix}-${e.slide}-${t.down}-${e.exit}`
+    },
+    left: {
+      enter: `${i.prefix}-${e.slide}-${t.left}-${e.enter}`,
+      exit: `${i.prefix}-${e.slide}-${t.left}-${e.exit}`
+    },
+    right: {
+      enter: `${i.prefix}-${e.slide}-${t.right}-${e.enter}`,
+      exit: `${i.prefix}-${e.slide}-${t.right}-${e.exit}`
+    }
+  },
+  slideActive: {
+    up: {
+      enter: `${i.prefix}-${e.slide}-${t.up}-${e.enter}-${e.active}`,
+      exit: `${i.prefix}-${e.slide}-${t.up}-${e.exit}-${e.active}`
+    },
+    down: {
+      enter: `${i.prefix}-${e.slide}-${t.down}-${e.enter}-${e.active}`,
+      exit: `${i.prefix}-${e.slide}-${t.down}-${e.exit}-${e.active}`
+    },
+    left: {
+      enter: `${i.prefix}-${e.slide}-${t.left}-${e.enter}-${e.active}`,
+      exit: `${i.prefix}-${e.slide}-${t.left}-${e.exit}-${e.active}`
+    },
+    right: {
+      enter: `${i.prefix}-${e.slide}-${t.right}-${e.enter}-${e.active}`,
+      exit: `${i.prefix}-${e.slide}-${t.right}-${e.exit}-${e.active}`
+    }
+  }
+}, c = {
+  animationContainer: (n) => {
+    const { c: $ = r } = n;
+    return {
+      [$.animationContainer]: !0
+    };
+  },
+  animationContainerShown: (n) => {
+    const { c: $ = r } = n;
+    return {
+      [$.animationContainerShown]: !0
+    };
+  },
+  animationChild: (n) => {
+    const { c: $ = r } = n;
+    return {
+      [$.animationChild]: !0
+    };
+  },
+  popup: (n) => {
+    const { c: $ = r } = n;
+    return {
+      [$.popup]: !0
+    };
+  },
+  slide: (n) => {
+    var a;
+    const { direction: $, type: p, c: o = r } = n;
+    return {
+      [o.slide[$][p]]: (a = o.slide[$]) == null ? void 0 : a[p]
+    };
+  },
+  slideActive: (n) => {
+    var a;
+    const { direction: $, type: p, c: o = r } = n;
+    return {
+      [o.slideActive[$][p]]: (a = o.slideActive[$]) == null ? void 0 : a[p]
+    };
+  }
+};
+export {
+  c as uPopup
+};