GitList
Browse code

new build from home

Louis Jonget authored on18/03/2023 14:55:56
Showing1 changed files
node_modules/pebble-clay/src/scripts/lib/clay-item.js
History View file @f21af81
... ... 
@@ -1,78 +1,78 @@
1 
-'use strict';
2 
-
3 
-var componentRegistry = require('./component-registry');
4 
-var minified = require('../vendor/minified');
5 
-var utils = require('../lib/utils');
6 
-var ClayEvents = require('./clay-events');
7 
-
8 
-var _ = minified._;
9 
-var HTML = minified.HTML;
10 
-
11 
-/**
12 
- * @extends ClayEvents
13 
- * @param {Clay~ConfigItem} config
14 
- * @constructor
15 
- */
16 
-function ClayItem(config) {
17 
-  var self = this;
18 
-
19 
-  var _component = componentRegistry[config.type];
20 
-
21 
-  if (!_component) {
22 
-    throw new Error('The component: ' + config.type + ' is not registered. ' +
23 
-                    'Make sure to register it with ClayConfig.registerComponent()');
24 
-  }
25 
-
26 
-  var extra = {
27 
-    i18n: {
28 
-      foo: 'bar'
29 
-    }
30 
-  };
31 
-  var _templateData = _.extend({}, _component.defaults || {}, config, extra);
32 
-  var _html = _.formatHtml(_component.template.trim(), _templateData);
33 
-
34 
-  /** @type {string|null} */
35 
-  self.id = config.id || null;
36 
-
37 
-  /** @type {string|null} */
38 
-  self.messageKey = config.messageKey || null;
39 
-
40 
-  /** @type {Object} */
41 
-  self.config = config;
42 
-  /** @type {M} */
43 
-  self.$element = HTML(_html, _templateData);
44 
-
45 
-  /** @type {M} */
46 
-  self.$manipulatorTarget = self.$element.select('[data-manipulator-target]');
47 
-
48 
-  // this caters for situations where the manipulator target is the root element
49 
-  if (!self.$manipulatorTarget.length) {
50 
-    self.$manipulatorTarget = self.$element;
51 
-  }
52 
-
53 
-  /**
54 
-   * Run the initializer if it exists and attaches the css to the head.
55 
-   * Passes minified as the first param
56 
-   * @param {ClayConfig} clay
57 
-   * @returns {ClayItem}
58 
-   */
59 
-  self.initialize = function(clay) {
60 
-    if (typeof _component.initialize === 'function') {
61 
-      _component.initialize.call(self, minified, clay);
62 
-    }
63 
-    return self;
64 
-  };
65 
-
66 
-  // attach event methods
67 
-  ClayEvents.call(self, self.$manipulatorTarget);
68 
-
69 
-  // attach the manipulator methods to the clayItem
70 
-  _.eachObj(_component.manipulator, function(methodName, method) {
71 
-    self[methodName] = method.bind(self);
72 
-  });
73 
-
74 
-  // prevent external modifications of properties
75 
-  utils.updateProperties(self, { writable: false, configurable: false });
76 
-}
77 
-
78 
-module.exports = ClayItem;
1 
+'use strict';
2 
+
3 
+var componentRegistry = require('./component-registry');
4 
+var minified = require('../vendor/minified');
5 
+var utils = require('../lib/utils');
6 
+var ClayEvents = require('./clay-events');
7 
+
8 
+var _ = minified._;
9 
+var HTML = minified.HTML;
10 
+
11 
+/**
12 
+ * @extends ClayEvents
13 
+ * @param {Clay~ConfigItem} config
14 
+ * @constructor
15 
+ */
16 
+function ClayItem(config) {
17 
+  var self = this;
18 
+
19 
+  var _component = componentRegistry[config.type];
20 
+
21 
+  if (!_component) {
22 
+    throw new Error('The component: ' + config.type + ' is not registered. ' +
23 
+                    'Make sure to register it with ClayConfig.registerComponent()');
24 
+  }
25 
+
26 
+  var extra = {
27 
+    i18n: {
28 
+      foo: 'bar'
29 
+    }
30 
+  };
31 
+  var _templateData = _.extend({}, _component.defaults || {}, config, extra);
32 
+  var _html = _.formatHtml(_component.template.trim(), _templateData);
33 
+
34 
+  /** @type {string|null} */
35 
+  self.id = config.id || null;
36 
+
37 
+  /** @type {string|null} */
38 
+  self.messageKey = config.messageKey || null;
39 
+
40 
+  /** @type {Object} */
41 
+  self.config = config;
42 
+  /** @type {M} */
43 
+  self.$element = HTML(_html, _templateData);
44 
+
45 
+  /** @type {M} */
46 
+  self.$manipulatorTarget = self.$element.select('[data-manipulator-target]');
47 
+
48 
+  // this caters for situations where the manipulator target is the root element
49 
+  if (!self.$manipulatorTarget.length) {
50 
+    self.$manipulatorTarget = self.$element;
51 
+  }
52 
+
53 
+  /**
54 
+   * Run the initializer if it exists and attaches the css to the head.
55 
+   * Passes minified as the first param
56 
+   * @param {ClayConfig} clay
57 
+   * @returns {ClayItem}
58 
+   */
59 
+  self.initialize = function(clay) {
60 
+    if (typeof _component.initialize === 'function') {
61 
+      _component.initialize.call(self, minified, clay);
62 
+    }
63 
+    return self;
64 
+  };
65 
+
66 
+  // attach event methods
67 
+  ClayEvents.call(self, self.$manipulatorTarget);
68 
+
69 
+  // attach the manipulator methods to the clayItem
70 
+  _.eachObj(_component.manipulator, function(methodName, method) {
71 
+    self[methodName] = method.bind(self);
72 
+  });
73 
+
74 
+  // prevent external modifications of properties
75 
+  utils.updateProperties(self, { writable: false, configurable: false });
76 
+}
77 
+
78 
+module.exports = ClayItem;
Browse code

