@primer/view-components 0.35.0-rc.03ac8a4d → 0.35.0-rc.05e7928c
Sign up to get free protection for your applications and to get access to all the features.
- package/app/assets/javascripts/{app/components → components}/primer/primer.d.ts +3 -3
- package/app/assets/javascripts/primer_view_components.js.map +1 -1
- package/app/components/primer/primer.js +3 -3
- package/package.json +2 -2
- package/app/components/primer/alpha/action_bar_element.d.ts +0 -17
- package/app/components/primer/alpha/action_list.d.ts +0 -16
- package/app/components/primer/alpha/action_menu/action_menu_element.d.ts +0 -42
- package/app/components/primer/alpha/dropdown/menu.d.ts +0 -1
- package/app/components/primer/alpha/dropdown.d.ts +0 -1
- package/app/components/primer/alpha/image_crop.d.ts +0 -1
- package/app/components/primer/alpha/modal_dialog.d.ts +0 -18
- package/app/components/primer/alpha/segmented_control.d.ts +0 -12
- package/app/components/primer/alpha/select_panel_element.d.ts +0 -63
- package/app/components/primer/alpha/tab_container.d.ts +0 -1
- package/app/components/primer/alpha/toggle_switch.d.ts +0 -34
- package/app/components/primer/alpha/tool_tip.d.ts +0 -27
- package/app/components/primer/alpha/x_banner.d.ts +0 -18
- package/app/components/primer/anchored_position.d.ts +0 -27
- package/app/components/primer/aria_live.d.ts +0 -8
- package/app/components/primer/beta/auto_complete/auto_complete.d.ts +0 -1
- package/app/components/primer/beta/clipboard_copy.d.ts +0 -1
- package/app/components/primer/beta/nav_list.d.ts +0 -20
- package/app/components/primer/beta/nav_list_group_element.d.ts +0 -19
- package/app/components/primer/beta/relative_time.d.ts +0 -1
- package/app/components/primer/dialog_helper.d.ts +0 -15
- package/app/components/primer/focus_group.d.ts +0 -19
- package/app/components/primer/primer.d.ts +0 -28
- package/app/components/primer/scrollable_region.d.ts +0 -13
- package/app/components/primer/shared_events.d.ts +0 -11
- package/lib/primer/forms/primer_multi_input.js +0 -44
- package/lib/primer/forms/primer_text_field.js +0 -119
- package/lib/primer/forms/toggle_switch_input.js +0 -34
- /package/app/assets/javascripts/{app/components → components}/primer/alpha/action_bar_element.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/alpha/action_list.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/alpha/action_menu/action_menu_element.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/alpha/dropdown/menu.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/alpha/dropdown.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/alpha/image_crop.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/alpha/modal_dialog.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/alpha/segmented_control.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/alpha/select_panel_element.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/alpha/tab_container.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/alpha/toggle_switch.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/alpha/tool_tip.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/alpha/x_banner.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/anchored_position.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/aria_live.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/beta/auto_complete/auto_complete.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/beta/clipboard_copy.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/beta/nav_list.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/beta/nav_list_group_element.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/beta/relative_time.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/dialog_helper.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/focus_group.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/scrollable_region.d.ts +0 -0
- /package/app/assets/javascripts/{app/components → components}/primer/shared_events.d.ts +0 -0
@@ -21,8 +21,8 @@ import './beta/auto_complete/auto_complete';
|
|
21
21
|
import './beta/clipboard_copy';
|
22
22
|
import './beta/relative_time';
|
23
23
|
import './alpha/tab_container';
|
24
|
-
import '
|
25
|
-
import '
|
26
|
-
import '
|
24
|
+
import '../../lib/primer/forms/primer_multi_input';
|
25
|
+
import '../../lib/primer/forms/primer_text_field';
|
26
|
+
import '../../lib/primer/forms/toggle_switch_input';
|
27
27
|
import './alpha/action_menu/action_menu_element';
|
28
28
|
import './alpha/select_panel_element';
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@primer/view-components",
|
3
|
-
"version": "0.35.0-rc.
|
3
|
+
"version": "0.35.0-rc.05e7928c",
|
4
4
|
"description": "ViewComponents for the Primer Design System",
|
5
5
|
"main": "app/assets/javascripts/primer_view_components.js",
|
6
6
|
"module": "app/components/primer/primer.js",
|
@@ -84,7 +84,7 @@
|
|
84
84
|
"postcss": "^8.4.16",
|
85
85
|
"postcss-cli": "^11.0.0",
|
86
86
|
"postcss-import": "^16.0.0",
|
87
|
-
"postcss-mixins": "^
|
87
|
+
"postcss-mixins": "^11.0.1",
|
88
88
|
"postcss-preset-env": "^10.0.2",
|
89
89
|
"prettier": "^3.3.2",
|
90
90
|
"rollup": "^2.79.1",
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import { ActionMenuElement } from './action_menu/action_menu_element';
|
2
|
-
declare class ActionBarElement extends HTMLElement {
|
3
|
-
#private;
|
4
|
-
items: HTMLElement[];
|
5
|
-
itemContainer: HTMLElement;
|
6
|
-
moreMenu: ActionMenuElement;
|
7
|
-
connectedCallback(): void;
|
8
|
-
disconnectedCallback(): void;
|
9
|
-
menuItemClick(event: Event): void;
|
10
|
-
update(): void;
|
11
|
-
}
|
12
|
-
declare global {
|
13
|
-
interface Window {
|
14
|
-
ActionBarElement: typeof ActionBarElement;
|
15
|
-
}
|
16
|
-
}
|
17
|
-
export {};
|
@@ -1,16 +0,0 @@
|
|
1
|
-
export declare class ActionListTruncationObserver {
|
2
|
-
resizeObserver: ResizeObserver;
|
3
|
-
constructor(el: HTMLElement);
|
4
|
-
unobserve(el: HTMLElement): void;
|
5
|
-
update(el: HTMLElement): void;
|
6
|
-
}
|
7
|
-
export declare class ActionListElement extends HTMLElement {
|
8
|
-
#private;
|
9
|
-
connectedCallback(): void;
|
10
|
-
disconnectedCallback(): void;
|
11
|
-
}
|
12
|
-
declare global {
|
13
|
-
interface Window {
|
14
|
-
ActionListElement: typeof ActionListElement;
|
15
|
-
}
|
16
|
-
}
|
@@ -1,42 +0,0 @@
|
|
1
|
-
import '@oddbird/popover-polyfill';
|
2
|
-
import type { IncludeFragmentElement } from '@github/include-fragment-element';
|
3
|
-
type SelectVariant = 'none' | 'single' | 'multiple' | null;
|
4
|
-
type SelectedItem = {
|
5
|
-
label: string | null | undefined;
|
6
|
-
value: string | null | undefined;
|
7
|
-
element: Element;
|
8
|
-
};
|
9
|
-
export declare class ActionMenuElement extends HTMLElement {
|
10
|
-
#private;
|
11
|
-
includeFragment: IncludeFragmentElement;
|
12
|
-
get selectVariant(): SelectVariant;
|
13
|
-
set selectVariant(variant: SelectVariant);
|
14
|
-
get dynamicLabelPrefix(): string;
|
15
|
-
set dynamicLabelPrefix(value: string);
|
16
|
-
get dynamicLabel(): boolean;
|
17
|
-
set dynamicLabel(value: boolean);
|
18
|
-
get popoverElement(): HTMLElement | null;
|
19
|
-
get invokerElement(): HTMLButtonElement | null;
|
20
|
-
get invokerLabel(): HTMLElement | null;
|
21
|
-
get selectedItems(): SelectedItem[];
|
22
|
-
connectedCallback(): void;
|
23
|
-
disconnectedCallback(): void;
|
24
|
-
handleEvent(event: Event): void;
|
25
|
-
get items(): HTMLElement[];
|
26
|
-
getItemById(itemId: string): HTMLElement | null;
|
27
|
-
isItemDisabled(item: Element | null): boolean;
|
28
|
-
disableItem(item: Element | null): void;
|
29
|
-
enableItem(item: Element | null): void;
|
30
|
-
isItemHidden(item: Element | null): boolean;
|
31
|
-
hideItem(item: Element | null): void;
|
32
|
-
showItem(item: Element | null): void;
|
33
|
-
isItemChecked(item: Element | null): boolean;
|
34
|
-
checkItem(item: Element | null): void;
|
35
|
-
uncheckItem(item: Element | null): void;
|
36
|
-
}
|
37
|
-
declare global {
|
38
|
-
interface Window {
|
39
|
-
ActionMenuElement: typeof ActionMenuElement;
|
40
|
-
}
|
41
|
-
}
|
42
|
-
export {};
|
@@ -1 +0,0 @@
|
|
1
|
-
import '@github/details-menu-element';
|
@@ -1 +0,0 @@
|
|
1
|
-
import './dropdown/menu';
|
@@ -1 +0,0 @@
|
|
1
|
-
import '@github/image-crop-element';
|
@@ -1,18 +0,0 @@
|
|
1
|
-
export declare class ModalDialogElement extends HTMLElement {
|
2
|
-
#private;
|
3
|
-
openButton: HTMLButtonElement | null;
|
4
|
-
get open(): boolean;
|
5
|
-
set open(value: boolean);
|
6
|
-
get showButtons(): NodeList;
|
7
|
-
connectedCallback(): void;
|
8
|
-
show(): void;
|
9
|
-
close(closedNotCancelled?: boolean): void;
|
10
|
-
}
|
11
|
-
declare global {
|
12
|
-
interface Window {
|
13
|
-
ModalDialogElement: typeof ModalDialogElement;
|
14
|
-
}
|
15
|
-
interface HTMLElementTagNameMap {
|
16
|
-
'modal-dialog': ModalDialogElement;
|
17
|
-
}
|
18
|
-
}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
declare class SegmentedControlElement extends HTMLElement {
|
2
|
-
#private;
|
3
|
-
items: HTMLElement[];
|
4
|
-
connectedCallback(): void;
|
5
|
-
select(event: Event): void;
|
6
|
-
}
|
7
|
-
declare global {
|
8
|
-
interface Window {
|
9
|
-
SegmentedControlElement: typeof SegmentedControlElement;
|
10
|
-
}
|
11
|
-
}
|
12
|
-
export {};
|
@@ -1,63 +0,0 @@
|
|
1
|
-
import { IncludeFragmentElement } from '@github/include-fragment-element';
|
2
|
-
import type { AnchorAlignment, AnchorSide } from '@primer/behaviors';
|
3
|
-
import '@oddbird/popover-polyfill';
|
4
|
-
type SelectVariant = 'none' | 'single' | 'multiple' | null;
|
5
|
-
type SelectedItem = {
|
6
|
-
label: string | null | undefined;
|
7
|
-
value: string | null | undefined;
|
8
|
-
inputName: string | null | undefined;
|
9
|
-
};
|
10
|
-
export type SelectPanelItem = HTMLLIElement;
|
11
|
-
export type FilterFn = (item: SelectPanelItem, query: string) => boolean;
|
12
|
-
export declare class SelectPanelElement extends HTMLElement {
|
13
|
-
#private;
|
14
|
-
includeFragment: IncludeFragmentElement;
|
15
|
-
dialog: HTMLDialogElement;
|
16
|
-
filterInputTextField: HTMLInputElement;
|
17
|
-
remoteInput: HTMLElement;
|
18
|
-
list: HTMLElement;
|
19
|
-
ariaLiveContainer: HTMLElement;
|
20
|
-
noResults: HTMLElement;
|
21
|
-
fragmentErrorElement: HTMLElement;
|
22
|
-
bannerErrorElement: HTMLElement;
|
23
|
-
bodySpinner: HTMLElement;
|
24
|
-
filterFn?: FilterFn;
|
25
|
-
get open(): boolean;
|
26
|
-
get selectVariant(): SelectVariant;
|
27
|
-
get ariaSelectionType(): string;
|
28
|
-
set selectVariant(variant: SelectVariant);
|
29
|
-
get dynamicLabelPrefix(): string;
|
30
|
-
get dynamicAriaLabelPrefix(): string;
|
31
|
-
set dynamicLabelPrefix(value: string);
|
32
|
-
get dynamicLabel(): boolean;
|
33
|
-
set dynamicLabel(value: boolean);
|
34
|
-
get invokerElement(): HTMLButtonElement | null;
|
35
|
-
get closeButton(): HTMLButtonElement | null;
|
36
|
-
get invokerLabel(): HTMLElement | null;
|
37
|
-
get selectedItems(): SelectedItem[];
|
38
|
-
get align(): AnchorAlignment;
|
39
|
-
get side(): AnchorSide;
|
40
|
-
updateAnchorPosition(): void;
|
41
|
-
connectedCallback(): void;
|
42
|
-
disconnectedCallback(): void;
|
43
|
-
handleEvent(event: Event): void;
|
44
|
-
show(): void;
|
45
|
-
hide(): void;
|
46
|
-
get visibleItems(): SelectPanelItem[];
|
47
|
-
get items(): SelectPanelItem[];
|
48
|
-
get focusableItem(): HTMLElement | undefined;
|
49
|
-
getItemById(itemId: string): SelectPanelItem | null;
|
50
|
-
isItemDisabled(item: SelectPanelItem | null): boolean;
|
51
|
-
disableItem(item: SelectPanelItem | null): void;
|
52
|
-
enableItem(item: SelectPanelItem | null): void;
|
53
|
-
isItemHidden(item: SelectPanelItem | null): boolean;
|
54
|
-
isItemChecked(item: SelectPanelItem | null): boolean;
|
55
|
-
checkItem(item: SelectPanelItem | null): void;
|
56
|
-
uncheckItem(item: SelectPanelItem | null): void;
|
57
|
-
}
|
58
|
-
declare global {
|
59
|
-
interface Window {
|
60
|
-
SelectPanelElement: typeof SelectPanelElement;
|
61
|
-
}
|
62
|
-
}
|
63
|
-
export {};
|
@@ -1 +0,0 @@
|
|
1
|
-
import '@github/tab-container-element';
|
@@ -1,34 +0,0 @@
|
|
1
|
-
declare class ToggleSwitchElement extends HTMLElement {
|
2
|
-
switch: HTMLElement;
|
3
|
-
loadingSpinner: HTMLElement;
|
4
|
-
errorIcon: HTMLElement;
|
5
|
-
turbo: boolean;
|
6
|
-
private toggling;
|
7
|
-
get src(): string | null;
|
8
|
-
get csrf(): string | null;
|
9
|
-
get csrfField(): string;
|
10
|
-
isRemote(): boolean;
|
11
|
-
toggle(): Promise<void>;
|
12
|
-
turnOn(): void;
|
13
|
-
turnOff(): void;
|
14
|
-
isOn(): boolean;
|
15
|
-
isOff(): boolean;
|
16
|
-
isDisabled(): boolean;
|
17
|
-
disable(): void;
|
18
|
-
enable(): void;
|
19
|
-
private performToggle;
|
20
|
-
private setLoadingState;
|
21
|
-
private setSuccessState;
|
22
|
-
private setErrorState;
|
23
|
-
private setFinishedState;
|
24
|
-
private submitForm;
|
25
|
-
}
|
26
|
-
declare global {
|
27
|
-
interface Window {
|
28
|
-
ToggleSwitchElement: typeof ToggleSwitchElement;
|
29
|
-
Turbo: {
|
30
|
-
renderStreamMessage: (message: string) => void;
|
31
|
-
};
|
32
|
-
}
|
33
|
-
}
|
34
|
-
export {};
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import '@oddbird/popover-polyfill';
|
2
|
-
type Direction = 'n' | 's' | 'e' | 'w' | 'ne' | 'se' | 'nw' | 'sw';
|
3
|
-
declare class ToolTipElement extends HTMLElement {
|
4
|
-
#private;
|
5
|
-
styles(): string;
|
6
|
-
get showReason(): "focus" | "mouse";
|
7
|
-
get htmlFor(): string;
|
8
|
-
set htmlFor(value: string);
|
9
|
-
get type(): 'description' | 'label';
|
10
|
-
set type(value: 'description' | 'label');
|
11
|
-
get direction(): Direction;
|
12
|
-
set direction(value: Direction);
|
13
|
-
get control(): HTMLElement | null;
|
14
|
-
set hiddenFromView(value: true | false);
|
15
|
-
get hiddenFromView(): true | false;
|
16
|
-
connectedCallback(): void;
|
17
|
-
disconnectedCallback(): void;
|
18
|
-
handleEvent(event: Event): Promise<void>;
|
19
|
-
static observedAttributes: string[];
|
20
|
-
attributeChangedCallback(name: string): void;
|
21
|
-
}
|
22
|
-
declare global {
|
23
|
-
interface Window {
|
24
|
-
ToolTipElement: typeof ToolTipElement;
|
25
|
-
}
|
26
|
-
}
|
27
|
-
export {};
|
@@ -1,18 +0,0 @@
|
|
1
|
-
declare global {
|
2
|
-
interface HTMLElementEventMap {
|
3
|
-
'banner:dismiss': CustomEvent<void>;
|
4
|
-
}
|
5
|
-
}
|
6
|
-
declare class XBannerElement extends HTMLElement {
|
7
|
-
#private;
|
8
|
-
titleText: HTMLElement;
|
9
|
-
dismiss(): void;
|
10
|
-
show(): void;
|
11
|
-
hide(): void;
|
12
|
-
}
|
13
|
-
declare global {
|
14
|
-
interface Window {
|
15
|
-
XBannerElement: typeof XBannerElement;
|
16
|
-
}
|
17
|
-
}
|
18
|
-
export {};
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import type { AnchorAlignment, AnchorSide, PositionSettings } from '@primer/behaviors';
|
2
|
-
export default class AnchoredPositionElement extends HTMLElement implements PositionSettings {
|
3
|
-
#private;
|
4
|
-
get align(): AnchorAlignment;
|
5
|
-
set align(value: AnchorAlignment);
|
6
|
-
get side(): AnchorSide;
|
7
|
-
set side(value: AnchorSide);
|
8
|
-
get anchorOffset(): number;
|
9
|
-
set anchorOffset(value: number | 'normal' | 'spacious');
|
10
|
-
get anchor(): string;
|
11
|
-
set anchor(value: string);
|
12
|
-
get anchorElement(): HTMLElement | null;
|
13
|
-
set anchorElement(value: HTMLElement | null);
|
14
|
-
get alignmentOffset(): number;
|
15
|
-
set alignmentOffset(value: number);
|
16
|
-
get allowOutOfBounds(): boolean;
|
17
|
-
set allowOutOfBounds(value: boolean);
|
18
|
-
connectedCallback(): void;
|
19
|
-
static observedAttributes: string[];
|
20
|
-
attributeChangedCallback(): void;
|
21
|
-
update(): void;
|
22
|
-
}
|
23
|
-
declare global {
|
24
|
-
interface Window {
|
25
|
-
AnchoredPositionElement: typeof AnchoredPositionElement;
|
26
|
-
}
|
27
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
import '@github/auto-complete-element';
|
@@ -1 +0,0 @@
|
|
1
|
-
import '@github/clipboard-copy-element';
|
@@ -1,20 +0,0 @@
|
|
1
|
-
export declare class NavListElement extends HTMLElement {
|
2
|
-
#private;
|
3
|
-
items: HTMLElement[];
|
4
|
-
topLevelList: HTMLElement;
|
5
|
-
connectedCallback(): void;
|
6
|
-
disconnectedCallback(): void;
|
7
|
-
selectItemById(itemId: string | null): boolean;
|
8
|
-
selectItemByHref(href: string | null): boolean;
|
9
|
-
selectItemByCurrentLocation(): boolean;
|
10
|
-
expandItem(item: HTMLElement): void;
|
11
|
-
collapseItem(item: HTMLElement): void;
|
12
|
-
itemIsExpanded(item: HTMLElement | null): boolean;
|
13
|
-
handleItemWithSubItemClick(e: Event): void;
|
14
|
-
handleItemWithSubItemKeydown(e: KeyboardEvent): void;
|
15
|
-
}
|
16
|
-
declare global {
|
17
|
-
interface Window {
|
18
|
-
NavListElement: typeof NavListElement;
|
19
|
-
}
|
20
|
-
}
|
@@ -1,19 +0,0 @@
|
|
1
|
-
export declare class NavListGroupElement extends HTMLElement {
|
2
|
-
#private;
|
3
|
-
showMoreItem: HTMLElement;
|
4
|
-
focusMarkers: HTMLElement[];
|
5
|
-
connectedCallback(): void;
|
6
|
-
get showMoreDisabled(): boolean;
|
7
|
-
set showMoreDisabled(value: boolean);
|
8
|
-
set currentPage(value: number);
|
9
|
-
get currentPage(): number;
|
10
|
-
get totalPages(): number;
|
11
|
-
get paginationSrc(): string;
|
12
|
-
private showMore;
|
13
|
-
private setShowMoreItemState;
|
14
|
-
}
|
15
|
-
declare global {
|
16
|
-
interface Window {
|
17
|
-
NavListGroupElement: typeof NavListGroupElement;
|
18
|
-
}
|
19
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
import '@github/relative-time-element';
|
@@ -1,15 +0,0 @@
|
|
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
|
-
}
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import '@oddbird/popover-polyfill';
|
2
|
-
export default class FocusGroupElement extends HTMLElement {
|
3
|
-
#private;
|
4
|
-
get nowrap(): boolean;
|
5
|
-
set nowrap(value: boolean);
|
6
|
-
get direction(): 'horizontal' | 'vertical' | 'both';
|
7
|
-
set direction(value: 'horizontal' | 'vertical' | 'both');
|
8
|
-
get retain(): boolean;
|
9
|
-
set retain(value: boolean);
|
10
|
-
get mnemonics(): boolean;
|
11
|
-
connectedCallback(): void;
|
12
|
-
disconnectedCallback(): void;
|
13
|
-
handleEvent(event: Event): void;
|
14
|
-
}
|
15
|
-
declare global {
|
16
|
-
interface Window {
|
17
|
-
FocusGroupElement: typeof FocusGroupElement;
|
18
|
-
}
|
19
|
-
}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import '@github/include-fragment-element';
|
2
|
-
import '@github/remote-input-element';
|
3
|
-
import './alpha/action_list';
|
4
|
-
import './alpha/action_bar_element';
|
5
|
-
import './alpha/dropdown';
|
6
|
-
import './anchored_position';
|
7
|
-
import './dialog_helper';
|
8
|
-
import './focus_group';
|
9
|
-
import './scrollable_region';
|
10
|
-
import './aria_live';
|
11
|
-
import './shared_events';
|
12
|
-
import './alpha/image_crop';
|
13
|
-
import './alpha/modal_dialog';
|
14
|
-
import './beta/nav_list';
|
15
|
-
import './beta/nav_list_group_element';
|
16
|
-
import './alpha/segmented_control';
|
17
|
-
import './alpha/toggle_switch';
|
18
|
-
import './alpha/tool_tip';
|
19
|
-
import './alpha/x_banner';
|
20
|
-
import './beta/auto_complete/auto_complete';
|
21
|
-
import './beta/clipboard_copy';
|
22
|
-
import './beta/relative_time';
|
23
|
-
import './alpha/tab_container';
|
24
|
-
import '../../../lib/primer/forms/primer_multi_input';
|
25
|
-
import '../../../lib/primer/forms/primer_text_field';
|
26
|
-
import '../../../lib/primer/forms/toggle_switch_input';
|
27
|
-
import './alpha/action_menu/action_menu_element';
|
28
|
-
import './alpha/select_panel_element';
|
@@ -1,13 +0,0 @@
|
|
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
|
-
}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
export type ItemActivatedEvent = {
|
2
|
-
item: Element;
|
3
|
-
checked: boolean;
|
4
|
-
value: string | null;
|
5
|
-
};
|
6
|
-
declare global {
|
7
|
-
interface HTMLElementEventMap {
|
8
|
-
itemActivated: CustomEvent<ItemActivatedEvent>;
|
9
|
-
beforeItemActivated: CustomEvent<ItemActivatedEvent>;
|
10
|
-
}
|
11
|
-
}
|
@@ -1,44 +0,0 @@
|
|
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
|
-
/* eslint-disable custom-elements/expose-class-on-global */
|
8
|
-
import { controller, targets } from '@github/catalyst';
|
9
|
-
let PrimerMultiInputElement = class PrimerMultiInputElement extends HTMLElement {
|
10
|
-
activateField(name) {
|
11
|
-
const fieldWithName = this.findField(name);
|
12
|
-
if (!fieldWithName)
|
13
|
-
return;
|
14
|
-
for (const field of this.fields) {
|
15
|
-
if (field === fieldWithName)
|
16
|
-
continue;
|
17
|
-
field.setAttribute('disabled', 'disabled');
|
18
|
-
field.setAttribute('hidden', 'hidden');
|
19
|
-
field.parentElement?.setAttribute('hidden', 'hidden');
|
20
|
-
}
|
21
|
-
fieldWithName.removeAttribute('disabled');
|
22
|
-
fieldWithName.removeAttribute('hidden');
|
23
|
-
fieldWithName.parentElement?.removeAttribute('hidden');
|
24
|
-
}
|
25
|
-
findField(name) {
|
26
|
-
for (const field of this.fields) {
|
27
|
-
if (field.getAttribute('data-name') === name) {
|
28
|
-
return field;
|
29
|
-
}
|
30
|
-
}
|
31
|
-
return null;
|
32
|
-
}
|
33
|
-
};
|
34
|
-
__decorate([
|
35
|
-
targets
|
36
|
-
], PrimerMultiInputElement.prototype, "fields", void 0);
|
37
|
-
PrimerMultiInputElement = __decorate([
|
38
|
-
controller
|
39
|
-
], PrimerMultiInputElement);
|
40
|
-
export { PrimerMultiInputElement };
|
41
|
-
if (!window.customElements.get('primer-multi-input')) {
|
42
|
-
Object.assign(window, { PrimerMultiInputElement });
|
43
|
-
window.customElements.define('primer-multi-input', PrimerMultiInputElement);
|
44
|
-
}
|
@@ -1,119 +0,0 @@
|
|
1
|
-
/* eslint-disable custom-elements/expose-class-on-global */
|
2
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
3
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
4
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
5
|
-
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;
|
6
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
7
|
-
};
|
8
|
-
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
9
|
-
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
10
|
-
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");
|
11
|
-
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
12
|
-
};
|
13
|
-
var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
14
|
-
if (kind === "m") throw new TypeError("Private method is not writable");
|
15
|
-
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
16
|
-
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");
|
17
|
-
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
18
|
-
};
|
19
|
-
var _PrimerTextFieldElement_abortController;
|
20
|
-
import '@github/auto-check-element';
|
21
|
-
import { controller, target } from '@github/catalyst';
|
22
|
-
let PrimerTextFieldElement = class PrimerTextFieldElement extends HTMLElement {
|
23
|
-
constructor() {
|
24
|
-
super(...arguments);
|
25
|
-
_PrimerTextFieldElement_abortController.set(this, void 0);
|
26
|
-
}
|
27
|
-
connectedCallback() {
|
28
|
-
__classPrivateFieldGet(this, _PrimerTextFieldElement_abortController, "f")?.abort();
|
29
|
-
const { signal } = (__classPrivateFieldSet(this, _PrimerTextFieldElement_abortController, new AbortController(), "f"));
|
30
|
-
this.addEventListener('auto-check-success', async (event) => {
|
31
|
-
const message = await event.detail.response.text();
|
32
|
-
if (message && message.length > 0) {
|
33
|
-
this.setSuccess(message);
|
34
|
-
}
|
35
|
-
else {
|
36
|
-
this.clearError();
|
37
|
-
}
|
38
|
-
}, { signal });
|
39
|
-
this.addEventListener('auto-check-error', async (event) => {
|
40
|
-
const errorMessage = await event.detail.response.text();
|
41
|
-
this.setError(errorMessage);
|
42
|
-
}, { signal });
|
43
|
-
}
|
44
|
-
disconnectedCallback() {
|
45
|
-
__classPrivateFieldGet(this, _PrimerTextFieldElement_abortController, "f")?.abort();
|
46
|
-
}
|
47
|
-
clearContents() {
|
48
|
-
this.inputElement.value = '';
|
49
|
-
this.inputElement.focus();
|
50
|
-
this.inputElement.dispatchEvent(new Event('input', { bubbles: true, cancelable: false }));
|
51
|
-
}
|
52
|
-
clearError() {
|
53
|
-
this.inputElement.removeAttribute('invalid');
|
54
|
-
this.validationElement.hidden = true;
|
55
|
-
this.validationMessageElement.replaceChildren();
|
56
|
-
}
|
57
|
-
setValidationMessage(message) {
|
58
|
-
const template = document.createElement('template');
|
59
|
-
// eslint-disable-next-line github/no-inner-html
|
60
|
-
template.innerHTML = message;
|
61
|
-
const fragment = document.importNode(template.content, true);
|
62
|
-
this.validationMessageElement.replaceChildren(fragment);
|
63
|
-
}
|
64
|
-
toggleValidationStyling(isError) {
|
65
|
-
if (isError) {
|
66
|
-
this.validationElement.classList.remove('FormControl-inlineValidation--success');
|
67
|
-
}
|
68
|
-
else {
|
69
|
-
this.validationElement.classList.add('FormControl-inlineValidation--success');
|
70
|
-
}
|
71
|
-
this.validationSuccessIcon.hidden = isError;
|
72
|
-
this.validationErrorIcon.hidden = !isError;
|
73
|
-
this.inputElement.setAttribute('invalid', isError ? 'true' : 'false');
|
74
|
-
}
|
75
|
-
setSuccess(message) {
|
76
|
-
this.toggleValidationStyling(false);
|
77
|
-
this.setValidationMessage(message);
|
78
|
-
this.validationElement.hidden = false;
|
79
|
-
}
|
80
|
-
setError(message) {
|
81
|
-
this.toggleValidationStyling(true);
|
82
|
-
this.setValidationMessage(message);
|
83
|
-
this.validationElement.hidden = false;
|
84
|
-
}
|
85
|
-
showLeadingSpinner() {
|
86
|
-
this.leadingSpinner?.removeAttribute('hidden');
|
87
|
-
this.leadingVisual?.setAttribute('hidden', '');
|
88
|
-
}
|
89
|
-
hideLeadingSpinner() {
|
90
|
-
this.leadingSpinner?.setAttribute('hidden', '');
|
91
|
-
this.leadingVisual?.removeAttribute('hidden');
|
92
|
-
}
|
93
|
-
};
|
94
|
-
_PrimerTextFieldElement_abortController = new WeakMap();
|
95
|
-
__decorate([
|
96
|
-
target
|
97
|
-
], PrimerTextFieldElement.prototype, "inputElement", void 0);
|
98
|
-
__decorate([
|
99
|
-
target
|
100
|
-
], PrimerTextFieldElement.prototype, "validationElement", void 0);
|
101
|
-
__decorate([
|
102
|
-
target
|
103
|
-
], PrimerTextFieldElement.prototype, "validationMessageElement", void 0);
|
104
|
-
__decorate([
|
105
|
-
target
|
106
|
-
], PrimerTextFieldElement.prototype, "validationSuccessIcon", void 0);
|
107
|
-
__decorate([
|
108
|
-
target
|
109
|
-
], PrimerTextFieldElement.prototype, "validationErrorIcon", void 0);
|
110
|
-
__decorate([
|
111
|
-
target
|
112
|
-
], PrimerTextFieldElement.prototype, "leadingVisual", void 0);
|
113
|
-
__decorate([
|
114
|
-
target
|
115
|
-
], PrimerTextFieldElement.prototype, "leadingSpinner", void 0);
|
116
|
-
PrimerTextFieldElement = __decorate([
|
117
|
-
controller
|
118
|
-
], PrimerTextFieldElement);
|
119
|
-
export { PrimerTextFieldElement };
|