@everymatrix/general-footer-template 1.53.0 → 1.53.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/cjs/custom-clock.cjs.entry.js +18 -6
  2. package/dist/cjs/custom-content-section.cjs.entry.js +81 -33
  3. package/dist/cjs/general-footer-template.cjs.entry.js +42 -18
  4. package/dist/cjs/general-footer-template.cjs.js +2 -2
  5. package/dist/cjs/image-list.cjs.entry.js +9 -4
  6. package/dist/cjs/{index-465b4ca9.js → index-bd066c40.js} +188 -92
  7. package/dist/cjs/link-section-list.cjs.entry.js +7 -4
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/collection/collection-manifest.json +1 -1
  10. package/dist/collection/components/custom-clock/custom-clock.js +25 -5
  11. package/dist/collection/components/custom-content-section/custom-content-section.js +14 -2
  12. package/dist/collection/components/general-footer-template/general-footer-template.js +71 -17
  13. package/dist/collection/components/image-list/image-list.js +14 -3
  14. package/dist/collection/components/link-section-list/link-section-list.js +16 -3
  15. package/dist/esm/custom-clock.entry.js +18 -6
  16. package/dist/esm/custom-content-section.entry.js +81 -33
  17. package/dist/esm/general-footer-template.entry.js +42 -18
  18. package/dist/esm/general-footer-template.js +3 -3
  19. package/dist/esm/image-list.entry.js +9 -4
  20. package/dist/esm/{index-9775f5ee.js → index-f9286439.js} +188 -92
  21. package/dist/esm/link-section-list.entry.js +7 -4
  22. package/dist/esm/loader.js +2 -2
  23. package/dist/general-footer-template/general-footer-template.esm.js +1 -1
  24. package/dist/general-footer-template/p-9db940d5.entry.js +1 -0
  25. package/dist/general-footer-template/{p-65805523.entry.js → p-a1261e98.entry.js} +1 -1
  26. package/dist/general-footer-template/p-bf402206.entry.js +1 -0
  27. package/dist/general-footer-template/p-c032aa40.entry.js +1 -0
  28. package/dist/general-footer-template/p-f798fd15.js +2 -0
  29. package/dist/general-footer-template/{p-6fe03737.entry.js → p-faca7e12.entry.js} +2 -2
  30. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-footer-template/.stencil/packages/stencil/general-footer-template/stencil.config.d.ts +2 -0
  31. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-footer-template/.stencil/packages/stencil/general-footer-template/stencil.config.dev.d.ts +2 -0
  32. package/package.json +1 -1
  33. package/dist/general-footer-template/p-2fce3c9f.js +0 -2
  34. package/dist/general-footer-template/p-8a165606.entry.js +0 -1
  35. package/dist/general-footer-template/p-db5af7af.entry.js +0 -1
  36. package/dist/general-footer-template/p-e19d7226.entry.js +0 -1
  37. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-footer-template/.stencil/packages/stencil/general-footer-template/stencil.config.d.ts +0 -2
  38. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-footer-template/.stencil/packages/stencil/general-footer-template/stencil.config.dev.d.ts +0 -2
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-465b4ca9.js');
5
+ const index = require('./index-bd066c40.js');
6
6
  const _commonjsHelpers = require('./_commonjsHelpers-0a7b82d9.js');
7
7
 
8
8
  const DEFAULT_LANGUAGE = 'en';
