@wix/patterns-fields 1.25.0 → 1.27.0

package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js

@@ -5,22 +5,22 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmediagalleryfield3524730140";
+var _namespace_ = "formmediagalleryfield4036701218";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "formmediagalleryfield3524730140__root",
-  "container": "formmediagalleryfield3524730140__container",
-  "viewBox": "formmediagalleryfield3524730140__viewBox",
-  "addItemWrapper": "formmediagalleryfield3524730140__addItemWrapper",
-  "addItem": "formmediagalleryfield3524730140__addItem",
-  "overlay": "formmediagalleryfield3524730140__overlay",
-  "image": "formmediagalleryfield3524730140__image",
-  "previewImage": "formmediagalleryfield3524730140__previewImage",
-  "previewVideo": "formmediagalleryfield3524730140__previewVideo"
+  "root": "formmediagalleryfield4036701218__root",
+  "container": "formmediagalleryfield4036701218__container",
+  "viewBox": "formmediagalleryfield4036701218__viewBox",
+  "addItemWrapper": "formmediagalleryfield4036701218__addItemWrapper",
+  "addItem": "formmediagalleryfield4036701218__addItem",
+  "overlay": "formmediagalleryfield4036701218__overlay",
+  "image": "formmediagalleryfield4036701218__image",
+  "previewImage": "formmediagalleryfield4036701218__previewImage",
+  "previewVideo": "formmediagalleryfield4036701218__previewVideo"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield3524730140\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmediagalleryfield3524730140__root\",\"container\":\"formmediagalleryfield3524730140__container\",\"viewBox\":\"formmediagalleryfield3524730140__viewBox\",\"addItemWrapper\":\"formmediagalleryfield3524730140__addItemWrapper\",\"addItem\":\"formmediagalleryfield3524730140__addItem\",\"overlay\":\"formmediagalleryfield3524730140__overlay\",\"image\":\"formmediagalleryfield3524730140__image\",\"previewImage\":\"formmediagalleryfield3524730140__previewImage\",\"previewVideo\":\"formmediagalleryfield3524730140__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uCAAuC;EAAC,WAAW,EAAC,4CAA4C;EAAC,SAAS,EAAC,0CAA0C;EAAC,gBAAgB,EAAC,iDAAiD;EAAC,SAAS,EAAC,0CAA0C;EAAC,SAAS,EAAC,0CAA0C;EAAC,OAAO,EAAC,wCAAwC;EAAC,cAAc,EAAC,+CAA+C;EAAC,cAAc,EAAC;AAA+C,CAAC;AACxgB,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield4036701218\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmediagalleryfield4036701218__root\",\"container\":\"formmediagalleryfield4036701218__container\",\"viewBox\":\"formmediagalleryfield4036701218__viewBox\",\"addItemWrapper\":\"formmediagalleryfield4036701218__addItemWrapper\",\"addItem\":\"formmediagalleryfield4036701218__addItem\",\"overlay\":\"formmediagalleryfield4036701218__overlay\",\"image\":\"formmediagalleryfield4036701218__image\",\"previewImage\":\"formmediagalleryfield4036701218__previewImage\",\"previewVideo\":\"formmediagalleryfield4036701218__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uCAAuC;EAAC,WAAW,EAAC,4CAA4C;EAAC,SAAS,EAAC,0CAA0C;EAAC,gBAAgB,EAAC,iDAAiD;EAAC,SAAS,EAAC,0CAA0C;EAAC,SAAS,EAAC,0CAA0C;EAAC,OAAO,EAAC,wCAAwC;EAAC,cAAc,EAAC,+CAA+C;EAAC,cAAc,EAAC;AAA+C,CAAC;AACxgB,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image/media-image.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediaimage4012793291";
+var _namespace_ = "mediaimage417409083";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "mediaimage4012793291__root"
+  "root": "mediaimage417409083__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -23,7 +23,7 @@ var vars = exports.vars = {
   "wsr-color-R20": "--wsr-color-R20",
   "wds-color-black-550": "--wds-color-black-550",
   "wsr-color-D55": "--wsr-color-D55",
