@brightspace-ui/core 1.180.2 → 1.182.0

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 (122) hide show
  1. package/components/alert/demo/alert-toast.html +0 -2
  2. package/components/alert/demo/alert.html +0 -2
  3. package/components/backdrop/demo/backdrop.html +0 -2
  4. package/components/breadcrumbs/demo/breadcrumbs.html +0 -2
  5. package/components/button/demo/button-icon.html +0 -2
  6. package/components/button/demo/button-subtle.html +0 -2
  7. package/components/button/demo/button.html +0 -2
  8. package/components/button/demo/floating-buttons-in-frame.html +0 -2
  9. package/components/button/demo/floating-buttons-in-tabs.html +0 -2
  10. package/components/button/demo/floating-buttons-page.html +0 -2
  11. package/components/button/demo/floating-buttons.html +0 -2
  12. package/components/calendar/demo/calendar.html +0 -2
  13. package/components/card/demo/card.html +0 -2
  14. package/components/colors/demo/colors.html +0 -2
  15. package/components/count-badge/count-badge.js +4 -2
  16. package/components/count-badge/demo/count-badge.html +0 -2
  17. package/components/demo/demo/demo-snippet.html +0 -2
  18. package/components/dialog/demo/dialog-confirm.html +0 -2
  19. package/components/dialog/demo/dialog-fullscreen.html +0 -2
  20. package/components/dialog/demo/dialog-nested.html +0 -2
  21. package/components/dialog/demo/dialog.html +0 -2
  22. package/components/dropdown/demo/dropdown-button.html +0 -2
  23. package/components/dropdown/demo/dropdown-context-menu.html +0 -2
  24. package/components/dropdown/demo/dropdown-menu.html +0 -2
  25. package/components/dropdown/demo/dropdown-more.html +0 -2
  26. package/components/dropdown/demo/dropdown-tabs.html +0 -2
  27. package/components/dropdown/demo/dropdown.html +0 -2
  28. package/components/expand-collapse/demo/expand-collapse-content.html +0 -2
  29. package/components/filter/README.md +6 -3
  30. package/components/filter/demo/filter-search-demo.js +13 -10
  31. package/components/filter/demo/filter.html +17 -13
  32. package/components/filter/filter.js +57 -9
  33. package/components/focus-trap/demo/focus-trap.html +0 -2
  34. package/components/form/demo/form-native.html +0 -2
  35. package/components/form/demo/form.html +0 -2
  36. package/components/hierarchical-view/demo/hierarchical-view.html +0 -2
  37. package/components/html-block/README.md +116 -21
  38. package/components/html-block/demo/html-block.html +0 -2
  39. package/components/html-block/html-block.js +1 -0
  40. package/components/icons/demo/icon-custom.html +0 -2
  41. package/components/icons/demo/icon.html +0 -2
  42. package/components/inputs/demo/input-checkbox.html +0 -2
  43. package/components/inputs/demo/input-date-range.html +0 -2
  44. package/components/inputs/demo/input-date-time-range.html +0 -2
  45. package/components/inputs/demo/input-date-time.html +0 -2
  46. package/components/inputs/demo/input-date.html +0 -2
  47. package/components/inputs/demo/input-number.html +0 -2
  48. package/components/inputs/demo/input-percent.html +0 -2
  49. package/components/inputs/demo/input-radio.html +0 -2
  50. package/components/inputs/demo/input-search.html +0 -2
  51. package/components/inputs/demo/input-select.html +0 -2
  52. package/components/inputs/demo/input-text.html +0 -2
  53. package/components/inputs/demo/input-textarea.html +0 -2
  54. package/components/inputs/demo/input-time-range.html +0 -2
  55. package/components/inputs/demo/input-time.html +0 -2
  56. package/components/link/demo/link.html +0 -2
  57. package/components/list/README.md +359 -177
  58. package/components/list/demo/list-drag-and-drop.html +0 -2
  59. package/components/list/demo/list-item-actions.html +0 -2
  60. package/components/list/demo/list-item-layouts.html +0 -2
  61. package/components/list/demo/list.html +0 -2
  62. package/components/list/list-header.js +2 -1
  63. package/components/list/list-item-button.js +2 -1
  64. package/components/list/list-item-checkbox-mixin.js +12 -4
  65. package/components/list/list-item-drag-drop-mixin.js +17 -1
  66. package/components/list/list-item-drag-handle.js +18 -1
  67. package/components/list/list-item-generic-layout.js +1 -0
  68. package/components/list/list-item-link-mixin.js +1 -0
  69. package/components/list/list-item-mixin.js +2 -0
  70. package/components/list/list-item.js +3 -0
  71. package/components/list/list.js +2 -2
  72. package/components/loading-spinner/demo/loading-spinner.html +0 -2
  73. package/components/menu/demo/checkbox-menu.html +0 -2
  74. package/components/menu/demo/menu.html +0 -2
  75. package/components/menu/demo/radio-menu.html +0 -2
  76. package/components/meter/demo/meter.html +0 -2
  77. package/components/more-less/demo/more-less.html +0 -2
  78. package/components/offscreen/demo/offscreen.html +0 -2
  79. package/components/overflow-group/demo/overflow-group.html +0 -2
  80. package/components/scroll-wrapper/README.md +27 -9
  81. package/components/scroll-wrapper/demo/scroll-wrapper.html +0 -2
  82. package/components/scroll-wrapper/scroll-wrapper.js +2 -1
  83. package/components/selection/demo/selection.html +0 -2
  84. package/components/skeleton/demo/skeleton-mixin.html +0 -2
  85. package/components/status-indicator/demo/status-indicator.html +0 -2
  86. package/components/switch/demo/switch.html +0 -2
  87. package/components/table/demo/table.html +0 -2
  88. package/components/tabs/demo/tabs.html +0 -2
  89. package/components/tooltip/demo/tooltip.html +0 -2
  90. package/components/typography/demo/typography.html +0 -2
  91. package/custom-elements.json +70 -60
  92. package/directives/animate/demo/index.html +0 -2
  93. package/helpers/demo/announce.html +0 -2
  94. package/helpers/demo/dismissible.html +0 -2
  95. package/helpers/demo/gestures.html +0 -2
  96. package/helpers/framed.js +41 -0
  97. package/lang/ar.js +6 -0
  98. package/lang/cy.js +6 -0
  99. package/lang/da.js +6 -0
  100. package/lang/de.js +6 -0
  101. package/lang/en.js +6 -0
  102. package/lang/es-es.js +6 -0
  103. package/lang/es.js +6 -0
  104. package/lang/fr-fr.js +6 -0
  105. package/lang/fr.js +6 -0
  106. package/lang/ja.js +6 -0
  107. package/lang/ko.js +6 -0
  108. package/lang/nl.js +6 -0
  109. package/lang/pt.js +6 -0
  110. package/lang/sv.js +6 -0
  111. package/lang/tr.js +6 -0
  112. package/lang/zh-tw.js +6 -0
  113. package/lang/zh.js +6 -0
  114. package/mixins/async-container/demo/async-container.html +0 -2
  115. package/mixins/demo/arrow-keys-mixin.html +0 -2
  116. package/mixins/demo/labelled-mixin.html +0 -2
  117. package/mixins/demo/localize-mixin.html +0 -2
  118. package/mixins/labelled-mixin.js +8 -0
  119. package/package.json +1 -2
  120. package/templates/primary-secondary/demo/index.html +0 -2
  121. package/templates/primary-secondary/demo/overflow-hidden.html +0 -2
  122. package/templates/primary-secondary/demo/width-type-normal.html +0 -2
