@wix/design-system 1.0.0

package/dist/cjs/Breadcrumbs/Breadcrumbs.meta.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {
+  items: [{
+    id: 0,
+    value: 'Option 1'
+  }, {
+    id: 1,
+    value: 'Option 2'
+  }]
+};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=Breadcrumbs.meta.js.map

package/dist/cjs/Breadcrumbs/Breadcrumbs.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","items","id","value","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/Breadcrumbs/Breadcrumbs.meta.tsx"],"sourcesContent":["import { BreadcrumbsProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: BreadcrumbsProps = {\n  items: [\n    { id: 0, value: 'Option 1' },\n    { id: 1, value: 'Option 2' },\n  ],\n};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as BreadcrumbsProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAA+B,GAAG;EAC7CC,KAAK,EAAE,CACL;IAAEC,EAAE,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAW,CAAC,EAC5B;IAAED,EAAE,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAW,CAAC;AAEhC,CAAC;;AAED;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAN,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMO,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}

package/dist/cjs/Breadcrumbs/Breadcrumbs.st.css

@@ -0,0 +1,119 @@
+:import {
+  -st-from: '../Foundation/stylable/colors.st.css';
+  -st-named: D80, D30, B40, D60, D50, D80-10;
+}
+
+:import {
+  -st-from: "../Text/Text.st.css";
+  -st-default: Text;
+}
+
+.root{
+    -st-states: size(enum(large, medium)), theme(enum(onDarkBackground, onWhiteBackground, onGrayBackground));
+}
+
+:vars {
+    color: value(D30);
+    backgroundColor: value(D80);
+}
+
+.breadcrumbsHover {
+    border-radius: 100px;
+    color: value(color);
+    background-color: value(backgroundColor);
+}
+
+:vars {
+    height: 36px;
+    sidePadding: 14px;
+}
+
+.breadcrumbs {
+    height: value(height);
+    padding: 0 value(sidePadding);
+}
+
+.item {
+    -st-states: active, disabled, link, button;
+    display: inline-flex;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.item Text {
+  margin: auto 0;
+}
+
+.root:size(large) .item {
+  -st-mixin: breadcrumbs(height 36px,sidePadding 14px);
+}
+
+.root:size(medium) .item{
+  -st-mixin: breadcrumbs(height 30px,sidePadding 10px);
+}
+
+.root:theme(onWhiteBackground) .item:not(:active):not(:disabled):hover{
+  -st-mixin: breadcrumbsHover(color value(D30),backgroundColor value(B40));
+}
+
+.root:theme(onGrayBackground) .item:not(:active):not(:disabled):hover {
+    -st-mixin: breadcrumbsHover(color value(D30),backgroundColor value(D80));
+}
+
+.root:theme(onDarkBackground) .item:not(:active):not(:disabled):hover {
+  -st-mixin: breadcrumbsHover( color value(D60),backgroundColor value(D80-10));
+}
+
+.root:theme(onDarkBackground) .item {
+    color: value(D60);
+}
+
+.item:not(:disabled):not(:active) {
+  cursor: pointer;
+}
+
+.item:disabled {
+  cursor: default;
+  pointer-events: none;
+}
+
+.itemContainer {
+  -st-states: active;
+  display: inline-flex;
+  align-items: center;
+}
+
+.divider {
+  width: 6px;
+  min-height: 30px;
+  margin: 0 8px;
+  color: value(D50);
+}
+
+.item:button {
+  background: transparent;
+  border: 0;
+  padding: 0;
+}
+
+.item:button:focus {
+    outline: 0;
+}
+
+.item:button:not(:disabled):not(:active) {
+    cursor: pointer;
+}
+
+.item:link {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+:global([dir="rtl"]) .itemContainer {
+    direction: rtl;
+}
+
+:global([dir="rtl"]) .itemContainer .divider {
+    transform: scaleX(-1);
+}

package/dist/cjs/Breadcrumbs/Breadcrumbs.st.css.js

@@ -0,0 +1,25 @@
+
+require("../Foundation/stylable/colors.st.css.js");
+require("../Text/Text.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_Breadcrumbs";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_Breadcrumbs__root","breadcrumbsHover":"wds_1_0_0_Breadcrumbs__breadcrumbsHover","breadcrumbs":"wds_1_0_0_Breadcrumbs__breadcrumbs","item":"wds_1_0_0_Breadcrumbs__item","itemContainer":"wds_1_0_0_Breadcrumbs__itemContainer","divider":"wds_1_0_0_Breadcrumbs__divider"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {"color":"var(--wsr-color-D30, #577083)","backgroundColor":"var(--wsr-color-D80, #FFFFFF)","height":"36px","sidePadding":"14px"}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/Breadcrumbs/Breadcrumbs.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=Breadcrumbs.uni.driver.d.js.map

package/dist/cjs/Breadcrumbs/Breadcrumbs.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Breadcrumbs/Breadcrumbs.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/unidriver';\n\nexport interface BreadcrumbsUniDriver extends BaseUniDriver {\n  breadcrumbsLength: () => Promise<number>;\n  breadcrumbContentAt: (position: number) => Promise<string | null>;\n  clickBreadcrumbAt: (position: number) => Promise<any>;\n  getActiveItemId: () => Promise<number | null>;\n  isLarge: () => Promise<boolean>;\n  isMedium: () => Promise<boolean>;\n  isOnWhiteBackground: () => Promise<boolean>;\n  isOnGrayBackground: () => Promise<boolean>;\n  isOnDarkBackground: () => Promise<boolean>;\n  isActiveLinkAt: (index: number) => Promise<boolean>;\n}\n"],"mappings":""}

package/dist/cjs/Breadcrumbs/Breadcrumbs.uni.driver.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.breadcrumbsUniDriverFactory = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _unidriver = require("../test-utils/utils/unidriver");
+var _constnats = require("./constnats");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var breadcrumbsUniDriverFactory = base => {
+  var optionAt = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)(function* (position) {
+      return base.$("[data-hook=\"".concat(_constnats.DATA_HOOKS.ITEM_WRAPPER, "-").concat(position, "\"]"));
+    });
+    return function optionAt(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
+    /**
+     * Gets number of breadcrumbs
+     * @return {Promise<number>}
+     */
+    breadcrumbsLength: function () {
+      var _breadcrumbsLength = (0, _asyncToGenerator2.default)(function* () {
+        return yield base.$$("[data-hook^=\"".concat(_constnats.DATA_HOOKS.ITEM_WRAPPER, "-\"]")).count();
+      });
+      function breadcrumbsLength() {
+        return _breadcrumbsLength.apply(this, arguments);
+      }
+      return breadcrumbsLength;
+    }(),
+    /**
+     * Gets breadcrumb content at position
+     * @param {number} position Breadcrumb index
+     * @return {Promise<string>}
+     */
+    breadcrumbContentAt: function () {
+      var _breadcrumbContentAt = (0, _asyncToGenerator2.default)(function* (position) {
+        return yield (yield optionAt(position)).text();
+      });
+      function breadcrumbContentAt(_x2) {
+        return _breadcrumbContentAt.apply(this, arguments);
+      }
+      return breadcrumbContentAt;
+    }(),
+    /**
+     * Clicks on breadcrumb at position
+     * @param {number} position Breadcrumb index
+     * @return {Promise<void>}
+     */
+    clickBreadcrumbAt: function () {
+      var _clickBreadcrumbAt = (0, _asyncToGenerator2.default)(function* (position) {
+        return base.$("[data-hook^=\"".concat(_constnats.DATA_HOOKS.BREADCRUMB_CLICKABLE, "-").concat(position, "\"]")).click();
+      });
+      function clickBreadcrumbAt(_x3) {
+        return _clickBreadcrumbAt.apply(this, arguments);
+      }
+      return clickBreadcrumbAt;
+    }(),
+    /**
+     * Gets the active breadcrumb position or null if no breadcrumb is active
+     * @return {Promise<number | null>}
+     */
+    getActiveItemId: function () {
+      var _getActiveItemId = (0, _asyncToGenerator2.default)(function* () {
+        var activeItem = yield base.$$("[".concat(_constnats.DATA_ATTRIBUTES.DATA_ACTIVE, "=\"true\"]"));
+        return (yield activeItem.count()) === 1 ? parseInt(yield activeItem.get(0).attr(_constnats.DATA_ATTRIBUTES.DATA_POSITION_ID)) : null;
+      });
+      function getActiveItemId() {
+        return _getActiveItemId.apply(this, arguments);
+      }
+      return getActiveItemId;
+    }(),
+    /**
+     * Checks whether breadcrumbs are size large
+     * @return {Promise<boolean>}
+     */
+    isLarge: function () {
+      var _isLarge = (0, _asyncToGenerator2.default)(function* () {
+        return (yield base.attr(_constnats.DATA_ATTRIBUTES.DATA_SIZE)) === _constnats.SIZES.large;
+      });
+      function isLarge() {
+        return _isLarge.apply(this, arguments);
+      }
+      return isLarge;
+    }(),
+    /**
+     * Checks whether breadcrumbs are size medium
+     * @return {Promise<boolean>}
+     */
+    isMedium: function () {
+      var _isMedium = (0, _asyncToGenerator2.default)(function* () {
+        return (yield base.attr(_constnats.DATA_ATTRIBUTES.DATA_SIZE)) === _constnats.SIZES.medium;
+      });
+      function isMedium() {
+        return _isMedium.apply(this, arguments);
+      }
+      return isMedium;
+    }(),
+    /**
+     * Checks whether breadcrumbs are on white background
+     * @return {Promise<boolean>}
+     */
+    isOnWhiteBackground: function () {
+      var _isOnWhiteBackground = (0, _asyncToGenerator2.default)(function* () {
+        return (yield base.attr(_constnats.DATA_ATTRIBUTES.DATA_THEME)) === _constnats.THEMES.onWhiteBackground;
+      });
+      function isOnWhiteBackground() {
+        return _isOnWhiteBackground.apply(this, arguments);
+      }
+      return isOnWhiteBackground;
+    }(),
+    /**
+     * Checks whether breadcrumbs are on gray background
+     * @return {Promise<boolean>}
+     */
+    isOnGrayBackground: function () {
+      var _isOnGrayBackground = (0, _asyncToGenerator2.default)(function* () {
+        return (yield base.attr(_constnats.DATA_ATTRIBUTES.DATA_THEME)) === _constnats.THEMES.onGrayBackground;
+      });
+      function isOnGrayBackground() {
+        return _isOnGrayBackground.apply(this, arguments);
+      }
+      return isOnGrayBackground;
+    }(),
+    /**
+     * Checks whether breadcrumbs are on dark background
+     * @return {Promise<boolean>}
+     */
+    isOnDarkBackground: function () {
+      var _isOnDarkBackground = (0, _asyncToGenerator2.default)(function* () {
+        return (yield base.attr(_constnats.DATA_ATTRIBUTES.DATA_THEME)) === _constnats.THEMES.onDarkBackground;
+      });
+      function isOnDarkBackground() {
+        return _isOnDarkBackground.apply(this, arguments);
+      }
+      return isOnDarkBackground;
+    }(),
+    /**
+     * Checks whether breadcrumb at index is active
+     * @param {number} index Breadcrumb index
+     * @return {Promise<boolean>}
+     */
+    isActiveLinkAt: function () {
+      var _isActiveLinkAt = (0, _asyncToGenerator2.default)(function* (index) {
+        return yield (yield optionAt(index)).$('a').exists();
+      });
+      function isActiveLinkAt(_x4) {
+        return _isActiveLinkAt.apply(this, arguments);
+      }
+      return isActiveLinkAt;
+    }()
+  });
+};
+exports.breadcrumbsUniDriverFactory = breadcrumbsUniDriverFactory;
+//# sourceMappingURL=Breadcrumbs.uni.driver.js.map

package/dist/cjs/Breadcrumbs/Breadcrumbs.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["breadcrumbsUniDriverFactory","base","optionAt","position","$","DATA_HOOKS","ITEM_WRAPPER","baseUniDriverFactory","breadcrumbsLength","$$","count","breadcrumbContentAt","text","clickBreadcrumbAt","BREADCRUMB_CLICKABLE","click","getActiveItemId","activeItem","DATA_ATTRIBUTES","DATA_ACTIVE","parseInt","get","attr","DATA_POSITION_ID","isLarge","DATA_SIZE","SIZES","large","isMedium","medium","isOnWhiteBackground","DATA_THEME","THEMES","onWhiteBackground","isOnGrayBackground","onGrayBackground","isOnDarkBackground","onDarkBackground","isActiveLinkAt","index","exists"],"sources":["../../../src/Breadcrumbs/Breadcrumbs.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from '../test-utils/utils/unidriver';\nimport { DATA_HOOKS, DATA_ATTRIBUTES, SIZES, THEMES } from './constnats';\n\nexport const breadcrumbsUniDriverFactory = base => {\n  const optionAt = async position =>\n    base.$(`[data-hook=\"${DATA_HOOKS.ITEM_WRAPPER}-${position}\"]`);\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Gets number of breadcrumbs\n     * @return {Promise<number>}\n     */\n    breadcrumbsLength: async () =>\n      await base.$$(`[data-hook^=\"${DATA_HOOKS.ITEM_WRAPPER}-\"]`).count(),\n\n    /**\n     * Gets breadcrumb content at position\n     * @param {number} position Breadcrumb index\n     * @return {Promise<string>}\n     */\n    breadcrumbContentAt: async position =>\n      await (await optionAt(position)).text(),\n\n    /**\n     * Clicks on breadcrumb at position\n     * @param {number} position Breadcrumb index\n     * @return {Promise<void>}\n     */\n    clickBreadcrumbAt: async position =>\n      base\n        .$(`[data-hook^=\"${DATA_HOOKS.BREADCRUMB_CLICKABLE}-${position}\"]`)\n        .click(),\n\n    /**\n     * Gets the active breadcrumb position or null if no breadcrumb is active\n     * @return {Promise<number | null>}\n     */\n    getActiveItemId: async () => {\n      const activeItem = await base.$$(\n        `[${DATA_ATTRIBUTES.DATA_ACTIVE}=\"true\"]`,\n      );\n      return (await activeItem.count()) === 1\n        ? parseInt(\n            await activeItem.get(0).attr(DATA_ATTRIBUTES.DATA_POSITION_ID),\n          )\n        : null;\n    },\n\n    /**\n     * Checks whether breadcrumbs are size large\n     * @return {Promise<boolean>}\n     */\n    isLarge: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_SIZE)) === SIZES.large,\n\n    /**\n     * Checks whether breadcrumbs are size medium\n     * @return {Promise<boolean>}\n     */\n    isMedium: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_SIZE)) === SIZES.medium,\n\n    /**\n     * Checks whether breadcrumbs are on white background\n     * @return {Promise<boolean>}\n     */\n    isOnWhiteBackground: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_THEME)) ===\n      THEMES.onWhiteBackground,\n\n    /**\n     * Checks whether breadcrumbs are on gray background\n     * @return {Promise<boolean>}\n     */\n    isOnGrayBackground: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_THEME)) === THEMES.onGrayBackground,\n\n    /**\n     * Checks whether breadcrumbs are on dark background\n     * @return {Promise<boolean>}\n     */\n    isOnDarkBackground: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_THEME)) === THEMES.onDarkBackground,\n\n    /**\n     * Checks whether breadcrumb at index is active\n     * @param {number} index Breadcrumb index\n     * @return {Promise<boolean>}\n     */\n    isActiveLinkAt: async index =>\n      await (await optionAt(index)).$('a').exists(),\n  };\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAAyE;AAAA;AAElE,IAAMA,2BAA2B,GAAGC,IAAI,IAAI;EACjD,IAAMC,QAAQ;IAAA,2CAAG,WAAMC,QAAQ;MAAA,OAC7BF,IAAI,CAACG,CAAC,wBAAgBC,qBAAU,CAACC,YAAY,cAAIH,QAAQ,SAAK;IAAA;IAAA,gBAD1DD,QAAQ;MAAA;IAAA;EAAA,GACkD;EAEhE,uCACK,IAAAK,+BAAoB,EAACN,IAAI,CAAC;IAE7B;AACJ;AACA;AACA;IACIO,iBAAiB;MAAA,yDAAE;QAAA,aACXP,IAAI,CAACQ,EAAE,yBAAiBJ,qBAAU,CAACC,YAAY,UAAM,CAACI,KAAK,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAErE;AACJ;AACA;AACA;AACA;IACIC,mBAAmB;MAAA,2DAAE,WAAMR,QAAQ;QAAA,aAC3B,OAAOD,QAAQ,CAACC,QAAQ,CAAC,EAAES,IAAI,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEzC;AACJ;AACA;AACA;AACA;IACIC,iBAAiB;MAAA,yDAAE,WAAMV,QAAQ;QAAA,OAC/BF,IAAI,CACDG,CAAC,yBAAiBC,qBAAU,CAACS,oBAAoB,cAAIX,QAAQ,SAAK,CAClEY,KAAK,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEZ;AACJ;AACA;AACA;IACIC,eAAe;MAAA,uDAAE,aAAY;QAC3B,IAAMC,UAAU,SAAShB,IAAI,CAACQ,EAAE,YAC1BS,0BAAe,CAACC,WAAW,gBAChC;QACD,OAAO,OAAOF,UAAU,CAACP,KAAK,EAAE,MAAM,CAAC,GACnCU,QAAQ,OACAH,UAAU,CAACI,GAAG,CAAC,CAAC,CAAC,CAACC,IAAI,CAACJ,0BAAe,CAACK,gBAAgB,CAAC,CAC/D,GACD,IAAI;MACV,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IAED;AACJ;AACA;AACA;IACIC,OAAO;MAAA,+CAAE;QAAA,OACP,OAAOvB,IAAI,CAACqB,IAAI,CAACJ,0BAAe,CAACO,SAAS,CAAC,MAAMC,gBAAK,CAACC,KAAK;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAE9D;AACJ;AACA;AACA;IACIC,QAAQ;MAAA,gDAAE;QAAA,OACR,OAAO3B,IAAI,CAACqB,IAAI,CAACJ,0BAAe,CAACO,SAAS,CAAC,MAAMC,gBAAK,CAACG,MAAM;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAE/D;AACJ;AACA;AACA;IACIC,mBAAmB;MAAA,2DAAE;QAAA,OACnB,OAAO7B,IAAI,CAACqB,IAAI,CAACJ,0BAAe,CAACa,UAAU,CAAC,MAC5CC,iBAAM,CAACC,iBAAiB;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAE1B;AACJ;AACA;AACA;IACIC,kBAAkB;MAAA,0DAAE;QAAA,OAClB,OAAOjC,IAAI,CAACqB,IAAI,CAACJ,0BAAe,CAACa,UAAU,CAAC,MAAMC,iBAAM,CAACG,gBAAgB;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAE3E;AACJ;AACA;AACA;IACIC,kBAAkB;MAAA,0DAAE;QAAA,OAClB,OAAOnC,IAAI,CAACqB,IAAI,CAACJ,0BAAe,CAACa,UAAU,CAAC,MAAMC,iBAAM,CAACK,gBAAgB;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAE3E;AACJ;AACA;AACA;AACA;IACIC,cAAc;MAAA,sDAAE,WAAMC,KAAK;QAAA,aACnB,OAAOrC,QAAQ,CAACqC,KAAK,CAAC,EAAEnC,CAAC,CAAC,GAAG,CAAC,CAACoC,MAAM,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA;AAEnD,CAAC;AAAC"}

package/dist/cjs/Breadcrumbs/constnats.js

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.THEMES = exports.SIZES = exports.DATA_HOOKS = exports.DATA_ATTRIBUTES = void 0;
+var SIZES = {
+  medium: 'medium',
+  large: 'large'
+};
+exports.SIZES = SIZES;
+var THEMES = {
+  onGrayBackground: 'onGrayBackground',
+  onWhiteBackground: 'onWhiteBackground',
+  onDarkBackground: 'onDarkBackground'
+};
+exports.THEMES = THEMES;
+var DATA_HOOKS = {
+  ITEM_WRAPPER: 'item_wrapper',
+  BREADCRUMB_CLICKABLE: 'breadcrumb-clickable',
+  BREADCRUMBS_ITEM: 'breadcrumbs-item'
+};
+exports.DATA_HOOKS = DATA_HOOKS;
+var DATA_ATTRIBUTES = {
+  DATA_ACTIVE: 'data-active',
+  DATA_POSITION_ID: 'data-position-id',
+  DATA_SIZE: 'data-size',
+  DATA_THEME: 'data-theme'
+};
+exports.DATA_ATTRIBUTES = DATA_ATTRIBUTES;
+//# sourceMappingURL=constnats.js.map

package/dist/cjs/Breadcrumbs/constnats.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SIZES","medium","large","THEMES","onGrayBackground","onWhiteBackground","onDarkBackground","DATA_HOOKS","ITEM_WRAPPER","BREADCRUMB_CLICKABLE","BREADCRUMBS_ITEM","DATA_ATTRIBUTES","DATA_ACTIVE","DATA_POSITION_ID","DATA_SIZE","DATA_THEME"],"sources":["../../../src/Breadcrumbs/constnats.js"],"sourcesContent":["export const SIZES = {\n  medium: 'medium',\n  large: 'large',\n};\n\nexport const THEMES = {\n  onGrayBackground: 'onGrayBackground',\n  onWhiteBackground: 'onWhiteBackground',\n  onDarkBackground: 'onDarkBackground',\n};\n\nexport const DATA_HOOKS = {\n  ITEM_WRAPPER: 'item_wrapper',\n  BREADCRUMB_CLICKABLE: 'breadcrumb-clickable',\n  BREADCRUMBS_ITEM: 'breadcrumbs-item',\n};\n\nexport const DATA_ATTRIBUTES = {\n  DATA_ACTIVE: 'data-active',\n  DATA_POSITION_ID: 'data-position-id',\n  DATA_SIZE: 'data-size',\n  DATA_THEME: 'data-theme',\n};\n"],"mappings":";;;;AAAO,IAAMA,KAAK,GAAG;EACnBC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAC;AAAC;AAEK,IAAMC,MAAM,GAAG;EACpBC,gBAAgB,EAAE,kBAAkB;EACpCC,iBAAiB,EAAE,mBAAmB;EACtCC,gBAAgB,EAAE;AACpB,CAAC;AAAC;AAEK,IAAMC,UAAU,GAAG;EACxBC,YAAY,EAAE,cAAc;EAC5BC,oBAAoB,EAAE,sBAAsB;EAC5CC,gBAAgB,EAAE;AACpB,CAAC;AAAC;AAEK,IAAMC,eAAe,GAAG;EAC7BC,WAAW,EAAE,aAAa;EAC1BC,gBAAgB,EAAE,kBAAkB;EACpCC,SAAS,EAAE,WAAW;EACtBC,UAAU,EAAE;AACd,CAAC;AAAC"}

package/dist/cjs/Breadcrumbs/index.d.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+class Breadcrumbs extends React.PureComponent {}
+exports.default = Breadcrumbs;
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/Breadcrumbs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Breadcrumbs","React","PureComponent"],"sources":["../../../src/Breadcrumbs/index.d.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface BreadcrumbsProps {\n  dataHook?: string;\n  items: BreadcrumbsItem[];\n  onClick?: (item: BreadcrumbsItem) => any;\n  activeId?: string | number;\n  size?: BreadcrumbsSize;\n  itemMaxWidth?: React.CSSProperties['maxWidth'];\n  theme?: BreadcrumbsTheme;\n}\n\nexport default class Breadcrumbs extends React.PureComponent<BreadcrumbsProps> {}\n\nexport type BreadcrumbsItem = {\n  id: string | number;\n  value: React.ReactNode;\n  link?: string;\n  customElement?: any;\n  disabled?: boolean;\n};\n\nexport type BreadcrumbsSize = 'medium' | 'large';\n\nexport type BreadcrumbsTheme =\n  | 'onWhiteBackground'\n  | 'onGrayBackground'\n  | 'onDarkBackground';\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AAYhB,MAAMA,WAAW,SAASC,KAAK,CAACC,aAAa,CAAmB;AAAE"}

package/dist/cjs/Breadcrumbs/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));
+exports.default = _Breadcrumbs.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Breadcrumbs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Breadcrumbs/index.js"],"sourcesContent":["export { default } from './Breadcrumbs';\n"],"mappings":";;;;;AAAA;AAAwC"}