@@ -78,6 +78,23 @@ const CustomClockStyle0 = customClockCss;
78
78
  const CustomClock = class {
79
79
  constructor(hostRef) {
80
80
  index.registerInstance(this, hostRef);
81
+ /**
82
+ * clockformat
83
+ */
84
+ this.clockFormat = 'HH:mm:ss';
85
+ /**
86
+ * configurable time zone
87
+ */
88
+ this.timeZone = '';
89
+ /**
90
+ * custom translation by href
91
+ */
92
+ this.translationUrl = '';
93
+ /**
94
+ * language
95
+ */
96
+ this.language = 'en';
97
+ this.timeString = '';
81
98
  this.startClock = () => {
82
99
  this.intervalId = setInterval(() => {
83
100
  if (this.timeZone.length > 0) {
@@ -90,11 +107,6 @@ const CustomClock = class {
90
107
  }
91
108
  }, 1000);
92
109
  };
93
- this.clockFormat = 'HH:mm:ss';
94
- this.timeZone = '';
95
- this.translationUrl = '';
96
- this.language = 'en';
97
- this.timeString = '';
98
110
  }
99
111
  handleNewTranslations() {
100
112
  getTranslations(this.translationUrl);
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index$2 = require('./index-465b4ca9.js');
5
+ const index$2 = require('./index-bd066c40.js');
6
6
  const _commonjsHelpers = require('./_commonjsHelpers-0a7b82d9.js');
7
7
 
8
8
  var decode = {};
@@ -3331,7 +3331,7 @@ function filter$1(test, node, recurse = true, limit = Infinity) {
3331
3331
  function find(test, nodes, recurse, limit) {
3332
3332
  const result = [];
3333
3333
  /** Stack of the arrays we are looking at. */
3334
- const nodeStack = [nodes];
3334
+ const nodeStack = [Array.isArray(nodes) ? nodes : [nodes]];
3335
3335
  /** Stack of the indices within the arrays. */
3336
3336
  const indexStack = [0];
3337
3337
  for (;;) {
@@ -3385,20 +3385,19 @@ function findOneChild(test, nodes) {
3385
3385
  * @returns The first node that passes `test`.
3386
3386
  */
3387
3387
  function findOne(test, nodes, recurse = true) {
3388
- let elem = null;
3389
- for (let i = 0; i < nodes.length && !elem; i++) {
3390
- const node = nodes[i];
3391
- if (!isTag(node)) {
3392
- continue;
3393
- }
3394
- else if (test(node)) {
3395
- elem = node;
3388
+ const searchedNodes = Array.isArray(nodes) ? nodes : [nodes];
3389
+ for (let i = 0; i < searchedNodes.length; i++) {
3390
+ const node = searchedNodes[i];
3391
+ if (isTag(node) && test(node)) {
3392
+ return node;
3396
3393
  }
3397
- else if (recurse && node.children.length > 0) {
3398
- elem = findOne(test, node.children, true);
3394
+ if (recurse && hasChildren(node) && node.children.length > 0) {
3395
+ const found = findOne(test, node.children, true);
3396
+ if (found)
3397
+ return found;
3399
3398
  }
3400
3399
  }
3401
- return elem;
3400
+ return null;
3402
3401
  }
3403
3402
  /**
3404
3403
  * Checks if a tree of nodes contains at least one node passing a test.
@@ -3409,8 +3408,8 @@ function findOne(test, nodes, recurse = true) {
3409
3408
  * @returns Whether a tree of nodes contains at least one node passing the test.
3410
3409
  */
3411
3410
  function existsOne(test, nodes) {
3412
- return nodes.some((checked) => isTag(checked) &&
3413
- (test(checked) || existsOne(test, checked.children)));
3411
+ return (Array.isArray(nodes) ? nodes : [nodes]).some((node) => (isTag(node) && test(node)) ||
3412
+ (hasChildren(node) && existsOne(test, node.children)));
3414
3413
  }
3415
3414
  /**
3416
3415
  * Search an array of nodes and their children for elements passing a test function.
@@ -3424,7 +3423,7 @@ function existsOne(test, nodes) {
3424
3423
  */
3425
3424
  function findAll(test, nodes) {
3426
3425
  const result = [];
3427
- const nodeStack = [nodes];
3426
+ const nodeStack = [Array.isArray(nodes) ? nodes : [nodes]];
3428
3427
  const indexStack = [0];
3429
3428
  for (;;) {
3430
3429
  if (indexStack[0] >= nodeStack[0].length) {
@@ -3438,11 +3437,9 @@ function findAll(test, nodes) {
3438
3437
  continue;
3439
3438
  }
3440
3439
  const elem = nodeStack[0][indexStack[0]++];
3441
- if (!isTag(elem))
3442
- continue;
3443
- if (test(elem))
3440
+ if (isTag(elem) && test(elem))
3444
3441
  result.push(elem);
3445
- if (elem.children.length > 0) {
3442
+ if (hasChildren(elem) && elem.children.length > 0) {
3446
3443
  indexStack.unshift(0);
3447
3444
  nodeStack.unshift(elem.children);
3448
3445
  }
@@ -3572,6 +3569,19 @@ function getElementById(id, nodes, recurse = true) {
3572
3569
  function getElementsByTagName(tagName, nodes, recurse = true, limit = Infinity) {
3573
3570
  return filter$1(Checks["tag_name"](tagName), nodes, recurse, limit);
3574
3571
  }
3572
+ /**
3573
+ * Returns all nodes with the supplied `className`.
3574
+ *
3575
+ * @category Legacy Query Functions
3576
+ * @param className Class name to search for.
3577
+ * @param nodes Nodes to search through.
3578
+ * @param recurse Also consider child nodes.
3579
+ * @param limit Maximum number of nodes to return.
3580
+ * @returns All nodes with the supplied `className`.
3581
+ */
3582
+ function getElementsByClassName(className, nodes, recurse = true, limit = Infinity) {
3583
+ return filter$1(getAttribCheck("class", className), nodes, recurse, limit);
3584
+ }
3575
3585
  /**
3576
3586
  * Returns all nodes with the supplied `type`.
3577
3587
  *
@@ -3939,6 +3949,7 @@ const index = /*#__PURE__*/Object.freeze({
3939
3949
  getElements: getElements,
3940
3950
  getElementById: getElementById,
3941
3951
  getElementsByTagName: getElementsByTagName,
3952
+ getElementsByClassName: getElementsByClassName,
3942
3953
  getElementsByTagType: getElementsByTagType,
3943
3954
  removeSubsets: removeSubsets,
3944
3955
  get DocumentPosition () { return DocumentPosition; },
@@ -5249,9 +5260,12 @@ class Node$4 {
5249
5260
  if (opts.index) {
5250
5261
  pos = this.positionInside(opts.index);
5251
5262
  } else if (opts.word) {
5252
- let stringRepresentation = this.source.input.css.slice(
5253
- sourceOffset(this.source.input.css, this.source.start),
5254
- sourceOffset(this.source.input.css, this.source.end)
5263
+ let inputString = ('document' in this.source.input)
5264
+ ? this.source.input.document
5265
+ : this.source.input.css;
5266
+ let stringRepresentation = inputString.slice(
5267
+ sourceOffset(inputString, this.source.start),
5268
+ sourceOffset(inputString, this.source.end)
5255
5269
  );
5256
5270
  let index = stringRepresentation.indexOf(opts.word);
5257
5271
  if (index !== -1) pos = this.positionInside(index);
@@ -5262,11 +5276,14 @@ class Node$4 {
5262
5276
  positionInside(index) {
5263
5277
  let column = this.source.start.column;
5264
5278
  let line = this.source.start.line;
5265
- let offset = sourceOffset(this.source.input.css, this.source.start);
5279
+ let inputString = ('document' in this.source.input)
5280
+ ? this.source.input.document
5281
+ : this.source.input.css;
5282
+ let offset = sourceOffset(inputString, this.source.start);
5266
5283
  let end = offset + index;
5267
5284
 
5268
5285
  for (let i = offset; i < end; i++) {
5269
- if (this.source.input.css[i] === '\n') {
5286
+ if (inputString[i] === '\n') {
5270
5287
  column = 1;
5271
5288
  line += 1;
5272
5289
  } else {
@@ -5299,9 +5316,12 @@ class Node$4 {
5299
5316
  };
5300
5317
 
5301
5318
  if (opts.word) {
5302
- let stringRepresentation = this.source.input.css.slice(
5303
- sourceOffset(this.source.input.css, this.source.start),
5304
- sourceOffset(this.source.input.css, this.source.end)
5319
+ let inputString = ('document' in this.source.input)
5320
+ ? this.source.input.document
5321
+ : this.source.input.css;
5322
+ let stringRepresentation = inputString.slice(
5323
+ sourceOffset(inputString, this.source.start),
5324
+ sourceOffset(inputString, this.source.end)
5305
5325
  );
5306
5326
  let index = stringRepresentation.indexOf(opts.word);
5307
5327
  if (index !== -1) {
@@ -6000,22 +6020,34 @@ Document$3.registerProcessor = dependant => {
6000
6020
  var document = Document$3;
6001
6021
  Document$3.default = Document$3;
6002
6022
 
6023
+ // This alphabet uses `A-Za-z0-9_-` symbols.
6024
+ // The order of characters is optimized for better gzip and brotli compression.
6025
+ // References to the same file (works both for gzip and brotli):
6026
+ // `'use`, `andom`, and `rict'`
6027
+ // References to the brotli default dictionary:
6028
+ // `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
6003
6029
  let urlAlphabet =
6004
6030
  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
6031
+
6005
6032
  let customAlphabet = (alphabet, defaultSize = 21) => {
6006
6033
  return (size = defaultSize) => {
6007
6034
  let id = '';
6008
- let i = size;
6035
+ // A compact alternative for `for (var i = 0; i < step; i++)`.
6036
+ let i = size | 0;
6009
6037
  while (i--) {
6038
+ // `| 0` is more compact and faster than `Math.floor()`.
6010
6039
  id += alphabet[(Math.random() * alphabet.length) | 0];
6011
6040
  }
6012
6041
  return id
6013
6042
  }
6014
6043
  };
6044
+
6015
6045
  let nanoid$1 = (size = 21) => {
6016
6046
  let id = '';
6017
- let i = size;
6047
+ // A compact alternative for `for (var i = 0; i < step; i++)`.
6048
+ let i = size | 0;
6018
6049
  while (i--) {
6050
+ // `| 0` is more compact and faster than `Math.floor()`.
6019
6051
  id += urlAlphabet[(Math.random() * 64) | 0];
6020
6052
  }
6021
6053
  return id
@@ -6205,6 +6237,9 @@ class Input$4 {
6205
6237
  this.hasBOM = false;
6206
6238
  }
6207
6239
 
6240
+ this.document = this.css;
6241
+ if (opts.document) this.document = opts.document.toString();
6242
+
6208
6243
  if (opts.from) {
6209
6244
  if (
6210
6245
  !pathAvailable$1 ||
@@ -8604,7 +8639,7 @@ let Root$1 = root;
8604
8639
 
8605
8640
  class Processor$1 {
8606
8641
  constructor(plugins = []) {
8607
- this.version = '8.4.49';
8642
+ this.version = '8.5.1';
8608
8643
  this.plugins = this.normalize(plugins);
8609
8644
  }
8610
8645
 
@@ -9031,6 +9066,15 @@ function sanitizeHtml(html, options, _recursing) {
9031
9066
  if (skip) {
9032
9067
  if (options.disallowedTagsMode === 'discard' || options.disallowedTagsMode === 'completelyDiscard') {
9033
9068
  // We want the contents but not this tag
9069
+ if (frame.innerText && !hasText) {
9070
+ const escaped = escapeHtml(frame.innerText);
9071
+ if (options.textFilter) {
9072
+ result += options.textFilter(escaped, name);
9073
+ } else {
9074
+ result += escapeHtml(frame.innerText);
9075
+ }
9076
+ addedText = true;
9077
+ }
9034
9078
  return;
9035
9079
  }
9036
9080
  tempResult = result;
@@ -9683,9 +9727,13 @@ const CustomContentSectionStyle0 = customContentSectionCss;
9683
9727
  const CustomContentSection = class {
9684
9728
  constructor(hostRef) {
9685
9729
  index$2.registerInstance(this, hostRef);
9686
- this.customContent = undefined;
9687
- this.repeaterContent = undefined;
9730
+ /**
9731
+ * If this is true it will emit an event at the moment the content with url its clicked
9732
+ */
9688
9733
  this.navigateViaEvent = false;
9734
+ /**
9735
+ * Post Message event to be sent on navigation via Event
9736
+ */
9689
9737
  this.postMessageEvent = '';
9690
9738
  }
9691
9739
  render() {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-465b4ca9.js');
5
+ const index = require('./index-bd066c40.js');
6
6
 
7
7
  /**
8
8
  * custom rules for component types
@@ -228,6 +228,47 @@ const GeneralFooterTemplateStyle3 = generalFooterTemplateCss;
228
228
  const GeneralFooterTemplate = class {
229
229
  constructor(hostRef) {
230
230
  index.registerInstance(this, hostRef);
231
+ /**
232
+ * Environment segregation
233
+ */
234
+ this.env = 'stage';
235
+ /**
236
+ * User roles
237
+ */
238
+ this.userRoles = 'everyone';
239
+ /**
240
+ * If this is true it will emit an event at the moment the content with url its clicked
241
+ */
242
+ this.navigateViaEvent = 'false';
243
+ /**
244
+ * Post Message event to be sent on navigation via Event
245
+ */
246
+ this.postMessageEvent = 'NavigateTo';
247
+ /**
248
+ * custom styling by string content
249
+ */
250
+ this.clientStyling = '';
251
+ /**
252
+ * custom styling by href
253
+ */
254
+ this.clientStylingUrl = '';
255
+ /**
256
+ * custom translation by href
257
+ */
258
+ this.translationUrl = '';
259
+ /**
260
+ * clockformat
261
+ */
262
+ this.clockFormat = 'HH:MM:ss';
263
+ /**
264
+ * configurable time zone
265
+ */
266
+ this.timeZone = '';
267
+ /**
268
+ * wether or not styling appends should be disallowed
269
+ */
270
+ this.hasErrors = false;
271
+ this.stylingAppends = false;
231
272
  this.platform = getDevicePlatform();
232
273
  /**
233
274
  * Host element
@@ -251,23 +292,6 @@ const GeneralFooterTemplate = class {
251
292
  console.log('error ', err);
252
293
  });
253
294
  };
254
- this.language = undefined;
255
- this.sections = undefined;
256
- this.endpoint = undefined;
257
- this.env = 'stage';
258
- this.userRoles = 'everyone';
259
- this.userid = undefined;
260
- this.session = undefined;
261
- this.baseUrl = undefined;
262
- this.navigateViaEvent = 'false';
263
- this.postMessageEvent = 'NavigateTo';
264
- this.clientStyling = '';
265
- this.clientStylingUrl = '';
266
- this.translationUrl = '';
267
- this.clockFormat = 'HH:MM:ss';
268
- this.timeZone = '';
269
- this.hasErrors = false;
270
- this.stylingAppends = false;
271
295
  }
272
296
  validateMandatoryFields() {
273
297
  this.MANDATORY_FIELDS.forEach((field) => {
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-465b4ca9.js');
5
+ const index = require('./index-bd066c40.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  /*
9
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
9
+ Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
10
10
  */
11
11
  var patchBrowser = () => {
12
12
  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('general-footer-template.cjs.js', document.baseURI).href));
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-465b4ca9.js');
5
+ const index = require('./index-bd066c40.js');
6
6
 
7
7
  const imageListCss = ".sc-image-list-h {\n display: block;\n margin: 0;\n padding: 0;\n}\n\n.ImageListContainer.sc-image-list {\n height: 100%;\n}\n.ImageListWrapper.sc-image-list {\n box-sizing: border-box;\n height: 100%;\n display: flex;\n flex-direction: column;\n max-width: 90%;\n margin: auto;\n padding: var(--emw--spacing-large, 20px) 0;\n}\n.ImageListSectionTitle.sc-image-list {\n width: 100%;\n display: flex;\n justify-content: left;\n align-content: center;\n padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px);\n color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n text-transform: uppercase;\n font-size: 24px;\n font-weight: 100;\n}\n.ImageListLineup.sc-image-list {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n gap: var(--emw--spacing-x-large, 30px);\n justify-content: left;\n align-items: flex-start;\n padding-left: var(--emw--spacing-large, 20px);\n}\n.ImageListIcon.sc-image-list img.sc-image-list {\n max-height: var(--emw--size-medium-2x-minus, 40px);\n}\n\na.sc-image-list {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-end;\n text-decoration: none;\n}\n\na.sc-image-list p.sc-image-list {\n text-decoration: none;\n color: var(--emw--color-gray-100, #666);\n margin: 0;\n}\n\n@container (max-width: 750px) {\n .ImageListSectionTitle.sc-image-list {\n justify-content: center;\n font-size: var(--emw--font-size-medium, 16px);\n color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n padding: var(--emw--spacing-large, 20px) 0 var(--emw--spacing-x-large, 30px);\n justify-content: center;\n }\n .ImageListLineup.sc-image-list {\n justify-content: center;\n padding: 0;\n }\n}";
8
8
  const ImageListStyle0 = imageListCss;
@@ -10,12 +10,17 @@ const ImageListStyle0 = imageListCss;
10
10
  const ImageList = class {
11
11
  constructor(hostRef) {
12
12
  index.registerInstance(this, hostRef);
13
+ /**
14
+ * If this is true it will emit an event at the moment the content with url its clicked
15
+ */
16
+ this.navigateViaEvent = false;
17
+ /**
18
+ * Post Message event to be sent on navigation via event
19
+ */
20
+ this.postMessageEvent = '';
13
21
  this.navigateLink = (url, target, externalLink) => {
14
22
  window.postMessage({ type: this.postMessageEvent, path: url, url, target, externalLink }, window.location.href);
15
23
  };
16
- this.repeaterContent = undefined;
17
- this.navigateViaEvent = false;
18
- this.postMessageEvent = '';
19
24
  }
20
25
  render() {
21
26
  var _a, _b, _c;