package/components/focus-trap/demo/focus-trap.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../../inputs/input-checkbox.js';
package/components/form/demo/form-native.html CHANGED
@@ -3,10 +3,8 @@
3
3
 
4
4
  <head>
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
7
6
  <meta charset="UTF-8">
8
7
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
9
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
10
8
  <script type="module">
11
9
  import '../../demo/demo-page.js';
12
10
  import './form-native-demo.js';
package/components/form/demo/form.html CHANGED
@@ -3,10 +3,8 @@
3
3
 
4
4
  <head>
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
7
6
  <meta charset="UTF-8">
8
7
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
9
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
10
8
  <script type="module">
11
9
  import '../../demo/demo-page.js';
12
10
  import './form-demo.js';
package/components/hierarchical-view/demo/hierarchical-view.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../hierarchical-view.js';
package/components/html-block/README.md CHANGED
@@ -1,44 +1,139 @@
1
- # HTML Block
1
+ # HTML Content Display
2
+
3
+ Components to assist with displaying user-authored HTML within your webpage.
4
+
5
+ ## HTML Block [d2l-html-block]
2
6
 
3
7
  The `d2l-html-block` element is a web component for displaying user-authored HTML. It includes styles for headings, lists, anchors and other elements. In addition, it provides integration with MathJax for rendering MathML.