package/dist/cjs/BrowserPreviewWidget/BrowserPreviewWidget.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _constants = require("./constants");
+var _PreviewWidget = _interopRequireDefault(require("../PreviewWidget"));
+var _BrowserPreviewWidgetSt = require("./BrowserPreviewWidget.st.css.js");
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/BrowserPreviewWidget/BrowserPreviewWidget.js";
+/** Browser preview widget */
+class BrowserPreviewWidget extends _react.default.PureComponent {
+  render() {
+    var {
+      dataHook,
+      skin,
+      backgroundColor,
+      height,
+      width,
+      browserBarSize,
+      children
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_PreviewWidget.default, {
+      className: (0, _BrowserPreviewWidgetSt.st)(_BrowserPreviewWidgetSt.classes.root, {
+        skin,
+        backgroundColor,
+        height,
+        width,
+        browserBarSize
+      }),
+      dataHook: dataHook,
+      skin: skin,
+      backgroundColor: backgroundColor,
+      height: height,
+      width: width,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 53,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": _constants.dataHooks.browserBar,
+      className: _BrowserPreviewWidgetSt.classes.browserBar,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 67,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: _BrowserPreviewWidgetSt.classes.circlesContainer,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 68,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: _BrowserPreviewWidgetSt.classes.circle,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 69,
+        columnNumber: 13
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: _BrowserPreviewWidgetSt.classes.circle,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 70,
+        columnNumber: 13
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: _BrowserPreviewWidgetSt.classes.circle,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 71,
+        columnNumber: 13
+      }
+    }))), /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": _constants.dataHooks.browserContent,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 74,
+        columnNumber: 9
+      }
+    }, children));
+  }
+}
+BrowserPreviewWidget.displayName = 'BrowserPreviewWidget';
+BrowserPreviewWidget.propTypes = {
+  /** Applied as data-hook HTML attribute that can be used in the tests*/
+  dataHook: _propTypes.default.string,
+  /** Background skin. To use `custom` skin, set it to `custom` and use the `backgroundColor` prop*/
+  skin: _propTypes.default.oneOf(['neutral', 'gradient', 'custom']),
+  /** Mobile preview widget background color. Can be set with `design system` colors*/
+  backgroundColor: _propTypes.default.string,
+  /** Sets the height of the component.*/
+  height: _propTypes.default.string,
+  /** Sets the width of the component */
+  width: _propTypes.default.string,
+  /** Browser bar height */
+  browserBarSize: _propTypes.default.oneOf(['size9', 'size12', 'size18', 'size24']),
+  /** Node to preview */
+  children: _propTypes.default.node.isRequired
+};
+BrowserPreviewWidget.defaultProps = {
+  skin: 'neutral',
+  height: '100%',
+  width: '100%',
+  browserBarSize: 'size12'
+};
+var _default = BrowserPreviewWidget;
+exports.default = _default;
+//# sourceMappingURL=BrowserPreviewWidget.js.map