-  "from": "--mediaimage4012793291-from",
-  "to": "--mediaimage4012793291-to"
+  "from": "--mediaimage417409083-from",
+  "to": "--mediaimage417409083-to"
 };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/cjs/components/media-image/media-image.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage4012793291\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimage4012793291__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage4012793291-from\",\"to\":\"--mediaimage4012793291-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage417409083\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimage417409083__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage417409083-from\",\"to\":\"--mediaimage417409083-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA2B,CAAC;AAClD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,4BAA4B;EAAC,IAAI,EAAC;AAA0B,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image/overlays/overlay.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "overlay3833043059";
+var _namespace_ = "overlay4064103336";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "overlay3833043059__root",
-  "iconOverlay": "overlay3833043059__iconOverlay"
+  "root": "overlay4064103336__root",
+  "iconOverlay": "overlay4064103336__iconOverlay"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -23,6 +23,6 @@ var stVars = exports.stVars = {
 };
 var vars = exports.vars = {
   "wds-color-white": "--wds-color-white",
-  "wsr-color-D80": "--overlay3833043059-wsr-color-D80"
+  "wsr-color-D80": "--overlay4064103336-wsr-color-D80"
 };
 //# sourceMappingURL=overlay.st.css.js.map

package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay3833043059\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"overlay3833043059__root\",\"iconOverlay\":\"overlay3833043059__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--overlay3833043059-wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAmC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay4064103336\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"overlay4064103336__root\",\"iconOverlay\":\"overlay4064103336__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--overlay4064103336-wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAmC,CAAC","ignoreList":[]}

package/dist/cjs/components/media-loader/media-loader.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "medialoader2209660936";
+var _namespace_ = "medialoader357285044";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "medialoader2209660936__root",
-  "loader": "medialoader2209660936__loader"
+  "root": "medialoader357285044__root",
+  "loader": "medialoader357285044__loader"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-loader/media-loader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader2209660936\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"medialoader2209660936__root\",\"loader\":\"medialoader2209660936__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader357285044\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"medialoader357285044__root\",\"loader\":\"medialoader357285044__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,QAAQ,EAAC;AAA8B,CAAC;AAC3F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediatag1189642501";
+var _namespace_ = "mediatag1145774867";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "mediatag1189642501__root"
+  "root": "mediatag1145774867__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag1189642501\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediatag1189642501__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag1145774867\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediatag1145774867__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmultidocument2769476883";
+var _namespace_ = "formmultidocument2678194366";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "formmultidocument2769476883__root",
-  "viewRoot": "formmultidocument2769476883__viewRoot",
-  "singleViewWrapper": "formmultidocument2769476883__singleViewWrapper",
-  "addDocumentButton": "formmultidocument2769476883__addDocumentButton"
+  "root": "formmultidocument2678194366__root",
+  "viewRoot": "formmultidocument2678194366__viewRoot",
+  "singleViewWrapper": "formmultidocument2678194366__singleViewWrapper",
+  "addDocumentButton": "formmultidocument2678194366__addDocumentButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument2769476883\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmultidocument2769476883__root\",\"viewRoot\":\"formmultidocument2769476883__viewRoot\",\"singleViewWrapper\":\"formmultidocument2769476883__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument2769476883__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AACvP,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AAC5G,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument2678194366\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmultidocument2678194366__root\",\"viewRoot\":\"formmultidocument2678194366__viewRoot\",\"singleViewWrapper\":\"formmultidocument2678194366__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument2678194366__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AACvP,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AAC5G,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/reference/cell-reference-input.js