4
8
 
5
9
  Place the user-authored HTML within a `template` and the `d2l-html-block` will stamp the content into its local DOM where styles will be applied, and math typeset.
6
10
 
7
- **Important**: user-authored HTML must be trusted or properly sanitized!
8
-
11
+ <!-- docs: demo live name:d2l-html-block autoSize:false size:small -->
9
12
  ```html
10
13
  <script type="module">
11
14
  import '@brightspace-ui/core/components/html-block/html-block.js';
15
+ import '@brightspace-ui/core/components/icons/icon.js';
12
16
  </script>
13
-
14
17
  <d2l-html-block>
15
- <template>
16
- <!-- some html -->
17
- </template>
18
+ <template>
19
+ <!-- docs: start hidden content -->
20
+ <style>
21
+ div {
22
+ --d2l-icon-fill-color: var(--d2l-color-cinnabar);
23
+ }
24
+ span {
25
+ color: var(--d2l-color-cinnabar);
26
+ margin-left: 10px;
27
+ vertical-align: middle;
28
+ }
29
+ d2l-icon {
30
+ align-self: center;
31
+ flex-shrink: 0;
32
+ }
33
+ .warning-container {
34
+ align-items: center;
35
+ display: flex;
36
+ justify-content: center;
37
+ }
38
+ </style>
39
+ <!-- docs: end hidden content --><div class="warning-container">
40
+ <d2l-icon icon="tier3:alert"></d2l-icon>
41
+ <span>
42
+ <b>Important:</b> user-authored HTML must be trusted or properly sanitized!
43
+ </span>
44
+ </div>
45
+ </template>
18
46
  </d2l-html-block>
19
47
  ```
20
48
 
