@brightspace-ui/core 3.142.1 → 3.143.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.
@@ -318,6 +318,9 @@ export const ListItemMixin = superclass => class extends composeMixins(
318
318
  .d2l-list-item-content-extend-separators [slot="outside-control-container"] {
319
319
  margin: 0;
320
320
  }
321
+ :host([_list-item-new-styles][draggable]) [slot="outside-control-container"] {
322
+ margin-inline-end: -12px;
323
+ }
321
324
 
322
325
  :host([_has-color-slot]) .d2l-list-item-content-extend-separators [slot="outside-control-container"],
323
326
  :host([dir="rtl"][_has-color-slot]) .d2l-list-item-content-extend-separators [slot="outside-control-container"] {
@@ -38,7 +38,7 @@
38
38
  <div style="border: 1px solid black; width: 600px;">stuff</div>
39
39
  <div slot="footer">footer content</div>
40
40
  </d2l-test-popover>
41
- <script>
41
+ <script data-demo-hide>
42
42
  window.wireUpPopover(document.currentScript.parentNode);
43
43
  </script>
44
44
  </template>
@@ -51,7 +51,7 @@
51
51
  <d2l-test-popover>
52
52
  <div>1</div>
53
53
  </d2l-test-popover>
54
- <script>
54
+ <script data-demo-hide>
55
55
  window.wireUpPopover(document.currentScript.parentNode);
56
56
  </script>
57
57
  </template>
@@ -64,7 +64,7 @@
64
64
  <d2l-test-popover>
65
65
  <div>Sink me piracy Gold Road.</div>
66
66
  </d2l-test-popover>
67
- <script>
67
+ <script data-demo-hide>
68
68
  window.wireUpPopover(document.currentScript.parentNode);
69
69
  </script>
70
70
  </template>
@@ -77,7 +77,7 @@
77
77
  <d2l-test-popover>
78
78
  <div>Sink me piracy Gold Road quarterdeck wherry long boat line pillage walk the plank Plate Fleet. Haul wind black spot strike colors deadlights lee Barbary Coast yo-ho-ho ballast gally Shiver me timbers. Sea Legs quarterdeck yard scourge of the seven seas coffer plunder lanyard holystone code of conduct belay.</div>
79
79
  </d2l-test-popover>
80
- <script>
80
+ <script data-demo-hide>
81
81
  window.wireUpPopover(document.currentScript.parentNode);
82
82
  </script>
83
83
  </template>
@@ -90,7 +90,7 @@
90
90
  <d2l-test-popover no-pointer>
91
91
  <div>Sink me piracy Gold Road quarterdeck wherry long boat line pillage walk the plank Plate Fleet. Haul wind black spot strike colors deadlights lee Barbary Coast yo-ho-ho ballast gally Shiver me timbers. Sea Legs quarterdeck yard scourge of the seven seas coffer plunder lanyard holystone code of conduct belay.</div>
92
92
  </d2l-test-popover>
93
- <script>
93
+ <script data-demo-hide>
94
94
  window.wireUpPopover(document.currentScript.parentNode);
95
95
  </script>
96
96
  </template>
@@ -103,7 +103,7 @@
103
103
  <d2l-test-popover max-width="1000">
104
104
  <div>Sink me piracy Gold Road quarterdeck wherry and some.</div>
105
105
  </d2l-test-popover>
106
- <script>
106
+ <script data-demo-hide>
107
107
  window.wireUpPopover(document.currentScript.parentNode);
108
108
  </script>
109
109
  </template>
@@ -116,7 +116,7 @@
116
116
  <d2l-test-popover max-width="1000">
117
117
  <div>Sink me piracy Gold Road quarterdeck wherry long boat line pillage walk the plank Plate Fleet. Haul wind black spot strike colors deadlights lee Barbary Coast yo-ho-ho ballast gally Shiver me timbers. Sea Legs quarterdeck yard scourge of the seven seas coffer plunder lanyard holystone code of conduct belay.</div>
118
118
  </d2l-test-popover>
119
- <script>
119
+ <script data-demo-hide>
120
120
  window.wireUpPopover(document.currentScript.parentNode);
121
121
  </script>
122
122
  </template>
@@ -129,7 +129,7 @@
129
129
  <d2l-test-popover min-width="60">
130
130
  <div>1</div>
131
131
  </d2l-test-popover>
132
- <script>
132
+ <script data-demo-hide>
133
133
  window.wireUpPopover(document.currentScript.parentNode);
134
134
  </script>
135
135
  </template>
@@ -138,25 +138,34 @@
138
138
  <h2>Popover (position location)</h2>
139
139
  <d2l-demo-snippet>
140
140
  <template>
141
- <d2l-button-subtle text="Open"></d2l-button-subtle>
142
- <d2l-test-popover position-location="block-start">
143
- <div>Sink me piracy Gold Road.</div>
144
- </d2l-test-popover>
145
- <script>
146
- window.wireUpPopover(document.currentScript.parentNode);
147
- </script>
148
- </template>
149
- </d2l-demo-snippet>
150
-
151
- <h2>Popover (position span)</h2>
152
- <d2l-demo-snippet>
153
- <template>
154
- <div style="text-align: center;"><d2l-button-subtle text="Open"></d2l-button-subtle></div>
155
- <d2l-test-popover position-span="end">
156
- <div>Sink me piracy Gold Road.</div>
157
- </d2l-test-popover>
158
- <script>
159
- window.wireUpPopover(document.currentScript.parentNode);
141
+ <div>
142
+ <select id="location">
143
+ <option value="block-start">block-start</option>
144
+ <option value="block-end" selected>block-end</option>
145
+ <option value="inline-start">inline-start</option>
146
+ <option value="inline-end">inline-end</option>
147
+ </select>
148
+ <select id="span">
149
+ <option value="all" selected>all</option>
150
+ <option value="start">start</option>
151
+ <option value="end">end</option>
152
+ </select>
153
+ </div>
154
+ <div style="text-align: center;">
155
+ <d2l-button-subtle text="Open"></d2l-button-subtle>
156
+ <d2l-test-popover position-location="block-end">
157
+ <div>Sink me piracy Gold Road.</div>
158
+ </d2l-test-popover>
159
+ </div>
160
+ <script data-demo-hide>
161
+ const demo = document.currentScript.parentNode;
162
+ window.wireUpPopover(demo);
163
+ demo.querySelector('#location').addEventListener('change', e => {
164
+ demo.querySelector('d2l-test-popover').positionLocation = e.target.value;
165
+ });
166
+ demo.querySelector('#span').addEventListener('change', e => {
167
+ demo.querySelector('d2l-test-popover').positionSpan = e.target.value;
168
+ });
160
169
  </script>
161
170
  </template>
162
171
  </d2l-demo-snippet>
@@ -174,7 +183,7 @@
174
183
  <p>Trysail Sail ho Corsair red ensign hulk smartly boom jib rum gangway. Case shot Shiver me timbers gangplank crack Jennys tea cup ballast Blimey lee snow crow's nest rutters. Fluke jib scourge of the seven seas boatswain schooner gaff booty Jack Tar transom spirits.</p>
175
184
  <p>Hardtack hang the jib haul wind booty pillage spike hearties Pirate Round tack yard. Piracy fire ship trysail stern scurvy blow the man down skysail salmagundi lee grog blossom. Hands gabion ho schooner lad ballast keel mutiny square-rigged haul wind.</p>
176
185
  </div>
177
- <script>
186
+ <script data-demo-hide>
178
187
  window.wireUpPopover(document.currentScript.parentNode);
179
188
  </script>
180
189
  </template>
@@ -190,7 +199,7 @@
190
199
  <d2l-button-subtle id="mutations-add-above">Add to Above</d2l-button-subtle>
191
200
  </d2l-test-popover>
192
201
  </div>
193
- <script>
202
+ <script data-demo-hide>
194
203
  window.wireUpPopover(document.currentScript.parentNode);
195
204
 
196
205
  document.querySelector('#mutations-add-above').addEventListener('click', e => {
@@ -221,7 +230,7 @@
221
230
  <d2l-button slot="footer" primary data-dialog-action="ok">Click Me!</d2l-button>
222
231
  <d2l-button slot="footer" data-dialog-action>Cancel</d2l-button>
223
232
  </d2l-dialog>
224
- <script>
233
+ <script data-demo-hide>
225
234
  document.querySelector('#openDialog1').addEventListener('click', () => {
226
235
  document.querySelector('#dialog1').opened = true;
227
236
  });
@@ -243,7 +252,7 @@
243
252
  <div>Piracy bowsprit Arr shrouds salmagundi scuttle heave down doubloon trysail Jack Ketch. Killick boom Jolly Roger Pieces of Eight crack Jennys tea cup Cat o'nine tails league Privateer topgallant lanyard. Cat o'nine tails coxswain scurvy spirits keelhaul quarterdeck matey nipper scallywag Jolly Roger.</div>
244
253
  </d2l-test-popover>
245
254
  </d2l-test-popover>
246
- <script>
255
+ <script data-demo-hide>
247
256
  document.querySelector('#outerOpener').addEventListener('click', () => {
248
257
  const popover = document.querySelector('#outerPopover');
249
258
  popover.opened = !popover.opened;
@@ -266,7 +275,7 @@
266
275
  <div>Sink me piracy Gold Road quarterdeck wherry long boat line pillage walk the plank Plate Fleet. Haul wind black spot strike colors deadlights lee Barbary Coast yo-ho-ho ballast gally Shiver me timbers. Sea Legs quarterdeck yard scourge of the seven seas coffer plunder lanyard holystone code of conduct belay.</div>
267
276
  <d2l-button-subtle text="Close"></d2l-button-subtle>
268
277
  </d2l-test-popover>
269
- <script>
278
+ <script data-demo-hide>
270
279
  window.wireUpPopover(document.currentScript.parentNode);
271
280
  </script>
272
281
  </template>
@@ -281,7 +290,7 @@
281
290
  <d2l-link href="https://pirateipsum.me/" target="_blank">Pirate Ipsum</d2l-link>
282
291
  <div>Sink me piracy Gold Road quarterdeck wherry long boat line pillage walk the plank Plate Fleet. Haul wind black spot strike colors deadlights lee Barbary Coast yo-ho-ho ballast gally Shiver me timbers. Sea Legs quarterdeck yard scourge of the seven seas coffer plunder lanyard holystone code of conduct belay.</div>
283
292
  </d2l-test-popover>
284
- <script>
293
+ <script data-demo-hide>
285
294
  window.wireUpPopover(document.currentScript.parentNode);
286
295
  </script>
287
296
  </template>