@@ -0,0 +1,164 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CellReferenceInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _useTranslations = require("../../hooks/use-translations");
+var _referenceAvatar = require("./reference-avatar");
+var _cellReferenceInputStCss = require("./cell-reference-input.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/reference/cell-reference-input.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ROW_HEIGHT = 30;
+const MAX_NUM_ROWS = 7;
+const CellReferenceInput = exports.CellReferenceInput = /*#__PURE__*/_react.default.forwardRef(({
+  items,
+  value,
+  selectedItem,
+  onChange,
+  onBlur,
+  onSelect,
+  onClear,
+  onKeyDown,
+  clearButton,
+  infiniteScroll,
+  hasMore,
+  loadMore,
+  fixedFooter,
+  autoOpen,
+  inputRef
+}, ref) => {
+  const {
+    t
+  } = (0, _useTranslations.useTranslations)();
+  const options = (0, _react.useMemo)(() => items.map(item => (0, _designSystem.listItemSelectBuilder)({
+    id: item.id,
+    title: item.name || t('patterns-fields.reference.untitled'),
+    size: 'small',
+    selected: item.id === (selectedItem == null ? void 0 : selectedItem.id),
+    prefix: /*#__PURE__*/_react.default.createElement(_referenceAvatar.ReferenceAvatar, {
+      name: item.name,
+      image: item.image,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 77,
+        columnNumber: 21
+      }
+    })
+  })), [items, selectedItem == null ? void 0 : selectedItem.id, t]);
+  const acRef = (0, _react.useRef)(null);
+  _react.default.useImperativeHandle(ref, () => ({
+    focus: () => {
+      var _acRef$current;
+      return (_acRef$current = acRef.current) == null || _acRef$current.focus == null ? void 0 : _acRef$current.focus();
+    },
+    hideOptions: () => {
+      var _acRef$current2;
+      return (_acRef$current2 = acRef.current) == null || _acRef$current2.hideOptions == null ? void 0 : _acRef$current2.hideOptions();
+    }
+  }));
+  (0, _react.useEffect)(() => {
+    if (autoOpen) {
+      var _acRef$current3;
+      (_acRef$current3 = acRef.current) == null || _acRef$current3.focus == null || _acRef$current3.focus();
+      requestAnimationFrame(() => {
+        var _acRef$current4;
+        return (_acRef$current4 = acRef.current) == null || _acRef$current4.showOptions == null ? void 0 : _acRef$current4.showOptions();
+      });
+    }
+    // Intentionally run only on mount
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const prefix = selectedItem && !value ? /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
+    "data-hook": "reference-input-avatar-prefix",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 100,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_referenceAvatar.ReferenceAvatar, {
+    name: selectedItem.name,
+    image: selectedItem.image,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 101,
+      columnNumber: 11
+    }
+  })) : undefined;
+  return (
+    /*#__PURE__*/
+    // Prevent EditableCell's row click/dblclick handlers from firing when
+    // the user interacts with the input or dropdown.
+    _react.default.createElement("div", {
+      className: (0, _cellReferenceInputStCss.st)(_cellReferenceInputStCss.classes.root),
+      onClick: e => e.stopPropagation(),
+      onMouseDown: e => e.stopPropagation(),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 111,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, {
+      ref: acRef,
+      className: (0, _cellReferenceInputStCss.st)(_cellReferenceInputStCss.classes.autocomplete),
+      size: "small",
+      border: "none",
+      options: options,
+      value: value,
+      prefix: prefix,
+      onChange: onChange,
+      onBlur: onBlur,
+      onSelect: wdsOption => {
+        const item = items.find(i => i.id === String(wdsOption.id));
+        if (item) {
+          onSelect(item);
+        }
+      },
+      onClear: onClear,
+      onKeyDown: onKeyDown,
+      clearButton: clearButton,
+      infiniteScroll: infiniteScroll,
+      hasMore: hasMore,
+      loadMore: loadMore,
+      fixedFooter: fixedFooter ?
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+      _react.default.createElement("div", {
+        onMouseDown: e => e.preventDefault(),
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 141,
+          columnNumber: 15
+        }
+      }, fixedFooter) : undefined,
+      placeholder: t('auto-patterns.fields.select_placeholder'),
+      showOptionsIfEmptyInput: true,
+      autoSelect: false,
+      maxHeightPixels: ROW_HEIGHT * MAX_NUM_ROWS,
+      popoverProps: {
+        appendTo: 'window',
+        flip: true,
+        fixed: false,
+        placement: 'bottom-start'
+      },
+      inputRef: el => {
+        if (inputRef) {
+          inputRef.current = el;
+        }
+      },
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 116,
+        columnNumber: 9
+      }
+    }))
+  );
+});
+CellReferenceInput.displayName = 'CellReferenceInput';
+//# sourceMappingURL=cell-reference-input.js.map