init commit

louis.jonget authored on30/09/2022 18:58:18
Showing1 changed files
node_modules/pebble-clay/src/scripts/lib/clay-item.js
History View file @75d78e2
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,78 @@
1 
+'use strict';
2 
+
3 
+var componentRegistry = require('./component-registry');
4 
+var minified = require('../vendor/minified');
5 
+var utils = require('../lib/utils');
6 
+var ClayEvents = require('./clay-events');
7 
+
8 
+var _ = minified._;
9 
+var HTML = minified.HTML;
10 
+
11 
+/**
12 
+ * @extends ClayEvents
13 
+ * @param {Clay~ConfigItem} config
14 
+ * @constructor
15 
+ */
16 
+function ClayItem(config) {
17 
+  var self = this;
18 
+
19 
+  var _component = componentRegistry[config.type];
20 
+
21 
+  if (!_component) {
22 
+    throw new Error('The component: ' + config.type + ' is not registered. ' +
23 
+                    'Make sure to register it with ClayConfig.registerComponent()');
24 
+  }
25 
+
26 
+  var extra = {
27 
+    i18n: {
28 
+      foo: 'bar'
29 
+    }
30 
+  };
31 
+  var _templateData = _.extend({}, _component.defaults || {}, config, extra);
32 
+  var _html = _.formatHtml(_component.template.trim(), _templateData);
33 
+
34 
+  /** @type {string|null} */
35 
+  self.id = config.id || null;
36 
+
37 
+  /** @type {string|null} */
38 
+  self.messageKey = config.messageKey || null;
39 
+
40 
+  /** @type {Object} */
41 
+  self.config = config;
42 
+  /** @type {M} */
43 
+  self.$element = HTML(_html, _templateData);
44 
+
45 
+  /** @type {M} */
46 
+  self.$manipulatorTarget = self.$element.select('[data-manipulator-target]');
47 
+
48 
+  // this caters for situations where the manipulator target is the root element
49 
+  if (!self.$manipulatorTarget.length) {
50 
+    self.$manipulatorTarget = self.$element;
51 
+  }
52 
+
53 
+  /**
54 
+   * Run the initializer if it exists and attaches the css to the head.
55 
+   * Passes minified as the first param
56 
+   * @param {ClayConfig} clay
57 
+   * @returns {ClayItem}
58 
+   */
59 
+  self.initialize = function(clay) {
60 
+    if (typeof _component.initialize === 'function') {
61 
+      _component.initialize.call(self, minified, clay);
62 
+    }
63 
+    return self;
64 
+  };
65 
+
66 
+  // attach event methods
67 
+  ClayEvents.call(self, self.$manipulatorTarget);
68 
+
69 
+  // attach the manipulator methods to the clayItem
70 
+  _.eachObj(_component.manipulator, function(methodName, method) {
71 
+    self[methodName] = method.bind(self);
72 
+  });
73 
+
74 
+  // prevent external modifications of properties
75 
+  utils.updateProperties(self, { writable: false, configurable: false });
76 
+}
77 
+
78 
+module.exports = ClayItem;