jekyll-v4-theme-primer 0.12.0 → 0.14.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +18 -0
- data/_layouts/default.html +12 -2
- data/_sass/@primer/css/autocomplete/suggester.scss +11 -11
- data/_sass/@primer/css/avatars/avatar-parent-child.scss +2 -2
- data/_sass/@primer/css/avatars/circle-badge.scss +3 -3
- data/_sass/@primer/css/base/base.scss +5 -5
- data/_sass/@primer/css/base/kbd.scss +5 -5
- data/_sass/@primer/css/base/normalize.scss +2 -2
- data/_sass/@primer/css/box/box-overlay.scss +3 -3
- data/_sass/@primer/css/branch-name/branch-name.scss +6 -6
- data/_sass/@primer/css/buttons/button.scss +63 -63
- data/_sass/@primer/css/buttons/misc.scss +26 -26
- data/_sass/@primer/css/color-modes/native.scss +4 -2
- data/_sass/@primer/css/forms/form-control.scss +18 -18
- data/_sass/@primer/css/forms/form-group.scss +29 -29
- data/_sass/@primer/css/forms/form-select.scss +1 -1
- data/_sass/@primer/css/forms/input-group.scss +10 -0
- data/_sass/@primer/css/forms/radio-group.scss +6 -6
- data/_sass/@primer/css/header/header.scss +7 -7
- data/_sass/@primer/css/layout/app-frame.scss +7 -7
- data/_sass/@primer/css/layout/page-layout.scss +2 -6
- data/_sass/@primer/css/layout/stack.scss +1 -1
- data/_sass/@primer/css/markdown/blob-csv.scss +2 -2
- data/_sass/@primer/css/markdown/code.scss +3 -3
- data/_sass/@primer/css/markdown/footnotes.scss +3 -3
- data/_sass/@primer/css/markdown/headings.scss +4 -4
- data/_sass/@primer/css/markdown/images.scss +3 -3
- data/_sass/@primer/css/markdown/markdown-body.scss +4 -4
- data/_sass/@primer/css/markdown/tables.scss +4 -4
- data/_sass/@primer/css/marketing/buttons/button.scss +9 -10
- data/_sass/@primer/css/marketing/support/variables.scss +15 -0
- data/_sass/@primer/css/marketing/utilities/layout.scss +0 -1
- data/_sass/@primer/css/navigation/filter-list.scss +8 -8
- data/_sass/@primer/css/navigation/sidenav.scss +12 -12
- data/_sass/@primer/css/navigation/subnav.scss +9 -9
- data/_sass/@primer/css/pagination/pagination.scss +7 -7
- data/_sass/@primer/css/select-menu/select-menu.scss +41 -41
- data/_sass/@primer/css/support/mixins/color-modes.scss +89 -1
- data/_sass/@primer/css/support/mixins/misc.scss +8 -8
- data/_sass/@primer/css/support/variables/misc.scss +2 -2
- data/_sass/@primer/css/support/variables/typography.scss +1 -1
- data/_sass/@primer/css/toasts/toasts.scss +17 -17
- data/_sass/@primer/css/tooltips/tooltips.scss +9 -62
- data/_sass/@primer/css/utilities/borders.scss +1 -1
- data/_sass/@primer/css/utilities/box-shadow.scss +8 -4
- data/_sass/@primer/css/utilities/colors.scss +59 -60
- data/_sass/@primer/css/utilities/details.scss +1 -1
- data/_sass/@primer/css/utilities/flexbox.scss +0 -1
- data/_sass/@primer/css/utilities/layout.scss +7 -5
- data/_sass/@primer/css/utilities/margin.scss +0 -2
- data/_sass/@primer/css/utilities/padding.scss +0 -1
- data/_sass/@primer/css/utilities/typography.scss +8 -8
- data/_sass/@primer/primitives/dist/scss/base/size/size.scss +17 -0
- data/_sass/@primer/primitives/dist/scss/base/typography/typography.scss +4 -0
- data/_sass/@primer/primitives/dist/scss/colors/_dark.scss +29 -20
- data/_sass/@primer/primitives/dist/scss/colors/_dark_colorblind.scss +14 -5
- data/_sass/@primer/primitives/dist/scss/colors/_dark_dimmed.scss +14 -5
- data/_sass/@primer/primitives/dist/scss/colors/_dark_high_contrast.scss +12 -3
- data/_sass/@primer/primitives/dist/scss/colors/_dark_tritanopia.scss +14 -5
- data/_sass/@primer/primitives/dist/scss/colors/_light.scss +13 -4
- data/_sass/@primer/primitives/dist/scss/colors/_light_colorblind.scss +13 -4
- data/_sass/@primer/primitives/dist/scss/colors/_light_high_contrast.scss +13 -4
- data/_sass/@primer/primitives/dist/scss/colors/_light_tritanopia.scss +13 -4
- data/_sass/@primer/primitives/dist/scss/functional/motion/motion.scss +3 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/border.scss +12 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/breakpoints.scss +6 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/size-coarse.scss +3 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/size-fine.scss +3 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/size.scss +72 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/viewport.scss +6 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark-colorblind.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark-dimmed.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark-high-contrast.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark-tritanopia.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/light-colorblind.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/light-high-contrast.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/light-tritanopia.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/light.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/typography/typography.scss +45 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/base/size/size.scss +17 -21
- data/_sass/@primer/primitives/tokens-next-private/scss/base/typography/typography.scss +4 -8
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/motion/motion.scss +3 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/border.scss +12 -16
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/breakpoints.scss +6 -10
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size-coarse.scss +3 -7
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size-fine.scss +3 -7
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size.scss +72 -51
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/viewport.scss +6 -19
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-colorblind.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-dimmed.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-colorblind.scss +503 -366
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-high-contrast.scss +503 -366
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-tritanopia.scss +503 -366
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light.scss +503 -366
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/typography/typography.scss +45 -49
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/size/size.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/typography/typography.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/border.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/viewport.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/typography/typography.scss +2 -2
- data/_sass/@primer/view-components/README.md +1 -1
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/action_bar_element.d.ts +17 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/action_menu/action_menu_element.d.ts +51 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/dropdown/menu.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/dropdown.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/image_crop.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/modal_dialog.d.ts +18 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/segmented_control.d.ts +12 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/tab_container.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/toggle_switch.d.ts +30 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/tool_tip.d.ts +27 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/x_banner.d.ts +13 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/anchored_position.d.ts +27 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/auto_complete/auto_complete.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/clipboard_copy.d.ts +1 -0
- data/_sass/@primer/view-components/app/{components/primer/alpha → assets/javascripts/app/components/primer/beta}/nav_list.d.ts +0 -11
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/nav_list_group_element.d.ts +19 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/relative_time.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/dialog_helper.d.ts +15 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/focus_group.d.ts +19 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/primer.d.ts +23 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/scrollable_region.d.ts +13 -0
- data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/primer_multi_input.d.ts +10 -0
- data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/toggle_switch_input.d.ts +5 -0
- data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js +1 -1
- data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css +1 -3
- data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css.map +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_bar.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_bar.css.json +14 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_bar_element.d.ts +17 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_bar_element.js +180 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css.json +21 -16
- data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.d.ts +26 -4
- data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.js +318 -65
- data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/banner.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/button_marketing.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css.json +12 -27
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/layout.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/menu.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/modal_dialog.js +38 -27
- data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css.json +6 -3
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css.json +11 -13
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.js +4 -4
- data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css +1 -3
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css.json +16 -6
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css.json +11 -11
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.d.ts +2 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.js +54 -45
- data/_sass/@primer/view-components/app/components/primer/alpha/tool_tip.d.ts +4 -2
- data/_sass/@primer/view-components/app/components/primer/alpha/tool_tip.js +159 -72
- data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/x_banner.d.ts +3 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/x_banner.js +25 -10
- data/_sass/@primer/view-components/app/components/primer/anchored_position.js +16 -8
- data/_sass/@primer/view-components/app/components/primer/beta/avatar.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/border_box.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/border_box.css.json +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/button.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/button.css.json +13 -7
- data/_sass/@primer/view-components/app/components/primer/beta/button_group.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/button_group.css.json +12 -0
- data/_sass/@primer/view-components/app/components/primer/beta/counter.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/flash.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/label.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/link.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/link.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/nav_list.d.ts +17 -0
- data/_sass/@primer/view-components/app/components/primer/{alpha → beta}/nav_list.js +28 -100
- data/_sass/@primer/view-components/app/components/primer/beta/nav_list_group_element.d.ts +19 -0
- data/_sass/@primer/view-components/app/components/primer/beta/nav_list_group_element.js +107 -0
- data/_sass/@primer/view-components/app/components/primer/beta/popover.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/progress_bar.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/state.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/subhead.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/subhead.css.json +2 -0
- data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/truncate.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/dialog_helper.d.ts +15 -0
- data/_sass/@primer/view-components/app/components/primer/dialog_helper.js +117 -0
- data/_sass/@primer/view-components/app/components/primer/focus_group.js +41 -22
- data/_sass/@primer/view-components/app/components/primer/primer.d.ts +6 -2
- data/_sass/@primer/view-components/app/components/primer/primer.js +6 -2
- data/_sass/@primer/view-components/app/components/primer/scrollable_region.d.ts +13 -0
- data/_sass/@primer/view-components/app/components/primer/scrollable_region.js +52 -0
- data/_sass/@primer/view-components/lib/primer/forms/primer_multi_input.js +2 -3
- data/_sass/@primer/view-components/lib/primer/forms/primer_text_field.js +42 -9
- data/_sass/@primer/view-components/lib/primer/forms/toggle_switch_input.js +7 -2
- data/_sass/@primer/view-components/package.json +33 -34
- data/_sass/@primer/view-components/static/arguments.json +559 -48
- data/_sass/@primer/view-components/static/audited_at.json +18 -3
- data/_sass/@primer/view-components/static/classes.json +402 -369
- data/_sass/@primer/view-components/static/constants.json +104 -17
- data/_sass/@primer/view-components/static/info_arch.json +8248 -1640
- data/_sass/@primer/view-components/static/previews.json +6225 -1431
- data/_sass/@primer/view-components/static/statuses.json +20 -5
- data/_sass/jekyll-v4-theme-primer.scss +11 -0
- data/assets/js/github-clipboard-copy-element.js +154 -0
- data/assets/js/primer-clipboard-copy.js +70 -0
- metadata +77 -5
@@ -0,0 +1,107 @@
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
|
+
};
|
7
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
8
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
9
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
10
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
11
|
+
};
|
12
|
+
var _NavListGroupElement_instances, _NavListGroupElement_parseHTML;
|
13
|
+
import { controller, target, targets } from '@github/catalyst';
|
14
|
+
let NavListGroupElement = class NavListGroupElement extends HTMLElement {
|
15
|
+
constructor() {
|
16
|
+
super(...arguments);
|
17
|
+
_NavListGroupElement_instances.add(this);
|
18
|
+
}
|
19
|
+
connectedCallback() {
|
20
|
+
this.setShowMoreItemState();
|
21
|
+
}
|
22
|
+
get showMoreDisabled() {
|
23
|
+
return this.showMoreItem.hasAttribute('aria-disabled');
|
24
|
+
}
|
25
|
+
set showMoreDisabled(value) {
|
26
|
+
if (value) {
|
27
|
+
this.showMoreItem.setAttribute('aria-disabled', 'true');
|
28
|
+
}
|
29
|
+
else {
|
30
|
+
this.showMoreItem.removeAttribute('aria-disabled');
|
31
|
+
}
|
32
|
+
this.showMoreItem.classList.toggle('disabled', value);
|
33
|
+
}
|
34
|
+
set currentPage(value) {
|
35
|
+
this.showMoreItem.setAttribute('data-current-page', value.toString());
|
36
|
+
}
|
37
|
+
get currentPage() {
|
38
|
+
return parseInt(this.showMoreItem.getAttribute('data-current-page')) || 1;
|
39
|
+
}
|
40
|
+
get totalPages() {
|
41
|
+
return parseInt(this.showMoreItem.getAttribute('data-total-pages')) || 1;
|
42
|
+
}
|
43
|
+
get paginationSrc() {
|
44
|
+
return this.showMoreItem.getAttribute('src') || '';
|
45
|
+
}
|
46
|
+
async showMore(e) {
|
47
|
+
e.preventDefault();
|
48
|
+
if (this.showMoreDisabled)
|
49
|
+
return;
|
50
|
+
this.showMoreDisabled = true;
|
51
|
+
let html;
|
52
|
+
try {
|
53
|
+
const paginationURL = new URL(this.paginationSrc, window.location.origin);
|
54
|
+
this.currentPage++;
|
55
|
+
paginationURL.searchParams.append('page', this.currentPage.toString());
|
56
|
+
const response = await fetch(paginationURL);
|
57
|
+
if (!response.ok)
|
58
|
+
return;
|
59
|
+
html = await response.text();
|
60
|
+
if (this.currentPage === this.totalPages) {
|
61
|
+
this.showMoreItem.hidden = true;
|
62
|
+
}
|
63
|
+
}
|
64
|
+
catch (err) {
|
65
|
+
// Ignore network errors
|
66
|
+
this.showMoreDisabled = false;
|
67
|
+
this.currentPage--;
|
68
|
+
return;
|
69
|
+
}
|
70
|
+
const fragment = __classPrivateFieldGet(this, _NavListGroupElement_instances, "m", _NavListGroupElement_parseHTML).call(this, document, html);
|
71
|
+
fragment?.querySelector('li > a')?.setAttribute('data-targets', 'nav-list-group.focusMarkers');
|
72
|
+
const listId = e.target.closest('button').getAttribute('data-list-id');
|
73
|
+
const list = document.getElementById(listId);
|
74
|
+
list.append(fragment);
|
75
|
+
this.focusMarkers.pop()?.focus();
|
76
|
+
this.showMoreDisabled = false;
|
77
|
+
}
|
78
|
+
setShowMoreItemState() {
|
79
|
+
if (!this.showMoreItem) {
|
80
|
+
return;
|
81
|
+
}
|
82
|
+
if (this.currentPage < this.totalPages) {
|
83
|
+
this.showMoreItem.hidden = false;
|
84
|
+
}
|
85
|
+
else {
|
86
|
+
this.showMoreItem.hidden = true;
|
87
|
+
}
|
88
|
+
}
|
89
|
+
};
|
90
|
+
_NavListGroupElement_instances = new WeakSet();
|
91
|
+
_NavListGroupElement_parseHTML = function _NavListGroupElement_parseHTML(document, html) {
|
92
|
+
const template = document.createElement('template');
|
93
|
+
// eslint-disable-next-line github/no-inner-html
|
94
|
+
template.innerHTML = html;
|
95
|
+
return document.importNode(template.content, true);
|
96
|
+
};
|
97
|
+
__decorate([
|
98
|
+
target
|
99
|
+
], NavListGroupElement.prototype, "showMoreItem", void 0);
|
100
|
+
__decorate([
|
101
|
+
targets
|
102
|
+
], NavListGroupElement.prototype, "focusMarkers", void 0);
|
103
|
+
NavListGroupElement = __decorate([
|
104
|
+
controller
|
105
|
+
], NavListGroupElement);
|
106
|
+
export { NavListGroupElement };
|
107
|
+
window.NavListGroupElement = NavListGroupElement;
|
@@ -1 +1 @@
|
|
1
|
-
.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--color-canvas-overlay);border:var(--borderWidth-thin,1px) solid var(--color-border-default);border-radius:var(--borderRadius-medium
|
1
|
+
.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--overlay-bgColor,var(--color-canvas-overlay));border:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem);margin-left:auto;margin-right:auto;position:relative;width:232px}.Popover-message:after,.Popover-message:before{content:"";display:inline-block;left:50%;position:absolute}.Popover-message:before{border:8px solid #0000;border-bottom:8px solid var(--borderColor-default,var(--color-border-default));margin-left:-9px;top:-16px}.Popover-message:after{border:7px solid #0000;border-bottom:7px solid var(--overlay-bgColor,var(--color-canvas-overlay));margin-left:-8px;top:-14px}.Popover-message--no-caret:after,.Popover-message--no-caret:before{display:none}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--bottom:after,.Popover-message--bottom:before{border-bottom-color:#0000;top:auto}.Popover-message--bottom-left:before,.Popover-message--bottom-right:before,.Popover-message--bottom:before{border-top-color:var(--borderColor-default,var(--color-border-default));bottom:-16px}.Popover-message--bottom-left:after,.Popover-message--bottom-right:after,.Popover-message--bottom:after{border-top-color:var(--overlay-bgColor,var(--color-canvas-overlay));bottom:-14px}.Popover-message--bottom-right,.Popover-message--top-right{margin-right:0;right:-9px}.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--top-right:after,.Popover-message--top-right:before{left:auto;margin-left:0}.Popover-message--bottom-right:before,.Popover-message--top-right:before{right:20px}.Popover-message--bottom-right:after,.Popover-message--top-right:after{right:21px}.Popover-message--bottom-left,.Popover-message--top-left{left:-9px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--top-left:after,.Popover-message--top-left:before{left:24px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--top-left:after{left:25px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--left:after,.Popover-message--left:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before,.Popover-message--right-top:after,.Popover-message--right-top:before,.Popover-message--right:after,.Popover-message--right:before{border-bottom-color:#0000;left:auto;margin-left:0;top:50%}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before,.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{margin-top:-9px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after,.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{margin-top:-8px}.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{border-left-color:var(--borderColor-default,var(--color-border-default));right:-16px}.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{border-left-color:var(--overlay-bgColor,var(--color-canvas-overlay));right:-14px}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before{border-right-color:var(--borderColor-default,var(--color-border-default));left:-16px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after{border-right-color:var(--overlay-bgColor,var(--color-canvas-overlay));left:-14px}.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--right-top:after,.Popover-message--right-top:before{top:24px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before{top:auto}.Popover-message--left-bottom:before,.Popover-message--right-bottom:before{bottom:16px}.Popover-message--left-bottom:after,.Popover-message--right-bottom:after{bottom:17px}@media (min-width:544px){.Popover-message--large{min-width:320px}}@media (max-width:767.98px){.Popover{bottom:0!important;left:0!important;position:fixed;right:0!important;top:auto!important}.Popover-message{bottom:auto;left:auto;margin:var(--stack-gap-condensed,.5rem);right:auto;top:auto;width:auto!important}.Popover-message>.btn-octicon{padding:var(--control-medium-paddingInline-normal,.75rem)!important}.Popover-message:after,.Popover-message:before{display:none}}
|
@@ -1 +1 @@
|
|
1
|
-
.Progress{background-color:var(--color-neutral-
|
1
|
+
.Progress{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));border-radius:6px;display:flex;height:8px;outline:1px solid #0000;overflow:hidden}.Progress--large{height:10px}.Progress--small{height:5px}.Progress-item{outline:2px solid #0000}.Progress-item+.Progress-item{margin-left:2px}
|
@@ -1 +1 @@
|
|
1
|
-
.State,.state{border-radius:2em;display:inline-block;font-size:var(--text-body-size-medium
|
1
|
+
.State,.state{border-radius:2em;display:inline-block;font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-medium,500);line-height:var(--control-medium-lineBoxHeight,1.25rem);padding:5px var(--control-medium-paddingInline-normal,.75rem);text-align:center;white-space:nowrap}.State,.State--draft,.state{background-color:var(--bgColor-neutral-emphasis,var(--color-fg-subtle));border:var(--borderWidth-thin,max(1px,.0625rem)) solid #0000}.State,.State--draft,.State--open,.state{color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.State--open{background-color:var(--bgColor-open-emphasis,var(--color-open-emphasis))}.State--merged{background-color:var(--bgColor-done-emphasis,var(--color-done-emphasis))}.State--closed,.State--merged{color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.State--closed{background-color:var(--bgColor-closed-emphasis,var(--color-closed-emphasis))}.State--small{font-size:var(--text-body-size-small,.75rem);line-height:var(--base-size-24,1.5rem);padding:0 10px}.State--small .octicon{width:1em}
|
@@ -1 +1 @@
|
|
1
|
-
.Subhead{border-bottom:var(--borderWidth-thin,1px) solid var(--color-border-muted);display:flex;flex-flow:row wrap;justify-content:flex-end;margin-bottom:var(--stack-gap-normal,
|
1
|
+
.Subhead{border-bottom:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-muted,var(--color-border-muted));display:flex;flex-flow:row wrap;justify-content:flex-end;margin-bottom:var(--stack-gap-normal,1rem);padding-bottom:var(--stack-padding-condensed,.5rem)}.Subhead--spacious{margin-top:var(--base-size-40,2.5rem)}.Subhead-heading{flex:1 1 auto;font-weight:var(--base-text-weight-normal,400);order:0}.Subhead-heading--large{font-size:var(--base-size-24,1.5rem)}.Subhead-heading--medium{font-size:var(--text-title-size-medium,1.25rem)}.Subhead-heading--danger{color:var(--fgColor-danger,var(--color-danger-fg));font-weight:var(--base-text-weight-semibold,600)}.Subhead-description{color:var(--fgColor-muted,var(--color-fg-muted));flex:1 100%;font-size:var(--text-body-size-medium,.875rem);order:2}.Subhead-actions{align-self:center;justify-content:flex-end;margin:var(--base-size-4,.25rem) 0 var(--base-size-4,.25rem) var(--base-size-4,.25rem);order:1}.Subhead-actions+.Subhead-description{margin-top:var(--base-size-4,.25rem)}
|
@@ -1 +1 @@
|
|
1
|
-
.TimelineItem{display:flex;margin-left:var(--stack-gap-normal,
|
1
|
+
.TimelineItem{display:flex;margin-left:var(--stack-gap-normal,1rem);padding:var(--stack-padding-normal,1rem) 0;position:relative}.TimelineItem:before{background-color:var(--borderColor-muted,var(--color-border-muted));bottom:0;content:"";display:block;left:0;position:absolute;top:0;width:var(--borderWidth-thick,max(2px,.125rem))}.TimelineItem:target .TimelineItem-badge{border-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));box-shadow:0 0 .2em var(--borderColor-accent-muted,var(--color-accent-muted))}.TimelineItem-badge{align-items:center;background-color:var(--timelineBadge-bgColor,var(--color-timeline-badge-bg));border:var(--borderWidth-thick,max(2px,.125rem)) solid var(--bgColor-default,var(--color-canvas-default));border-radius:50%;color:var(--fgColor-muted,var(--color-fg-muted));display:flex;flex-shrink:0;height:var(--control-medium-size,2rem);justify-content:center;margin-left:calc(var(--control-medium-size,2rem)/-2 + 1px);margin-right:var(--controlStack-medium-gap-condensed,.5rem);position:relative;width:var(--control-medium-size,2rem);z-index:1}.TimelineItem-badge--success{background-color:var(--bgColor-success-emphasis,var(--color-success-emphasis));border:var(--borderWidth-thin,max(1px,.0625rem)) solid #0000;color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.TimelineItem-body{color:var(--fgColor-muted,var(--color-fg-muted));flex:auto;margin-top:var(--base-size-4,.25rem);max-width:100%;min-width:0}.TimelineItem-avatar{left:-72px;position:absolute;z-index:1}.TimelineItem-break{background-color:var(--bgColor-default,var(--color-canvas-default));border:0;border-top:var(--borderWidth-thicker,max(4px,.25rem)) solid var(--borderColor-default,var(--color-border-default));height:var(--stack-gap-spacious,1.5rem);margin:0;margin-bottom:calc(var(--stack-gap-normal,1rem)*-1);margin-left:-56px;position:relative;z-index:1}.TimelineItem--condensed{padding-bottom:0;padding-top:var(--base-size-4,.25rem)}.TimelineItem--condensed:last-child{padding-bottom:var(--stack-gap-normal,1rem)}.TimelineItem--condensed .TimelineItem-badge{background-color:var(--bgColor-default,var(--color-canvas-default));border:0;color:var(--fgColor-muted,var(--color-fg-muted));height:var(--base-size-16,1rem);margin-bottom:var(--base-size-8,.5rem);margin-top:var(--base-size-8,.5rem)}
|
@@ -1 +1 @@
|
|
1
|
-
.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Truncate>.Truncate-text+.Truncate-text{margin-left:var(--control-small-gap
|
1
|
+
.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Truncate>.Truncate-text+.Truncate-text{margin-left:var(--control-small-gap,.25rem)}.Truncate>.Truncate-text.Truncate-text--primary{flex-basis:200%}.Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover{cursor:pointer;flex-shrink:0;max-width:100%!important}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
export declare class DialogHelperElement extends HTMLElement {
|
2
|
+
#private;
|
3
|
+
get dialog(): HTMLDialogElement | null;
|
4
|
+
connectedCallback(): void;
|
5
|
+
disconnectedCallback(): void;
|
6
|
+
handleEvent(event: MouseEvent): void;
|
7
|
+
}
|
8
|
+
declare global {
|
9
|
+
interface Window {
|
10
|
+
DialogHelperElement: typeof DialogHelperElement;
|
11
|
+
}
|
12
|
+
interface HTMLElementTagNameMap {
|
13
|
+
'dialog-helper': DialogHelperElement;
|
14
|
+
}
|
15
|
+
}
|
@@ -0,0 +1,117 @@
|
|
1
|
+
var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
2
|
+
if (kind === "m") throw new TypeError("Private method is not writable");
|
3
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
4
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
5
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
6
|
+
};
|
7
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
8
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
9
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
10
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
11
|
+
};
|
12
|
+
var _DialogHelperElement_abortController;
|
13
|
+
function dialogInvokerButtonHandler(event) {
|
14
|
+
const target = event.target;
|
15
|
+
const button = target?.closest('button');
|
16
|
+
if (!button || button.hasAttribute('disabled') || button.getAttribute('aria-disabled') === 'true')
|
17
|
+
return;
|
18
|
+
// If the user is clicking a valid dialog trigger
|
19
|
+
let dialogId = button?.getAttribute('data-show-dialog-id');
|
20
|
+
if (dialogId) {
|
21
|
+
const dialog = document.getElementById(dialogId);
|
22
|
+
if (dialog instanceof HTMLDialogElement) {
|
23
|
+
dialog.showModal();
|
24
|
+
// A buttons default behaviour in some browsers it to send a pointer event
|
25
|
+
// If the behaviour is allowed through the dialog will be shown but then
|
26
|
+
// quickly hidden- as if it were never shown. This prevents that.
|
27
|
+
event.preventDefault();
|
28
|
+
// In some older browsers, such as Chrome 122, when a top layer element (such as a dialog)
|
29
|
+
// opens from within a popover, the "hide all popovers" internal algorithm runs, hiding
|
30
|
+
// any popover that is currently open, regardless of whether or not another top layer element,
|
31
|
+
// such as a <dialog> is nested inside.
|
32
|
+
// See https://github.com/whatwg/html/issues/9998.
|
33
|
+
// This is fixed by https://github.com/whatwg/html/pull/10116, but while we still support browsers
|
34
|
+
// that present this bug, we must undo the work they did to hide ancestral popovers of the dialog:
|
35
|
+
let node = button;
|
36
|
+
let fixed = false;
|
37
|
+
while (node) {
|
38
|
+
node = node.parentElement?.closest('[popover]:not(:popover-open)');
|
39
|
+
if (node && node.popover === 'auto') {
|
40
|
+
node.classList.add('dialog-inside-popover-fix');
|
41
|
+
node.popover = 'manual';
|
42
|
+
node.showPopover();
|
43
|
+
fixed = true;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
if (fixed) {
|
47
|
+
// We need to re-open the dialog as modal, and also ensure no close event listeners
|
48
|
+
// are trying to act on the close
|
49
|
+
/* eslint-disable-next-line no-restricted-syntax */
|
50
|
+
dialog.addEventListener('close', e => e.stopImmediatePropagation(), { once: true });
|
51
|
+
dialog.close();
|
52
|
+
dialog.showModal();
|
53
|
+
dialog.addEventListener('close', () => {
|
54
|
+
for (const el of dialog.ownerDocument.querySelectorAll('.dialog-inside-popover-fix')) {
|
55
|
+
if (el.contains(dialog)) {
|
56
|
+
el.classList.remove('dialog-inside-popover-fix');
|
57
|
+
el.popover = 'auto';
|
58
|
+
el.showPopover();
|
59
|
+
}
|
60
|
+
}
|
61
|
+
}, { once: true });
|
62
|
+
}
|
63
|
+
}
|
64
|
+
}
|
65
|
+
dialogId = button.getAttribute('data-close-dialog-id') || button.getAttribute('data-submit-dialog-id');
|
66
|
+
if (dialogId) {
|
67
|
+
const dialog = document.getElementById(dialogId);
|
68
|
+
if (dialog instanceof HTMLDialogElement && dialog.open) {
|
69
|
+
dialog.close();
|
70
|
+
}
|
71
|
+
}
|
72
|
+
}
|
73
|
+
export class DialogHelperElement extends HTMLElement {
|
74
|
+
constructor() {
|
75
|
+
super(...arguments);
|
76
|
+
_DialogHelperElement_abortController.set(this, null);
|
77
|
+
}
|
78
|
+
get dialog() {
|
79
|
+
return this.querySelector('dialog');
|
80
|
+
}
|
81
|
+
connectedCallback() {
|
82
|
+
const { signal } = (__classPrivateFieldSet(this, _DialogHelperElement_abortController, new AbortController(), "f"));
|
83
|
+
document.addEventListener('click', dialogInvokerButtonHandler, true);
|
84
|
+
document.addEventListener('click', this, { signal });
|
85
|
+
this.ownerDocument.body.style.setProperty('--dialog-scrollgutter', `${window.innerWidth - this.ownerDocument.body.clientWidth}px`);
|
86
|
+
new MutationObserver(records => {
|
87
|
+
for (const record of records) {
|
88
|
+
if (record.target === this.dialog) {
|
89
|
+
this.ownerDocument.body.classList.toggle('has-modal', this.dialog.hasAttribute('open'));
|
90
|
+
}
|
91
|
+
}
|
92
|
+
}).observe(this, { subtree: true, attributeFilter: ['open'] });
|
93
|
+
}
|
94
|
+
disconnectedCallback() {
|
95
|
+
__classPrivateFieldGet(this, _DialogHelperElement_abortController, "f")?.abort();
|
96
|
+
}
|
97
|
+
handleEvent(event) {
|
98
|
+
const target = event.target;
|
99
|
+
const dialog = this.dialog;
|
100
|
+
// The click target _must_ be the dialog element itself, and not elements underneath or inside.
|
101
|
+
if (target !== dialog || !dialog?.open)
|
102
|
+
return;
|
103
|
+
const rect = dialog.getBoundingClientRect();
|
104
|
+
const clickWasInsideDialog = rect.top <= event.clientY &&
|
105
|
+
event.clientY <= rect.top + rect.height &&
|
106
|
+
rect.left <= event.clientX &&
|
107
|
+
event.clientX <= rect.left + rect.width;
|
108
|
+
if (!clickWasInsideDialog) {
|
109
|
+
dialog.close();
|
110
|
+
}
|
111
|
+
}
|
112
|
+
}
|
113
|
+
_DialogHelperElement_abortController = new WeakMap();
|
114
|
+
if (!window.customElements.get('dialog-helper')) {
|
115
|
+
window.DialogHelperElement = DialogHelperElement;
|
116
|
+
window.customElements.define('dialog-helper', DialogHelperElement);
|
117
|
+
}
|
@@ -9,24 +9,17 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
9
9
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
10
10
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
11
11
|
};
|
12
|
-
var _FocusGroupElement_instances, _FocusGroupElement_abortController, _FocusGroupElement_items_get;
|
12
|
+
var _FocusGroupElement_instances, _FocusGroupElement_retainSignal, _FocusGroupElement_abortController, _FocusGroupElement_items_get;
|
13
13
|
import '@oddbird/popover-polyfill';
|
14
|
-
const
|
15
|
-
const
|
16
|
-
|
17
|
-
document.querySelector(':open');
|
18
|
-
return ':open';
|
19
|
-
}
|
20
|
-
catch (_a) {
|
21
|
-
return '.\\:open';
|
22
|
-
}
|
23
|
-
})();
|
24
|
-
const getMnemonicFor = (item) => { var _a; return (_a = item.textContent) === null || _a === void 0 ? void 0 : _a.trim()[0].toLowerCase(); };
|
14
|
+
const validSelectors = ['[role="menuitem"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]'];
|
15
|
+
const menuItemSelector = validSelectors.map(selector => `:not([hidden]) > ${selector}`).join(', ');
|
16
|
+
const getMnemonicFor = (item) => item.textContent?.trim()[0].toLowerCase();
|
25
17
|
const printable = /^\S$/;
|
26
|
-
|
18
|
+
class FocusGroupElement extends HTMLElement {
|
27
19
|
constructor() {
|
28
20
|
super(...arguments);
|
29
21
|
_FocusGroupElement_instances.add(this);
|
22
|
+
_FocusGroupElement_retainSignal.set(this, null);
|
30
23
|
_FocusGroupElement_abortController.set(this, null);
|
31
24
|
}
|
32
25
|
get nowrap() {
|
@@ -61,15 +54,36 @@ export default class FocusGroupElement extends HTMLElement {
|
|
61
54
|
this.addEventListener('focusin', this, { signal });
|
62
55
|
}
|
63
56
|
disconnectedCallback() {
|
64
|
-
|
65
|
-
(_a = __classPrivateFieldGet(this, _FocusGroupElement_abortController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
|
57
|
+
__classPrivateFieldGet(this, _FocusGroupElement_abortController, "f")?.abort();
|
66
58
|
}
|
67
59
|
handleEvent(event) {
|
68
60
|
const { direction, nowrap } = this;
|
69
61
|
if (event.type === 'focusin') {
|
70
62
|
if (this.retain && event.target instanceof Element && event.target.matches(menuItemSelector)) {
|
63
|
+
__classPrivateFieldGet(this, _FocusGroupElement_retainSignal, "f")?.abort();
|
64
|
+
const { signal } = (__classPrivateFieldSet(this, _FocusGroupElement_retainSignal, new AbortController(), "f"));
|
71
65
|
for (const item of __classPrivateFieldGet(this, _FocusGroupElement_instances, "a", _FocusGroupElement_items_get)) {
|
72
66
|
item.setAttribute('tabindex', item === event.target ? '0' : '-1');
|
67
|
+
const popover = event.target.closest('[popover]');
|
68
|
+
if (item === event.target && popover?.popover === 'auto' && popover.closest('focus-group') === this) {
|
69
|
+
popover.addEventListener('toggle', (toggleEvent) => {
|
70
|
+
if (!(toggleEvent.target instanceof Element))
|
71
|
+
return;
|
72
|
+
if (toggleEvent.newState === 'closed') {
|
73
|
+
__classPrivateFieldGet(this, _FocusGroupElement_retainSignal, "f")?.abort();
|
74
|
+
item.setAttribute('tabindex', '-1');
|
75
|
+
if (popover.id) {
|
76
|
+
const invoker = this.querySelector(`[popovertarget="${popover.id}"]`);
|
77
|
+
if (invoker) {
|
78
|
+
invoker.setAttribute('tabindex', '0');
|
79
|
+
}
|
80
|
+
else {
|
81
|
+
__classPrivateFieldGet(this, _FocusGroupElement_instances, "a", _FocusGroupElement_items_get)[0]?.setAttribute('tabindex', '0');
|
82
|
+
}
|
83
|
+
}
|
84
|
+
}
|
85
|
+
}, { signal });
|
86
|
+
}
|
73
87
|
}
|
74
88
|
}
|
75
89
|
}
|
@@ -80,28 +94,34 @@ export default class FocusGroupElement extends HTMLElement {
|
|
80
94
|
if (key === 'Up' || key === 'ArrowUp') {
|
81
95
|
if (direction === 'vertical' || direction === 'both') {
|
82
96
|
index -= index < 0 ? 0 : 1;
|
97
|
+
event.preventDefault();
|
83
98
|
}
|
84
99
|
}
|
85
100
|
else if (key === 'Down' || key === 'ArrowDown') {
|
86
101
|
if (direction === 'vertical' || direction === 'both') {
|
87
102
|
index += 1;
|
103
|
+
event.preventDefault();
|
88
104
|
}
|
89
105
|
}
|
90
106
|
else if (event.key === 'Left' || event.key === 'ArrowLeft') {
|
91
107
|
if (direction === 'horizontal' || direction === 'both') {
|
92
108
|
index -= 1;
|
109
|
+
event.preventDefault();
|
93
110
|
}
|
94
111
|
}
|
95
112
|
else if (event.key === 'Right' || event.key === 'ArrowRight') {
|
96
113
|
if (direction === 'horizontal' || direction === 'both') {
|
97
114
|
index += 1;
|
115
|
+
event.preventDefault();
|
98
116
|
}
|
99
117
|
}
|
100
118
|
else if (event.key === 'Home' || event.key === 'PageUp') {
|
101
119
|
index = 0;
|
120
|
+
event.preventDefault();
|
102
121
|
}
|
103
122
|
else if (event.key === 'End' || event.key === 'PageDown') {
|
104
123
|
index = items.length - 1;
|
124
|
+
event.preventDefault();
|
105
125
|
}
|
106
126
|
else if (this.mnemonics && printable.test(key)) {
|
107
127
|
const mnemonic = key.toLowerCase();
|
@@ -122,22 +142,21 @@ export default class FocusGroupElement extends HTMLElement {
|
|
122
142
|
{
|
123
143
|
let el = focusEl;
|
124
144
|
do {
|
125
|
-
el = el.closest(`[popover]:not(
|
126
|
-
if (
|
145
|
+
el = el.closest(`[popover]:not(:popover-open)`);
|
146
|
+
if (el?.popover === 'auto' && !['ArrowRight', 'ArrowLeft'].includes(event.key)) {
|
127
147
|
el.showPopover();
|
128
148
|
}
|
129
|
-
|
130
|
-
el = (el === null || el === void 0 ? void 0 : el.parentElement) || null;
|
131
|
-
}
|
149
|
+
el = el?.parentElement || null;
|
132
150
|
} while (el);
|
133
151
|
}
|
134
|
-
focusEl
|
152
|
+
focusEl?.focus();
|
135
153
|
}
|
136
154
|
}
|
137
155
|
}
|
138
|
-
_FocusGroupElement_abortController = new WeakMap(), _FocusGroupElement_instances = new WeakSet(), _FocusGroupElement_items_get = function _FocusGroupElement_items_get() {
|
156
|
+
_FocusGroupElement_retainSignal = new WeakMap(), _FocusGroupElement_abortController = new WeakMap(), _FocusGroupElement_instances = new WeakSet(), _FocusGroupElement_items_get = function _FocusGroupElement_items_get() {
|
139
157
|
return this.querySelectorAll(menuItemSelector);
|
140
158
|
};
|
159
|
+
export default FocusGroupElement;
|
141
160
|
if (!customElements.get('focus-group')) {
|
142
161
|
window.FocusGroupElement = FocusGroupElement;
|
143
162
|
customElements.define('focus-group', FocusGroupElement);
|
@@ -1,10 +1,14 @@
|
|
1
|
-
import '@
|
1
|
+
import '@github/include-fragment-element';
|
2
|
+
import './alpha/action_bar_element';
|
2
3
|
import './alpha/dropdown';
|
3
4
|
import './anchored_position';
|
5
|
+
import './dialog_helper';
|
4
6
|
import './focus_group';
|
7
|
+
import './scrollable_region';
|
5
8
|
import './alpha/image_crop';
|
6
9
|
import './alpha/modal_dialog';
|
7
|
-
import './
|
10
|
+
import './beta/nav_list';
|
11
|
+
import './beta/nav_list_group_element';
|
8
12
|
import './alpha/segmented_control';
|
9
13
|
import './alpha/toggle_switch';
|
10
14
|
import './alpha/tool_tip';
|
@@ -1,10 +1,14 @@
|
|
1
|
-
import '@
|
1
|
+
import '@github/include-fragment-element';
|
2
|
+
import './alpha/action_bar_element';
|
2
3
|
import './alpha/dropdown';
|
3
4
|
import './anchored_position';
|
5
|
+
import './dialog_helper';
|
4
6
|
import './focus_group';
|
7
|
+
import './scrollable_region';
|
5
8
|
import './alpha/image_crop';
|
6
9
|
import './alpha/modal_dialog';
|
7
|
-
import './
|
10
|
+
import './beta/nav_list';
|
11
|
+
import './beta/nav_list_group_element';
|
8
12
|
import './alpha/segmented_control';
|
9
13
|
import './alpha/toggle_switch';
|
10
14
|
import './alpha/tool_tip';
|
@@ -0,0 +1,13 @@
|
|
1
|
+
export declare class ScrollableRegionElement extends HTMLElement {
|
2
|
+
hasOverflow: boolean;
|
3
|
+
labelledBy: string;
|
4
|
+
observer: ResizeObserver;
|
5
|
+
connectedCallback(): void;
|
6
|
+
disconnectedCallback(): void;
|
7
|
+
attributeChangedCallback(name: string): void;
|
8
|
+
}
|
9
|
+
declare global {
|
10
|
+
interface Window {
|
11
|
+
ScrollableRegionElement: typeof ScrollableRegionElement;
|
12
|
+
}
|
13
|
+
}
|
@@ -0,0 +1,52 @@
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
|
+
};
|
7
|
+
import { controller, attr } from '@github/catalyst';
|
8
|
+
let ScrollableRegionElement = class ScrollableRegionElement extends HTMLElement {
|
9
|
+
constructor() {
|
10
|
+
super(...arguments);
|
11
|
+
this.hasOverflow = false;
|
12
|
+
this.labelledBy = '';
|
13
|
+
}
|
14
|
+
connectedCallback() {
|
15
|
+
this.style.overflow = 'auto';
|
16
|
+
this.observer = new ResizeObserver(entries => {
|
17
|
+
for (const entry of entries) {
|
18
|
+
this.hasOverflow =
|
19
|
+
entry.target.scrollHeight > entry.target.clientHeight || entry.target.scrollWidth > entry.target.clientWidth;
|
20
|
+
}
|
21
|
+
});
|
22
|
+
this.observer.observe(this);
|
23
|
+
}
|
24
|
+
disconnectedCallback() {
|
25
|
+
this.observer.disconnect();
|
26
|
+
}
|
27
|
+
attributeChangedCallback(name) {
|
28
|
+
if (name === 'data-has-overflow') {
|
29
|
+
if (this.hasOverflow) {
|
30
|
+
this.setAttribute('aria-labelledby', this.labelledBy);
|
31
|
+
this.setAttribute('role', 'region');
|
32
|
+
this.setAttribute('tabindex', '0');
|
33
|
+
}
|
34
|
+
else {
|
35
|
+
this.removeAttribute('aria-labelledby');
|
36
|
+
this.removeAttribute('role');
|
37
|
+
this.removeAttribute('tabindex');
|
38
|
+
}
|
39
|
+
}
|
40
|
+
}
|
41
|
+
};
|
42
|
+
__decorate([
|
43
|
+
attr
|
44
|
+
], ScrollableRegionElement.prototype, "hasOverflow", void 0);
|
45
|
+
__decorate([
|
46
|
+
attr
|
47
|
+
], ScrollableRegionElement.prototype, "labelledBy", void 0);
|
48
|
+
ScrollableRegionElement = __decorate([
|
49
|
+
controller
|
50
|
+
], ScrollableRegionElement);
|
51
|
+
export { ScrollableRegionElement };
|
52
|
+
window.ScrollableRegionElement = ScrollableRegionElement;
|
@@ -8,7 +8,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
8
8
|
import { controller, targets } from '@github/catalyst';
|
9
9
|
let PrimerMultiInputElement = class PrimerMultiInputElement extends HTMLElement {
|
10
10
|
activateField(name) {
|
11
|
-
var _a, _b;
|
12
11
|
const fieldWithName = this.findField(name);
|
13
12
|
if (!fieldWithName)
|
14
13
|
return;
|
@@ -17,11 +16,11 @@ let PrimerMultiInputElement = class PrimerMultiInputElement extends HTMLElement
|
|
17
16
|
continue;
|
18
17
|
field.setAttribute('disabled', 'disabled');
|
19
18
|
field.setAttribute('hidden', 'hidden');
|
20
|
-
|
19
|
+
field.parentElement?.setAttribute('hidden', 'hidden');
|
21
20
|
}
|
22
21
|
fieldWithName.removeAttribute('disabled');
|
23
22
|
fieldWithName.removeAttribute('hidden');
|
24
|
-
|
23
|
+
fieldWithName.parentElement?.removeAttribute('hidden');
|
25
24
|
}
|
26
25
|
findField(name) {
|
27
26
|
for (const field of this.fields) {
|