package/dist/cjs/components/reference/cell-reference-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useTranslations","_referenceAvatar","_cellReferenceInputStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ROW_HEIGHT","MAX_NUM_ROWS","CellReferenceInput","exports","React","forwardRef","items","value","selectedItem","onChange","onBlur","onSelect","onClear","onKeyDown","clearButton","infiniteScroll","hasMore","loadMore","fixedFooter","autoOpen","inputRef","ref","useTranslations","options","useMemo","map","item","listItemSelectBuilder","id","title","name","size","selected","prefix","createElement","ReferenceAvatar","image","__self","__source","fileName","lineNumber","columnNumber","acRef","useRef","useImperativeHandle","focus","_acRef$current","current","hideOptions","_acRef$current2","useEffect","_acRef$current3","requestAnimationFrame","_acRef$current4","showOptions","Input","Affix","undefined","className","st","classes","root","onClick","stopPropagation","onMouseDown","AutoComplete","autocomplete","border","wdsOption","find","String","preventDefault","placeholder","showOptionsIfEmptyInput","autoSelect","maxHeightPixels","popoverProps","appendTo","flip","fixed","placement","el","displayName"],"sources":["../../../../src/components/reference/cell-reference-input.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from 'react';\nimport { AutoComplete, Input, listItemSelectBuilder } from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { ReferenceAvatar } from './reference-avatar';\nimport { st, classes } from './cell-reference-input.st.css.js';\n\nexport interface CellReferenceItem {\n  id: string;\n  name: string;\n  image?: string;\n}\n\nexport interface CellReferenceInputHandle {\n  focus: () => void;\n  hideOptions: () => void;\n}\n\nexport interface CellReferenceInputProps {\n  /** Raw reference items — options are built internally with listItemSelectBuilder. */\n  items: CellReferenceItem[];\n  /** Text shown inside the input field (search query or selected item title). */\n  value: string;\n  /** When a reference is selected and there is no search query, show its avatar inside the input. */\n  selectedItem?: CellReferenceItem;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onSelect: (item: CellReferenceItem) => void;\n  onBlur?: () => void;\n  onClear: () => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  clearButton?: boolean;\n  infiniteScroll?: boolean;\n  hasMore?: boolean;\n  loadMore?: () => void;\n  fixedFooter?: React.ReactNode;\n  /** Open dropdown immediately on mount (type-to-edit / Enter triggers). */\n  autoOpen?: boolean;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n}\n\nconst ROW_HEIGHT = 30;\nconst MAX_NUM_ROWS = 7;\n\nexport const CellReferenceInput = React.forwardRef<\n  CellReferenceInputHandle,\n  CellReferenceInputProps\n>(\n  (\n    {\n      items,\n      value,\n      selectedItem,\n      onChange,\n      onBlur,\n      onSelect,\n      onClear,\n      onKeyDown,\n      clearButton,\n      infiniteScroll,\n      hasMore,\n      loadMore,\n      fixedFooter,\n      autoOpen,\n      inputRef,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n\n    const options = useMemo(\n      () =>\n        items.map((item) =>\n          listItemSelectBuilder({\n            id: item.id,\n            title: item.name || t('patterns-fields.reference.untitled'),\n            size: 'small',\n            selected: item.id === selectedItem?.id,\n            prefix: <ReferenceAvatar name={item.name} image={item.image} />,\n          }),\n        ),\n      [items, selectedItem?.id, t],\n    );\n    const acRef = useRef<React.ComponentRef<typeof AutoComplete>>(null);\n\n    React.useImperativeHandle(ref, () => ({\n      focus: () => acRef.current?.focus?.(),\n      hideOptions: () => acRef.current?.hideOptions?.(),\n    }));\n\n    useEffect(() => {\n      if (autoOpen) {\n        acRef.current?.focus?.();\n        requestAnimationFrame(() => acRef.current?.showOptions?.());\n      }\n      // Intentionally run only on mount\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const prefix =\n      selectedItem && !value ? (\n        <Input.Affix data-hook=\"reference-input-avatar-prefix\">\n          <ReferenceAvatar\n            name={selectedItem.name}\n            image={selectedItem.image}\n          />\n        </Input.Affix>\n      ) : undefined;\n\n    return (\n      // Prevent EditableCell's row click/dblclick handlers from firing when\n      // the user interacts with the input or dropdown.\n      <div\n        className={st(classes.root)}\n        onClick={(e) => e.stopPropagation()}\n        onMouseDown={(e) => e.stopPropagation()}\n      >\n        <AutoComplete\n          ref={acRef}\n          className={st(classes.autocomplete)}\n          size=\"small\"\n          border=\"none\"\n          options={options}\n          value={value}\n          prefix={prefix}\n          onChange={onChange}\n          onBlur={onBlur}\n          onSelect={(wdsOption: { id: string | number }) => {\n            const item = items.find((i) => i.id === String(wdsOption.id));\n            if (item) {\n              onSelect(item);\n            }\n          }}\n          onClear={onClear}\n          onKeyDown={onKeyDown}\n          clearButton={clearButton}\n          infiniteScroll={infiniteScroll}\n          hasMore={hasMore}\n          loadMore={loadMore}\n          fixedFooter={\n            fixedFooter ? (\n              // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n              <div onMouseDown={(e) => e.preventDefault()}>{fixedFooter}</div>\n            ) : undefined\n          }\n          placeholder={t('auto-patterns.fields.select_placeholder')}\n          showOptionsIfEmptyInput\n          autoSelect={false}\n          maxHeightPixels={ROW_HEIGHT * MAX_NUM_ROWS}\n          popoverProps={{\n            appendTo: 'window',\n            flip: true,\n            fixed: false,\n            placement: 'bottom-start',\n          }}\n          inputRef={(el: HTMLInputElement) => {\n            if (inputRef) {\n              inputRef.current = el;\n            }\n          }}\n        />\n      </div>\n    );\n  },\n);\n\nCellReferenceInput.displayName = 'CellReferenceInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/reference/cell-reference-input.st.css

@@ -0,0 +1,10 @@
+.root {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.autocomplete {
+  width: 100%;
+}

package/dist/cjs/components/reference/cell-reference-input.st.css.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "cellreferenceinput2294275859";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "cellreferenceinput2294275859__root",
+  "autocomplete": "cellreferenceinput2294275859__autocomplete"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=cell-reference-input.st.css.js.map

package/dist/cjs/components/reference/cell-reference-input.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/reference/cell-reference-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellreferenceinput2294275859\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellreferenceinput2294275859__root\",\"autocomplete\":\"cellreferenceinput2294275859__autocomplete\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,oCAAoC;EAAC,cAAc,EAAC;AAA4C,CAAC;AACvH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/reference/cell-reference-view.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CellReferenceView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _useTranslations = require("../../hooks/use-translations");
+var _referenceAvatar = require("./reference-avatar");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/reference/cell-reference-view.tsx";
+const CellReferenceView = ({
+  name,
+  imageUrl,
+  dataHook
+}) => {
+  const {
+    t
+  } = (0, _useTranslations.useTranslations)();
+  const displayName = name || t('patterns-fields.reference.untitled');
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: dataHook,
+    direction: "horizontal",
+    verticalAlign: "middle",
+    gap: "SP1",
+    minWidth: 0,
+    padding: "9px 12px",
+    height: "100%",
+    style: {
+      boxSizing: 'border-box'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_referenceAvatar.ReferenceAvatar, {
+    name: displayName,
+    image: imageUrl,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    ellipsis: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 7
+    }
+  }, displayName));
+};
+exports.CellReferenceView = CellReferenceView;
+CellReferenceView.displayName = 'CellReferenceView';
+//# sourceMappingURL=cell-reference-view.js.map

package/dist/cjs/components/reference/cell-reference-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_useTranslations","_referenceAvatar","_jsxFileName","CellReferenceView","name","imageUrl","dataHook","t","useTranslations","displayName","default","createElement","Box","direction","verticalAlign","gap","minWidth","padding","height","style","boxSizing","__self","__source","fileName","lineNumber","columnNumber","ReferenceAvatar","image","Text","size","ellipsis","exports"],"sources":["../../../../src/components/reference/cell-reference-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { ReferenceAvatar } from './reference-avatar';\n\nexport interface CellReferenceViewProps {\n  name: string;\n  imageUrl?: string;\n  dataHook?: string;\n}\n\nexport const CellReferenceView: React.FC<CellReferenceViewProps> = ({\n  name,\n  imageUrl,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const displayName = name || t('patterns-fields.reference.untitled');\n\n  return (\n    <Box\n      dataHook={dataHook}\n      direction=\"horizontal\"\n      verticalAlign=\"middle\"\n      gap=\"SP1\"\n      minWidth={0}\n      padding=\"9px 12px\"\n      height=\"100%\"\n      style={{ boxSizing: 'border-box' }}\n    >\n      <ReferenceAvatar name={displayName} image={imageUrl} />\n      <Text size=\"small\" ellipsis>\n        {displayName}\n      </Text>\n    </Box>\n  );\n};\n\nCellReferenceView.displayName = 'CellReferenceView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAqD,IAAAI,YAAA;AAQ9C,MAAMC,iBAAmD,GAAGA,CAAC;EAClEC,IAAI;EACJC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,gCAAe,EAAC,CAAC;EAC/B,MAAMC,WAAW,GAAGL,IAAI,IAAIG,CAAC,CAAC,oCAAoC,CAAC;EAEnE,oBACEX,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IACFN,QAAQ,EAAEA,QAAS;IACnBO,SAAS,EAAC,YAAY;IACtBC,aAAa,EAAC,QAAQ;IACtBC,GAAG,EAAC,KAAK;IACTC,QAAQ,EAAE,CAAE;IACZC,OAAO,EAAC,UAAU;IAClBC,MAAM,EAAC,MAAM;IACbC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAa,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnC7B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAyB,eAAe;IAACtB,IAAI,EAAEK,WAAY;IAACkB,KAAK,EAAEtB,QAAS;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACvD7B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAA6B,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,QAAQ;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxBhB,WACG,CACH,CAAC;AAEV,CAAC;AAACsB,OAAA,CAAA5B,iBAAA,GAAAA,iBAAA;AAEFA,iBAAiB,CAACM,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/cjs/components/reference/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+var _referenceAvatar = require("./reference-avatar");
+Object.keys(_referenceAvatar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _referenceAvatar[key]) return;
+  exports[key] = _referenceAvatar[key];
+});
+var _cellReferenceView = require("./cell-reference-view");
+Object.keys(_cellReferenceView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellReferenceView[key]) return;
+  exports[key] = _cellReferenceView[key];
+});
+var _cellReferenceInput = require("./cell-reference-input");
+Object.keys(_cellReferenceInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellReferenceInput[key]) return;
+  exports[key] = _cellReferenceInput[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/reference/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_referenceAvatar","require","Object","keys","forEach","key","exports","_cellReferenceView","_cellReferenceInput"],"sources":["../../../../src/components/reference/index.ts"],"sourcesContent":["export * from './reference-avatar';\nexport * from './cell-reference-view';\nexport * from './cell-reference-input';\n"],"mappings":";;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,kBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,kBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,kBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,kBAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,mBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,mBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,mBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,mBAAA,CAAAH,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/reference/reference-avatar.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ReferenceAvatar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _autoFieldTypes = require("../../auto-field-types");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/reference/reference-avatar.tsx";
+const resolveSrc = image => {
+  if (!image) return undefined;
+  return image.startsWith('wix:image://') ? (0, _autoFieldTypes.mediaURItoImageURL)(image, _autoFieldTypes.ThumbnailSize.S) : image;
+};
+const ReferenceAvatar = ({
+  image,
+  name,
+  size = 'size24'
+}) => {
+  const src = resolveSrc(image);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Avatar, {
+    shape: "square",
+    size: size,
+    name: name,
+    imgProps: src ? {
+      src,
+      alt: name,
+      style: {
+        objectFit: 'cover'
+      }
+    } : undefined,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 5
+    }
+  });
+};
+exports.ReferenceAvatar = ReferenceAvatar;
+//# sourceMappingURL=reference-avatar.js.map

package/dist/cjs/components/reference/reference-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_autoFieldTypes","_jsxFileName","resolveSrc","image","undefined","startsWith","mediaURItoImageURL","ThumbnailSize","S","ReferenceAvatar","name","size","src","default","createElement","Avatar","shape","imgProps","alt","style","objectFit","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/reference/reference-avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar } from '@wix/design-system';\nimport { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';\n\nexport interface ReferenceAvatarProps {\n  image?: string;\n  name: string;\n  size?: 'size18' | 'size24' | 'size30' | 'size36' | 'size48';\n}\n\nconst resolveSrc = (image?: string) => {\n  if (!image) return undefined;\n  return image.startsWith('wix:image://')\n    ? mediaURItoImageURL(image, ThumbnailSize.S)\n    : image;\n};\n\nexport const ReferenceAvatar: React.FC<ReferenceAvatarProps> = ({\n  image,\n  name,\n  size = 'size24',\n}) => {\n  const src = resolveSrc(image);\n  return (\n    <Avatar\n      shape=\"square\"\n      size={size}\n      name={name}\n      imgProps={\n        src ? { src, alt: name, style: { objectFit: 'cover' } } : undefined\n      }\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAA2E,IAAAG,YAAA;AAQ3E,MAAMC,UAAU,GAAIC,KAAc,IAAK;EACrC,IAAI,CAACA,KAAK,EAAE,OAAOC,SAAS;EAC5B,OAAOD,KAAK,CAACE,UAAU,CAAC,cAAc,CAAC,GACnC,IAAAC,kCAAkB,EAACH,KAAK,EAAEI,6BAAa,CAACC,CAAC,CAAC,GAC1CL,KAAK;AACX,CAAC;AAEM,MAAMM,eAA+C,GAAGA,CAAC;EAC9DN,KAAK;EACLO,IAAI;EACJC,IAAI,GAAG;AACT,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAGV,UAAU,CAACC,KAAK,CAAC;EAC7B,oBACEP,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,MAAM;IACLC,KAAK,EAAC,QAAQ;IACdL,IAAI,EAAEA,IAAK;IACXD,IAAI,EAAEA,IAAK;IACXO,QAAQ,EACNL,GAAG,GAAG;MAAEA,GAAG;MAAEM,GAAG,EAAER,IAAI;MAAES,KAAK,EAAE;QAAEC,SAAS,EAAE;MAAQ;IAAE,CAAC,GAAGhB,SAC3D;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAjB,eAAA,GAAAA,eAAA","ignoreList":[]}