package/dist/cjs/BrowserPreviewWidget/BrowserPreviewWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BrowserPreviewWidget","React","PureComponent","render","dataHook","skin","backgroundColor","height","width","browserBarSize","children","props","st","classes","root","dataHooks","browserBar","circlesContainer","circle","browserContent","displayName","propTypes","PropTypes","string","oneOf","node","isRequired","defaultProps"],"sources":["../../../src/BrowserPreviewWidget/BrowserPreviewWidget.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { dataHooks } from './constants';\nimport PreviewWidget from '../PreviewWidget';\nimport { st, classes } from './BrowserPreviewWidget.st.css';\n\n/** Browser preview widget */\nclass BrowserPreviewWidget extends React.PureComponent {\n  static displayName = 'BrowserPreviewWidget';\n\n  static propTypes = {\n    /** Applied as data-hook HTML attribute that can be used in the tests*/\n    dataHook: PropTypes.string,\n\n    /** Background skin. To use `custom` skin, set it to `custom` and use the `backgroundColor` prop*/\n    skin: PropTypes.oneOf(['neutral', 'gradient', 'custom']),\n\n    /** Mobile preview widget background color. Can be set with `design system` colors*/\n    backgroundColor: PropTypes.string,\n\n    /** Sets the height of the component.*/\n    height: PropTypes.string,\n\n    /** Sets the width of the component */\n    width: PropTypes.string,\n\n    /** Browser bar height */\n    browserBarSize: PropTypes.oneOf(['size9', 'size12', 'size18', 'size24']),\n\n    /** Node to preview */\n    children: PropTypes.node.isRequired,\n  };\n\n  static defaultProps = {\n    skin: 'neutral',\n    height: '100%',\n    width: '100%',\n    browserBarSize: 'size12',\n  };\n\n  render() {\n    const {\n      dataHook,\n      skin,\n      backgroundColor,\n      height,\n      width,\n      browserBarSize,\n      children,\n    } = this.props;\n\n    return (\n      <PreviewWidget\n        className={st(classes.root, {\n          skin,\n          backgroundColor,\n          height,\n          width,\n          browserBarSize,\n        })}\n        dataHook={dataHook}\n        skin={skin}\n        backgroundColor={backgroundColor}\n        height={height}\n        width={width}\n      >\n        <div data-hook={dataHooks.browserBar} className={classes.browserBar}>\n          <div className={classes.circlesContainer}>\n            <div className={classes.circle} />\n            <div className={classes.circle} />\n            <div className={classes.circle} />\n          </div>\n        </div>\n        <div data-hook={dataHooks.browserContent}>{children}</div>\n      </PreviewWidget>\n    );\n  }\n}\n\nexport default BrowserPreviewWidget;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AAA4D;AAE5D;AACA,MAAMA,oBAAoB,SAASC,cAAK,CAACC,aAAa,CAAC;EAiCrDC,MAAM,GAAG;IACP,IAAM;MACJC,QAAQ;MACRC,IAAI;MACJC,eAAe;MACfC,MAAM;MACNC,KAAK;MACLC,cAAc;MACdC;IACF,CAAC,GAAG,IAAI,CAACC,KAAK;IAEd,oBACE,6BAAC,sBAAa;MACZ,SAAS,EAAE,IAAAC,0BAAE,EAACC,+BAAO,CAACC,IAAI,EAAE;QAC1BT,IAAI;QACJC,eAAe;QACfC,MAAM;QACNC,KAAK;QACLC;MACF,CAAC,CAAE;MACH,QAAQ,EAAEL,QAAS;MACnB,IAAI,EAAEC,IAAK;MACX,eAAe,EAAEC,eAAgB;MACjC,MAAM,EAAEC,MAAO;MACf,KAAK,EAAEC,KAAM;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,gBAEb;MAAK,aAAWO,oBAAS,CAACC,UAAW;MAAC,SAAS,EAAEH,+BAAO,CAACG,UAAW;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,gBAClE;MAAK,SAAS,EAAEH,+BAAO,CAACI,gBAAiB;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,gBACvC;MAAK,SAAS,EAAEJ,+BAAO,CAACK,MAAO;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAG,eAClC;MAAK,SAAS,EAAEL,+BAAO,CAACK,MAAO;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAG,eAClC;MAAK,SAAS,EAAEL,+BAAO,CAACK,MAAO;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAG,CAC9B,CACF,eACN;MAAK,aAAWH,oBAAS,CAACI,cAAe;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAAET,QAAQ,CAAO,CAC5C;EAEpB;AACF;AAtEMV,oBAAoB,CACjBoB,WAAW,GAAG,sBAAsB;AADvCpB,oBAAoB,CAGjBqB,SAAS,GAAG;EACjB;EACAjB,QAAQ,EAAEkB,kBAAS,CAACC,MAAM;EAE1B;EACAlB,IAAI,EAAEiB,kBAAS,CAACE,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;EAExD;EACAlB,eAAe,EAAEgB,kBAAS,CAACC,MAAM;EAEjC;EACAhB,MAAM,EAAEe,kBAAS,CAACC,MAAM;EAExB;EACAf,KAAK,EAAEc,kBAAS,CAACC,MAAM;EAEvB;EACAd,cAAc,EAAEa,kBAAS,CAACE,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;EAExE;EACAd,QAAQ,EAAEY,kBAAS,CAACG,IAAI,CAACC;AAC3B,CAAC;AAxBG1B,oBAAoB,CA0BjB2B,YAAY,GAAG;EACpBtB,IAAI,EAAE,SAAS;EACfE,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE,MAAM;EACbC,cAAc,EAAE;AAClB,CAAC;AAAA,eAyCYT,oBAAoB;AAAA"}

package/dist/cjs/BrowserPreviewWidget/BrowserPreviewWidget.meta.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/BrowserPreviewWidget/BrowserPreviewWidget.meta.tsx";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {
+  children: /*#__PURE__*/_react.default.createElement("div", {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 6,
+      columnNumber: 13
+    }
+  })
+};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=BrowserPreviewWidget.meta.js.map

package/dist/cjs/BrowserPreviewWidget/BrowserPreviewWidget.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","children","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/BrowserPreviewWidget/BrowserPreviewWidget.meta.tsx"],"sourcesContent":["import { BrowserPreviewWidgetProps } from '.';\nimport React from \"react\";\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: BrowserPreviewWidgetProps = {\n  children: <div />,\n};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as BrowserPreviewWidgetProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;AACA;AAA0B;AAAA;AAAA;AAE1B;AACO,IAAMA,aAAwC,GAAG;EACtDC,QAAQ,eAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA;AACZ,CAAC;;AAED;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAJ,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMK,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}