21
- To use `d2l-html-block` within another Lit component, use the `unsafeHTML` directive to avoid escaping the HTML.
49
+ To use `d2l-html-block` within another Lit component, use the [unsafeHTML](https://lit-html.polymer-project.org/guide/template-reference#unsafehtml) directive to avoid escaping the HTML.
22
50
 
23
- ```javascript
24
- import { html, LitElement } from 'lit-element/lit-element.js';
25
- import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
51
+ ```html
52
+ <script type="module">
53
+ import { html, LitElement } from 'lit-element/lit-element.js';
54
+ import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
55
+ import '@brightspace-ui/core/components/icons/icon.js';
26
56
 
27
- class SomeComponent extends LitElement {
57
+ class SomeComponent extends LitElement {
58
+ render() {
59
+ return html`
60
+ <d2l-html-block>
61
+ <template>${unsafeHTML(this._unsafeHTML)}</template>
62
+ </d2l-html-block>`;
63
+ }
64
+ }
28
65
 
29
- render() {
30
- return html`
31
- <d2l-html-block>
32
- <template>${unsafeHTML(this._someHTML)}</template>
33
- </d2l-html-block>
34
- `;
35
- }
66
+ customElements.define('d2l-some-component', SomeComponent);
67
+ </script>
68
+ <d2l-some-component></d2l-some-component>
69
+ ```
36
70
 
37
- }
71
+ ### Rendering MathML and LaTeX
72
+ Examples are provided to display how user-authored math can be embedded within your webpage.
38
73
 
39
- customElements.define('d2l-some-component', SomeComponent);
74
+ **MathML:**
75
+ <!-- docs: demo code -->
76
+ ```html
77
+ <script type="module">
78
+ import '@brightspace-ui/core/components/html-block/html-block.js';
79
+ import '@brightspace-ui/core/components/icons/icon.js';
80
+ </script>
81
+ <d2l-html-block>
82
+ <template>
83
+ <div class="mathml-container">
84
+ <math xmlns="http://www.w3.org/1998/Math/MathML">
85
+ <msqrt>
86
+ <mn>3</mn>
87
+ <mi>x</mi>
88
+ <mo>&#x2212;</mo>
89
+ <mn>1</mn>
90
+ </msqrt>
91
+ <mo>+</mo>
92
+ <mo stretchy="false">(</mo>
93
+ <mn>1</mn>
94
+ <mo>+</mo>
95
+ <mi>x</mi>
96
+ <msup>
97
+ <mo stretchy="false">)</mo>
98
+ <mn>2</mn>
99
+ </msup>
100
+ </math>
101
+ </div>
102
+ </template>
103
+ </d2l-html-block>
40
104
  ```
41
105
 
106
+ **LaTeX:** Rendering LaTeX requires the `us125413-mathjax-render-latex` feature flag to be enabled.
107
+
108
+ <!-- docs: demo code -->
109
+ ```html
110
+ <script type="module">
111
+ import '@brightspace-ui/core/components/html-block/html-block.js';
112
+ import '@brightspace-ui/core/components/icons/icon.js';
113
+
114
+ </script>
115
+ <script>
116
+ window.D2L = {};
117
+ D2L.LP = {};
118
+ D2L.LP.Web = {};
119
+ D2L.LP.Web.UI = {};
120
+ D2L.LP.Web.UI.Flags = {
121
+ Flag: (feature, defaultValue) => {
122
+ if (feature === 'us125413-mathjax-render-latex') return true;
123
+ else return defaultValue;
124
+ }
125
+ };
126
+ </script>
127
+ <d2l-html-block>
128
+ <template>
129
+ <div class="latex-container">
130
+ $$ f(x) = \int \mathrm{e}^{-x}\,\mathrm{d}x $$ $$ x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
131
+ </div>
132
+ </template>
133
+ </d2l-html-block>
134
+ ```
135
+ <!-- docs: start hidden content -->
42
136
  ## Future Enhancements
43
137
 
44
138
  Looking for an enhancement not listed here? Create a GitHub issue!
139
+ <!-- docs: end hidden content -->
package/components/html-block/demo/html-block.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../html-block.js';
package/components/html-block/html-block.js CHANGED
@@ -14,6 +14,7 @@ const getRenderers = () => {
14
14
 
15
15
  /**
16
16
  * A component for displaying user-authored HTML.
17
+ * @slot - Provide an html template that contains your user-authored HTML
17
18
  */
18
19
  class HtmlBlock extends LitElement {
19
20
 
package/components/icons/demo/icon-custom.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../icon-custom.js';
package/components/icons/demo/icon.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../icon.js';
package/components/inputs/demo/input-checkbox.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../input-checkbox.js';
package/components/inputs/demo/input-date-range.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en" data-timezone='{"name":"Canada - Toronto", "identifier":"America/Toronto"}'>
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../input-date-range.js';
package/components/inputs/demo/input-date-time-range.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en" data-timezone='{"name":"Canada - Toronto", "identifier":"America/Toronto"}'>
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../input-date-time-range.js';
package/components/inputs/demo/input-date-time.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en" data-timezone='{"name":"Canada - Toronto", "identifier":"America/Toronto"}'>
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../input-date-time.js';
package/components/inputs/demo/input-date.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../input-date.js';
package/components/inputs/demo/input-number.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../input-number.js';
package/components/inputs/demo/input-percent.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../input-percent.js';
package/components/inputs/demo/input-radio.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../input-radio-spacer.js';
package/components/inputs/demo/input-search.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../input-search.js';
package/components/inputs/demo/input-select.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import './input-select-test.js';
package/components/inputs/demo/input-text.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../button/button-icon.js';
11
9
  import '../../demo/demo-page.js';
package/components/inputs/demo/input-textarea.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../input-textarea.js';
package/components/inputs/demo/input-time-range.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en" data-timezone='{"name":"Canada - Toronto", "identifier":"America/Toronto"}'>
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../input-time-range.js';
package/components/inputs/demo/input-time.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en" data-timezone='{"name":"Canada - Toronto", "identifier":"America/Toronto"}'>
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../input-time.js';
package/components/link/demo/link.html CHANGED
@@ -2,10 +2,8 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
5
  <meta charset="UTF-8">
7
6
  <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
7
  <script type="module">
10
8
  import '../../demo/demo-page.js';
11
9
  import '../link.js';