@nldd/design-system 0.8.85 → 0.8.87
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.
- package/custom-elements.json +1011 -355
- package/dist/components/actions/icon-button/icon-button.d.ts +2 -2
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +3 -3
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/components.js +1546 -371
- package/dist/components/content/avatar/avatar.d.ts +6 -6
- package/dist/components/content/avatar/avatar.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.js +9 -9
- package/dist/components/content/avatar/avatar.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +4 -0
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
- package/dist/components/content/icon/icon-gallery-status.js +3 -26
- package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +2 -0
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/icon/icon.d.ts +2 -2
- package/dist/components/content/icon/icon.d.ts.map +1 -1
- package/dist/components/content/icon/icon.js +3 -3
- package/dist/components/content/icon/icon.js.map +1 -1
- package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
- package/dist/components/content/icon/icon.styles.js +8 -2
- package/dist/components/content/icon/icon.styles.js.map +1 -1
- package/dist/components/content/rich-text/rich-text.d.ts +7 -6
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.js +8 -7
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/content/text/text.d.ts +2 -2
- package/dist/components/content/text/text.js +3 -3
- package/dist/components/content/title/title.d.ts +5 -5
- package/dist/components/content/title/title.d.ts.map +1 -1
- package/dist/components/content/title/title.js +6 -6
- package/dist/components/content/title/title.js.map +1 -1
- package/dist/components/content/tooltip/tooltip.d.ts +2 -2
- package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.js +4 -4
- package/dist/components/content/tooltip/tooltip.js.map +1 -1
- package/dist/components/{dist-C09E9-dJ.js → dist-B_Mnmrj4.js} +1 -1
- package/dist/components/{dist-CjaG8dOI.js → dist-ByH8hQze.js} +2 -2
- package/dist/components/{dist-BB7TxeMK.js → dist-CRwuSgMM.js} +2 -2
- package/dist/components/{dist-la_b3ZSq.js → dist-CSrO_mYe.js} +1 -1
- package/dist/components/{dist-762GHPyH.js → dist-CX3DK4i7.js} +3 -3
- package/dist/components/{dist-DZoFKUO-.js → dist-CbCO0WCd.js} +1 -1
- package/dist/components/{dist-B_3OW7pC.js → dist-CgDuh26K.js} +1 -1
- package/dist/components/{dist-DaavuU6W.js → dist-DXZ-cFAl.js} +2 -2
- package/dist/components/{dist-CRsR6ckU.js → dist-LX8LuMac.js} +1 -1
- package/dist/components/{dist-BJI4-6iQ.js → dist-eVFegyjM.js} +1 -1
- package/dist/components/{dist-C6gnorjP.js → dist-fIxe0l7k.js} +9 -1
- package/dist/components/{icon-Cd4BloIM.js → icon-C_zwJZ_g.js} +14 -4
- package/dist/components/{icon-button-CXN0yaVx.js → icon-button-CEz4MB9H.js} +10 -10
- package/dist/components/inputs/code-editor/code-editor.styles.js +2 -2
- package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.d.ts +3 -5
- package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.js +30 -44
- package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.annotations.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.annotations.js +31 -5
- package/dist/components/inputs/text-editor/text-editor.annotations.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.commands.d.ts +14 -2
- package/dist/components/inputs/text-editor/text-editor.commands.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.commands.js +115 -36
- package/dist/components/inputs/text-editor/text-editor.commands.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.cursor.d.ts +7 -0
- package/dist/components/inputs/text-editor/text-editor.cursor.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.cursor.js +207 -0
- package/dist/components/inputs/text-editor/text-editor.cursor.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.d.ts +65 -13
- package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.emphasis.d.ts +32 -0
- package/dist/components/inputs/text-editor/text-editor.emphasis.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.emphasis.js +229 -0
- package/dist/components/inputs/text-editor/text-editor.emphasis.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.js +177 -18
- package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.links.d.ts +8 -0
- package/dist/components/inputs/text-editor/text-editor.links.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.links.js +30 -4
- package/dist/components/inputs/text-editor/text-editor.links.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.markdown.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.markdown.js +52 -18
- package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.d.ts +78 -11
- package/dist/components/inputs/text-editor/text-editor.mentions.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.js +190 -41
- package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.ordered-list.d.ts +0 -2
- package/dist/components/inputs/text-editor/text-editor.ordered-list.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.ordered-list.js +21 -1
- package/dist/components/inputs/text-editor/text-editor.ordered-list.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.styles.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.styles.js +11 -10
- package/dist/components/inputs/text-editor/text-editor.styles.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.syntax.d.ts +9 -0
- package/dist/components/inputs/text-editor/text-editor.syntax.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.syntax.js +20 -0
- package/dist/components/inputs/text-editor/text-editor.syntax.js.map +1 -0
- package/dist/components/layout/collection/collection.d.ts +15 -8
- package/dist/components/layout/collection/collection.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.js +38 -13
- package/dist/components/layout/collection/collection.js.map +1 -1
- package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.styles.js +36 -23
- package/dist/components/layout/collection/collection.styles.js.map +1 -1
- package/dist/components/layout/container/container.d.ts +11 -3
- package/dist/components/layout/container/container.d.ts.map +1 -1
- package/dist/components/layout/container/container.js +30 -17
- package/dist/components/layout/container/container.js.map +1 -1
- package/dist/components/layout/container/container.styles.d.ts.map +1 -1
- package/dist/components/layout/container/container.styles.js +19 -21
- package/dist/components/layout/container/container.styles.js.map +1 -1
- package/dist/components/layout/page/page.d.ts +23 -2
- package/dist/components/layout/page/page.d.ts.map +1 -1
- package/dist/components/layout/page/page.js +56 -2
- package/dist/components/layout/page/page.js.map +1 -1
- package/dist/components/layout/page/page.styles.d.ts.map +1 -1
- package/dist/components/layout/page/page.styles.js +33 -8
- package/dist/components/layout/page/page.styles.js.map +1 -1
- package/dist/components/layout/page-sections/page-section-controls.d.ts +0 -70
- package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -1
- package/dist/components/layout/page-sections/page-section-controls.js +0 -3
- package/dist/components/layout/page-sections/page-section-controls.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js +7 -5
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +3 -7
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +4 -18
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +2 -6
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.template.js +2 -2
- package/dist/components/layout/sheet/sheet.template.js.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +13 -13
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +1 -1
- package/dist/components/layout/window/window.d.ts +2 -4
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +4 -14
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/layout/window/window.template.d.ts.map +1 -1
- package/dist/components/layout/window/window.template.js +2 -2
- package/dist/components/layout/window/window.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts +2 -2
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js +3 -3
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts +2 -2
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +3 -3
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts +2 -2
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +3 -3
- package/dist/components/lists-and-tables/list/list.d.ts +17 -5
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +62 -8
- package/dist/components/lists-and-tables/list/list.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.styles.js +8 -1
- package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.d.ts +4 -1
- package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.js +31 -12
- package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts +8 -3
- package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +35 -9
- package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.js +18 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
- package/dist/components/navigation/link/link.d.ts +2 -2
- package/dist/components/navigation/link/link.d.ts.map +1 -1
- package/dist/components/navigation/link/link.js +3 -2
- package/dist/components/navigation/link/link.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +50 -12
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +3 -3
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +4 -4
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +8 -0
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +14 -0
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +22 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +6 -2
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +3 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +5 -0
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +3 -3
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js +1 -0
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +15 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +4 -3
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
- package/dist/components/visibility-mixin-BU1vIMW7.js +161 -0
- package/dist/favicon.svg +10 -0
- package/dist/nldd.min.js +834 -676
- package/dist/touch-icon.png +0 -0
- package/dist/types/vue.d.ts +55 -33
- package/dist/utilities/spacing-scale.d.ts +26 -0
- package/dist/utilities/spacing-scale.d.ts.map +1 -0
- package/dist/utilities/spacing-scale.js +54 -0
- package/dist/utilities/spacing-scale.js.map +1 -0
- package/dist/utilities/visibility-mixin.d.ts +11 -8
- package/dist/utilities/visibility-mixin.d.ts.map +1 -1
- package/dist/utilities/visibility-mixin.js +58 -45
- package/dist/utilities/visibility-mixin.js.map +1 -1
- package/dist/utilities/visibility-mixin.styles.d.ts +14 -0
- package/dist/utilities/visibility-mixin.styles.d.ts.map +1 -0
- package/dist/utilities/visibility-mixin.styles.js +52 -0
- package/dist/utilities/visibility-mixin.styles.js.map +1 -0
- package/package.json +5 -2
- package/dist/components/visibility-mixin-vbfhyo7f.js +0 -104
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
* @attr {string} text - Main text (heading or paragraph, depending on heading-level)
|
|
14
14
|
* @attr {string} supporting-text - Supporting text below the heading
|
|
15
15
|
* @attr {1|2|3|4|5|6} heading-level - Renders text as h1–h6; absent renders a p
|
|
16
|
+
* @attr {'left'|'center'} horizontal-alignment - Overrides the alignment of text, icon and actions. Unset (the default) derives it: content in the default slot means a task, which aligns left; a bare message stays centered. Left alignment also lays the actions out in a row instead of stacked full-width.
|
|
16
17
|
*
|
|
17
18
|
* @slot - Optional custom content between text and actions
|
|
18
19
|
* @slot actions - nldd-button elements, wrapped in nldd-button-group (max 3)
|
|
@@ -24,6 +25,7 @@ import '../activity-indicator/activity-indicator.js';
|
|
|
24
25
|
export type InlineDialogVariant = 'alert' | 'success' | 'loading';
|
|
25
26
|
export type InlineDialogSize = 'md' | 'lg';
|
|
26
27
|
export type InlineDialogIconColor = 'secondary' | 'accent' | 'critical' | 'warning' | 'success';
|
|
28
|
+
export type InlineDialogHorizontalAlignment = 'left' | 'center';
|
|
27
29
|
export declare class NLDDInlineDialog extends LitElement {
|
|
28
30
|
static styles: import("lit").CSSResult;
|
|
29
31
|
variant: InlineDialogVariant | '';
|
|
@@ -33,9 +35,15 @@ export declare class NLDDInlineDialog extends LitElement {
|
|
|
33
35
|
text: string;
|
|
34
36
|
supportingText: string;
|
|
35
37
|
headingLevel: 1 | 2 | 3 | 4 | 5 | 6 | null;
|
|
38
|
+
horizontalAlignment: InlineDialogHorizontalAlignment | '';
|
|
36
39
|
_hasContent: boolean;
|
|
37
40
|
_hasActions: boolean;
|
|
38
41
|
get _resolvedIconName(): string;
|
|
42
|
+
/** Anything in the default slot is a task (a form, a list) rather than a
|
|
43
|
+
* message, and a task reads left-aligned. Derived rather than defaulted so
|
|
44
|
+
* the empty state — the other half of this component — stays centered
|
|
45
|
+
* without every consumer setting an attribute. */
|
|
46
|
+
get _resolvedHorizontalAlignment(): InlineDialogHorizontalAlignment;
|
|
39
47
|
firstUpdated(): void;
|
|
40
48
|
render(): import("lit-html").TemplateResult<1>;
|
|
41
49
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"inline-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAClE,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAChG,MAAM,MAAM,+BAA+B,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhE,qBACa,gBAAiB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAsB;IAG5C,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,IAAI,EAAE,gBAAgB,CAAQ;IAG9B,IAAI,SAAM;IAGV,SAAS,EAAE,qBAAqB,GAAG,EAAE,CAAM;IAG3C,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,YAAY,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAQ;IAGlD,mBAAmB,EAAE,+BAA+B,GAAG,EAAE,CAAM;IAG/D,WAAW,UAAS;IAGpB,WAAW,UAAS;IAEpB,IAAI,iBAAiB,IAAI,MAAM,CAK9B;IAED;;;uDAGmD;IACnD,IAAI,4BAA4B,IAAI,+BAA+B,CAGlE;IAEQ,YAAY;IAgCZ,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD"}
|
|
@@ -19,6 +19,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
19
19
|
* @attr {string} text - Main text (heading or paragraph, depending on heading-level)
|
|
20
20
|
* @attr {string} supporting-text - Supporting text below the heading
|
|
21
21
|
* @attr {1|2|3|4|5|6} heading-level - Renders text as h1–h6; absent renders a p
|
|
22
|
+
* @attr {'left'|'center'} horizontal-alignment - Overrides the alignment of text, icon and actions. Unset (the default) derives it: content in the default slot means a task, which aligns left; a bare message stays centered. Left alignment also lays the actions out in a row instead of stacked full-width.
|
|
22
23
|
*
|
|
23
24
|
* @slot - Optional custom content between text and actions
|
|
24
25
|
* @slot actions - nldd-button elements, wrapped in nldd-button-group (max 3)
|
|
@@ -41,6 +42,7 @@ let NLDDInlineDialog = class NLDDInlineDialog extends LitElement {
|
|
|
41
42
|
this.text = '';
|
|
42
43
|
this.supportingText = '';
|
|
43
44
|
this.headingLevel = null;
|
|
45
|
+
this.horizontalAlignment = '';
|
|
44
46
|
this._hasContent = false;
|
|
45
47
|
this._hasActions = false;
|
|
46
48
|
}
|
|
@@ -53,6 +55,15 @@ let NLDDInlineDialog = class NLDDInlineDialog extends LitElement {
|
|
|
53
55
|
return this.icon;
|
|
54
56
|
return '';
|
|
55
57
|
}
|
|
58
|
+
/** Anything in the default slot is a task (a form, a list) rather than a
|
|
59
|
+
* message, and a task reads left-aligned. Derived rather than defaulted so
|
|
60
|
+
* the empty state — the other half of this component — stays centered
|
|
61
|
+
* without every consumer setting an attribute. */
|
|
62
|
+
get _resolvedHorizontalAlignment() {
|
|
63
|
+
if (this.horizontalAlignment)
|
|
64
|
+
return this.horizontalAlignment;
|
|
65
|
+
return this._hasContent ? 'left' : 'center';
|
|
66
|
+
}
|
|
56
67
|
firstUpdated() {
|
|
57
68
|
const contentSlot = this.shadowRoot?.querySelector('slot:not([name])');
|
|
58
69
|
const actionsSlot = this.shadowRoot?.querySelector('slot[name="actions"]');
|
|
@@ -108,6 +119,9 @@ __decorate([
|
|
|
108
119
|
__decorate([
|
|
109
120
|
property({ type: Number, reflect: true, attribute: 'heading-level' })
|
|
110
121
|
], NLDDInlineDialog.prototype, "headingLevel", void 0);
|
|
122
|
+
__decorate([
|
|
123
|
+
property({ reflect: true, attribute: 'horizontal-alignment', converter: reflectNonDefault('') })
|
|
124
|
+
], NLDDInlineDialog.prototype, "horizontalAlignment", void 0);
|
|
111
125
|
__decorate([
|
|
112
126
|
state()
|
|
113
127
|
], NLDDInlineDialog.prototype, "_hasContent", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"inline-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"inline-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,yBAmJ9B,CAAC"}
|
|
@@ -62,7 +62,7 @@ export const inlineDialogStyles = css `
|
|
|
62
62
|
|
|
63
63
|
/* # Elements */
|
|
64
64
|
|
|
65
|
-
.inline-
|
|
65
|
+
.inline-dialog {
|
|
66
66
|
box-sizing: border-box;
|
|
67
67
|
display: flex;
|
|
68
68
|
max-width: var(--primitives-area-480);
|
|
@@ -71,6 +71,10 @@ export const inlineDialogStyles = css `
|
|
|
71
71
|
align-items: center;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
+
.inline-dialog--left-aligned {
|
|
75
|
+
align-items: stretch;
|
|
76
|
+
}
|
|
77
|
+
|
|
74
78
|
.inline-dialog__main {
|
|
75
79
|
display: flex;
|
|
76
80
|
width: 100%;
|
|
@@ -79,6 +83,10 @@ export const inlineDialogStyles = css `
|
|
|
79
83
|
gap: var(--primitives-space-2);
|
|
80
84
|
}
|
|
81
85
|
|
|
86
|
+
.inline-dialog--left-aligned .inline-dialog__main {
|
|
87
|
+
align-items: stretch;
|
|
88
|
+
}
|
|
89
|
+
|
|
82
90
|
.inline-dialog__icon {
|
|
83
91
|
display: flex;
|
|
84
92
|
width: var(--_icon-size);
|
|
@@ -110,8 +118,21 @@ export const inlineDialogStyles = css `
|
|
|
110
118
|
text-wrap: pretty;
|
|
111
119
|
}
|
|
112
120
|
|
|
121
|
+
.inline-dialog--left-aligned .inline-dialog__text,
|
|
122
|
+
.inline-dialog--left-aligned .inline-dialog__supporting-text {
|
|
123
|
+
text-align: left;
|
|
124
|
+
}
|
|
125
|
+
|
|
113
126
|
.inline-dialog__content {
|
|
127
|
+
display: flex;
|
|
114
128
|
width: 100%;
|
|
129
|
+
flex-direction: column;
|
|
130
|
+
align-items: center;
|
|
131
|
+
padding-top: var(--primitives-space-16);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.inline-dialog--left-aligned .inline-dialog__content {
|
|
135
|
+
align-items: stretch;
|
|
115
136
|
}
|
|
116
137
|
|
|
117
138
|
.inline-dialog__content[hidden] {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAcjC,kBAAkB
|
|
1
|
+
{"version":3,"file":"inline-dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAcjC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"inline-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,gBAAgB,wCAgD/D"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { html, nothing } from 'lit';
|
|
2
2
|
export function inlineDialogTemplate(component) {
|
|
3
|
+
const alignment = component._resolvedHorizontalAlignment;
|
|
4
|
+
const blockClass = ['inline-dialog',
|
|
5
|
+
alignment === 'left' ? 'inline-dialog--left-aligned' : '',
|
|
6
|
+
].filter(Boolean).join(' ');
|
|
3
7
|
return html `
|
|
4
|
-
<div class
|
|
8
|
+
<div class=${blockClass}>
|
|
5
9
|
<div class="inline-dialog__main">
|
|
6
10
|
${component.variant === 'loading' ? html `
|
|
7
11
|
<div class="inline-dialog__icon">
|
|
@@ -36,7 +40,7 @@ export function inlineDialogTemplate(component) {
|
|
|
36
40
|
<div class="inline-dialog__footer"
|
|
37
41
|
?hidden=${!component._hasActions}
|
|
38
42
|
>
|
|
39
|
-
<nldd-button-group orientation
|
|
43
|
+
<nldd-button-group orientation=${alignment === 'left' ? 'horizontal' : 'vertical'}>
|
|
40
44
|
<slot name="actions"></slot>
|
|
41
45
|
</nldd-button-group>
|
|
42
46
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,oBAAoB,CAAC,SAA2B;IAC/D,OAAO,IAAI,CAAA
|
|
1
|
+
{"version":3,"file":"inline-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,oBAAoB,CAAC,SAA2B;IAC/D,MAAM,SAAS,GAAG,SAAS,CAAC,4BAA4B,CAAC;IACzD,MAAM,UAAU,GAAG,CAAC,eAAe;QAClC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE;KACzD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,IAAI,CAAA;eACG,UAAU;;MAEnB,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;cAG9B,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;;;;KAI9C,CAAC,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAA;;wBAElB,SAAS,CAAC,iBAAiB;;KAE9C,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;OACpB,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;QAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;YAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;gBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;oBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;wBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;4BAC7F,CAAC,CAAC,IAAI,CAAA,kCAAkC,SAAS,CAAC,IAAI,MAAM;KAC5D,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;iDACY,SAAS,CAAC,cAAc;KACpE,CAAC,CAAC,CAAC,OAAO;;eAEA,CAAC,SAAS,CAAC,WAAW;;;;;;cAMvB,CAAC,SAAS,CAAC,WAAW;;qCAEC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU;;;;;EAKnF,CAAC;AACH,CAAC"}
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
* @attr {string} icon - Forwarded to nldd-inline-dialog; absent when not set
|
|
11
11
|
* @attr {string} text - Forwarded to nldd-inline-dialog; main text
|
|
12
12
|
* @attr {string} supporting-text - Forwarded to nldd-inline-dialog; supporting text
|
|
13
|
+
* @attr {'left'|'center'} horizontal-alignment - Forwarded to nldd-inline-dialog. Unset derives it there: slotted content aligns left, a bare message stays centered.
|
|
13
14
|
* @attr {string} accessible-label - Accessible name for the dialog (aria-label); falls back to text
|
|
14
15
|
*
|
|
15
16
|
* @slot - Optional custom content, forwarded to nldd-inline-dialog
|
|
@@ -22,7 +23,7 @@
|
|
|
22
23
|
* @method hide() - Closes the modal dialog with a closing animation
|
|
23
24
|
*/
|
|
24
25
|
import { LitElement } from 'lit';
|
|
25
|
-
import type { InlineDialogVariant } from '../inline-dialog/inline-dialog.js';
|
|
26
|
+
import type { InlineDialogVariant, InlineDialogHorizontalAlignment } from '../inline-dialog/inline-dialog.js';
|
|
26
27
|
import '../inline-dialog/inline-dialog.js';
|
|
27
28
|
export declare class NLDDModalDialog extends LitElement {
|
|
28
29
|
static styles: import("lit").CSSResult;
|
|
@@ -30,6 +31,7 @@ export declare class NLDDModalDialog extends LitElement {
|
|
|
30
31
|
icon: string;
|
|
31
32
|
text: string;
|
|
32
33
|
supportingText: string;
|
|
34
|
+
horizontalAlignment: InlineDialogHorizontalAlignment | '';
|
|
33
35
|
/** Accessible name for the dialog — forwarded as aria-label. Falls back to text. */
|
|
34
36
|
accessibleLabel: string;
|
|
35
37
|
private _closing;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"modal-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAajC,OAAO,KAAK,EAAE,mBAAmB,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAC9G,OAAO,mCAAmC,CAAC;AAE3C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,mBAAmB,EAAE,+BAA+B,GAAG,EAAE,CAAM;IAE/D,oFAAoF;IAEpF,eAAe,SAAM;IAErB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,KAAK,OAAO,GAElB;IAED,kFAAkF;IAClF,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,IAAI,IAAI,IAAI;IAqBZ,OAAO,CAAC,YAAY;IAapB,IAAI,IAAI,IAAI;IAmCZ,6CAA6C;IAC7C,OAAO,CAAC,cAAc,CAAK;IAE3B;;;mEAG+D;IAC/D,OAAO,CAAC,sBAAsB,CAAS;IAEvC,wBAAwB,GAAI,GAAG,YAAY,KAAG,IAAI,CAEhD;IAEF;;;;2EAIuE;IACvE,OAAO,CAAC,aAAa;IASrB,oBAAoB,GAAI,GAAG,UAAU,KAAG,IAAI,CAO3C;IAED,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
|
|
@@ -16,6 +16,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
16
16
|
* @attr {string} icon - Forwarded to nldd-inline-dialog; absent when not set
|
|
17
17
|
* @attr {string} text - Forwarded to nldd-inline-dialog; main text
|
|
18
18
|
* @attr {string} supporting-text - Forwarded to nldd-inline-dialog; supporting text
|
|
19
|
+
* @attr {'left'|'center'} horizontal-alignment - Forwarded to nldd-inline-dialog. Unset derives it there: slotted content aligns left, a bare message stays centered.
|
|
19
20
|
* @attr {string} accessible-label - Accessible name for the dialog (aria-label); falls back to text
|
|
20
21
|
*
|
|
21
22
|
* @slot - Optional custom content, forwarded to nldd-inline-dialog
|
|
@@ -47,6 +48,7 @@ let NLDDModalDialog = class NLDDModalDialog extends LitElement {
|
|
|
47
48
|
this.icon = '';
|
|
48
49
|
this.text = '';
|
|
49
50
|
this.supportingText = '';
|
|
51
|
+
this.horizontalAlignment = '';
|
|
50
52
|
/** Accessible name for the dialog — forwarded as aria-label. Falls back to text. */
|
|
51
53
|
this.accessibleLabel = '';
|
|
52
54
|
this._closing = false;
|
|
@@ -169,6 +171,9 @@ __decorate([
|
|
|
169
171
|
__decorate([
|
|
170
172
|
property({ reflect: true, attribute: 'supporting-text', converter: reflectNonDefault('') })
|
|
171
173
|
], NLDDModalDialog.prototype, "supportingText", void 0);
|
|
174
|
+
__decorate([
|
|
175
|
+
property({ reflect: true, attribute: 'horizontal-alignment', converter: reflectNonDefault('') })
|
|
176
|
+
], NLDDModalDialog.prototype, "horizontalAlignment", void 0);
|
|
172
177
|
__decorate([
|
|
173
178
|
property({ type: String, attribute: 'accessible-label' })
|
|
174
179
|
], NLDDModalDialog.prototype, "accessibleLabel", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"modal-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,10 +29,10 @@ export const modalDialogStyles = css `
|
|
|
29
29
|
.modal-dialog {
|
|
30
30
|
/* Where the app's layout context ends, as in nldd-sheet: the dialog scrolls
|
|
31
31
|
itself and starts at its own top edge, so anything inside it stops
|
|
32
|
-
following the app's scroll mode and its
|
|
32
|
+
following the app's scroll mode and its insets. */
|
|
33
33
|
--context-scroll-mode: nested;
|
|
34
|
-
--context-
|
|
35
|
-
--context-
|
|
34
|
+
--context-inset-top: 0px;
|
|
35
|
+
--context-inset-bottom: 0px;
|
|
36
36
|
|
|
37
37
|
box-sizing: border-box;
|
|
38
38
|
outline: none;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"modal-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,wCAuB7D"}
|
|
@@ -15,6 +15,7 @@ export function modalDialogTemplate(component) {
|
|
|
15
15
|
icon=${component.icon || nothing}
|
|
16
16
|
text=${component.text || nothing}
|
|
17
17
|
supporting-text=${component.supportingText || nothing}
|
|
18
|
+
horizontal-alignment=${component.horizontalAlignment || nothing}
|
|
18
19
|
heading-level="2"
|
|
19
20
|
>
|
|
20
21
|
<slot></slot>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;gBACjD,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO;;kBAEpD,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,oBAAoB;aAC7B,SAAS,CAAC,aAAa;;;cAGtB,SAAS,CAAC,OAAO,IAAI,OAAO;WAC/B,SAAS,CAAC,IAAI,IAAI,OAAO;WACzB,SAAS,CAAC,IAAI,IAAI,OAAO;sBACd,SAAS,CAAC,cAAc,IAAI,OAAO;;;;;;;
|
|
1
|
+
{"version":3,"file":"modal-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;gBACjD,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO;;kBAEpD,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,oBAAoB;aAC7B,SAAS,CAAC,aAAa;;;cAGtB,SAAS,CAAC,OAAO,IAAI,OAAO;WAC/B,SAAS,CAAC,IAAI,IAAI,OAAO;WACzB,SAAS,CAAC,IAAI,IAAI,OAAO;sBACd,SAAS,CAAC,cAAc,IAAI,OAAO;2BAC9B,SAAS,CAAC,mBAAmB,IAAI,OAAO;;;;;;;EAOjE,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-circle.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"progress-circle.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,yBA8QhC,CAAC;AAGF,eAAO,MAAM,oCAAoC,yBAIhD,CAAC"}
|
|
@@ -133,6 +133,21 @@ export const progressCircleStyles = css `
|
|
|
133
133
|
.progress-circle__segment-indicator--mintgroen { stroke: var(--semantics-categories-mintgroen-filled-background-color); }
|
|
134
134
|
|
|
135
135
|
|
|
136
|
+
/* ## Filter flood color
|
|
137
|
+
|
|
138
|
+
Here rather than in a style attribute, which a strict style-src drops.
|
|
139
|
+
The color of an arc varies per segment, so that one is set through the
|
|
140
|
+
CSSOM instead. */
|
|
141
|
+
|
|
142
|
+
.progress-circle__flood--track {
|
|
143
|
+
flood-color: var(--_track-border-color);
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.progress-circle__flood--indeterminate {
|
|
147
|
+
flood-color: var(--_indeterminate-border-color);
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
|
|
136
151
|
/* # Spinner (indeterminate)
|
|
137
152
|
GitHub-style: a fixed-width arc (25 / 100 = quarter turn, 90°) that
|
|
138
153
|
simply rotates around the circle. Calmer than Material's elastic
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-circle.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBnC,kBAAkB
|
|
1
|
+
{"version":3,"file":"progress-circle.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBnC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsPrB,CAAC;AAGF,MAAM,CAAC,MAAM,oCAAoC,GAAG,GAAG,CAAA;;;;CAItD,CAAC"}
|
package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-circle.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.template.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"progress-circle.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW/D,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAO7D;AAED,wBAAgB,SAAS,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAGtD;AAED,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAEjE;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,IAAI,wCAqH7F"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { html, svg, nothing } from 'lit';
|
|
2
2
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
3
|
+
import { styleMap } from 'lit/directives/style-map.js';
|
|
3
4
|
// SVG geometry: viewBox 100×100, ring centered. The stroke would extend
|
|
4
5
|
// half-width past the path on each side; at small sizes that half-stroke is
|
|
5
6
|
// large in user units (size 16, stroke 2px → 12.5u, half = 6.25u) and could
|
|
@@ -86,7 +87,7 @@ export function progressCircleTemplate(component, onSlotChange) {
|
|
|
86
87
|
<filter id="progress-circle-border-track-${uid}" filterUnits="userSpaceOnUse" x="-10" y="-10" width="120" height="120" color-interpolation-filters="sRGB">
|
|
87
88
|
<feMorphology in="SourceGraphic" operator="erode" radius=${borderErodeRadius} result="eroded"></feMorphology>
|
|
88
89
|
<feComposite operator="out" in="SourceGraphic" in2="eroded" result="edge"></feComposite>
|
|
89
|
-
<feFlood
|
|
90
|
+
<feFlood class="progress-circle__flood progress-circle__flood--track" result="flood"></feFlood>
|
|
90
91
|
<feComposite operator="in" in="flood" in2="edge" result="colored"></feComposite>
|
|
91
92
|
<feComposite operator="over" in="colored" in2="SourceGraphic"></feComposite>
|
|
92
93
|
</filter>
|
|
@@ -94,7 +95,7 @@ export function progressCircleTemplate(component, onSlotChange) {
|
|
|
94
95
|
<filter id="progress-circle-border-${color}-${uid}" filterUnits="userSpaceOnUse" x="-10" y="-10" width="120" height="120" color-interpolation-filters="sRGB">
|
|
95
96
|
<feMorphology in="SourceGraphic" operator="erode" radius=${borderErodeRadius} result="eroded"></feMorphology>
|
|
96
97
|
<feComposite operator="out" in="SourceGraphic" in2="eroded" result="edge"></feComposite>
|
|
97
|
-
<feFlood
|
|
98
|
+
<feFlood class="progress-circle__flood" style=${styleMap({ floodColor: `var(--semantics-categories-${color}-filled-highlight-border-color)` })} result="flood"></feFlood>
|
|
98
99
|
<feComposite operator="in" in="flood" in2="edge" result="colored"></feComposite>
|
|
99
100
|
<feComposite operator="over" in="colored" in2="SourceGraphic"></feComposite>
|
|
100
101
|
</filter>
|
|
@@ -103,7 +104,7 @@ export function progressCircleTemplate(component, onSlotChange) {
|
|
|
103
104
|
<filter id="progress-circle-border-indeterminate-${uid}" filterUnits="userSpaceOnUse" x="-10" y="-10" width="120" height="120" color-interpolation-filters="sRGB">
|
|
104
105
|
<feMorphology in="SourceGraphic" operator="erode" radius=${borderErodeRadius} result="eroded"></feMorphology>
|
|
105
106
|
<feComposite operator="out" in="SourceGraphic" in2="eroded" result="edge"></feComposite>
|
|
106
|
-
<feFlood
|
|
107
|
+
<feFlood class="progress-circle__flood progress-circle__flood--indeterminate" result="flood"></feFlood>
|
|
107
108
|
<feComposite operator="in" in="flood" in2="edge" result="colored"></feComposite>
|
|
108
109
|
<feComposite operator="over" in="colored" in2="SourceGraphic"></feComposite>
|
|
109
110
|
</filter>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-circle.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"progress-circle.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.template.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
import { t as __decorate } from "./decorate-lwt_OrAG.js";
|
|
2
|
+
import { t as breakpoints } from "./breakpoints-CkxsiRgH.js";
|
|
3
|
+
import { css, unsafeCSS } from "lit";
|
|
4
|
+
import { property } from "lit/decorators.js";
|
|
5
|
+
//#region src/utilities/visibility-mixin.styles.ts
|
|
6
|
+
var smMax = unsafeCSS(breakpoints.smMax);
|
|
7
|
+
var mdMin = unsafeCSS(breakpoints.mdMin);
|
|
8
|
+
var mdMax = unsafeCSS(breakpoints.mdMax);
|
|
9
|
+
var lgMin = unsafeCSS(breakpoints.lgMin);
|
|
10
|
+
var sheets = /* @__PURE__ */ new Map();
|
|
11
|
+
/**
|
|
12
|
+
* The `@container` rules for the named `hide-below` / `hide-above` values.
|
|
13
|
+
*
|
|
14
|
+
* Static, so they reach the shadow root through `adoptedStyleSheets` instead
|
|
15
|
+
* of a `<style>` element. That keeps consumers on a `style-src` without
|
|
16
|
+
* `'unsafe-inline'`; a custom CSS length has no static form and gets its rule
|
|
17
|
+
* from the mixin at runtime, into an adopted sheet of its own.
|
|
18
|
+
*
|
|
19
|
+
* The rules are nested (`:host { @container … }`) rather than flattened, because
|
|
20
|
+
* `@container { :host { … } }` is unreliable in Safari.
|
|
21
|
+
*/
|
|
22
|
+
function visibilityStyles(containerName) {
|
|
23
|
+
const key = containerName ?? "";
|
|
24
|
+
const cached = sheets.get(key);
|
|
25
|
+
if (cached) return cached;
|
|
26
|
+
const container = unsafeCSS(containerName ? `${containerName} ` : "");
|
|
27
|
+
const sheet = css`
|
|
28
|
+
/* # Hide below: the value names the breakpoint you hide BELOW */
|
|
29
|
+
|
|
30
|
+
:host([hide-below="md"]) {
|
|
31
|
+
@container ${container}(max-width: ${smMax}) { display: none !important; }
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
:host([hide-below="lg"]) {
|
|
35
|
+
@container ${container}(max-width: ${mdMax}) { display: none !important; }
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
/* # Hide above */
|
|
40
|
+
|
|
41
|
+
:host([hide-above="sm"]) {
|
|
42
|
+
@container ${container}(min-width: ${mdMin}) { display: none !important; }
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
:host([hide-above="md"]) {
|
|
46
|
+
@container ${container}(min-width: ${lgMin}) { display: none !important; }
|
|
47
|
+
}
|
|
48
|
+
`;
|
|
49
|
+
sheets.set(key, sheet);
|
|
50
|
+
return sheet;
|
|
51
|
+
}
|
|
52
|
+
//#endregion
|
|
53
|
+
//#region src/utilities/visibility-mixin.ts
|
|
54
|
+
var NAMED_BREAKPOINTS = /* @__PURE__ */ new Set([
|
|
55
|
+
"sm",
|
|
56
|
+
"md",
|
|
57
|
+
"lg"
|
|
58
|
+
]);
|
|
59
|
+
function customThreshold(value) {
|
|
60
|
+
if (value === void 0 || NAMED_BREAKPOINTS.has(value)) return null;
|
|
61
|
+
return value;
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* The open edges hide nothing, so the attribute is written but never applies.
|
|
65
|
+
* That reads like a working value, and the name invites it: `hide-below`
|
|
66
|
+
* names the breakpoint you hide BELOW, so "hide it at sm" comes out as
|
|
67
|
+
* `hide-below="md"` and `hide-below="sm"` does nothing at all. Say so once,
|
|
68
|
+
* rather than let it look applied.
|
|
69
|
+
*/
|
|
70
|
+
function warnNoOp(host, attribute, value, openEdge, edgeLabel) {
|
|
71
|
+
if (value !== openEdge) return;
|
|
72
|
+
console.warn(`[${host.localName}] ${attribute}="${openEdge}" never hides anything: there is no breakpoint ${edgeLabel}. The value names the breakpoint you hide below, so the smallest one that hides is "${attribute === "hide-below" ? "md" : "sm"}". Leave the attribute off if you meant "always visible".`);
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* Adds `hide-below` and `hide-above` attributes that toggle visibility based
|
|
76
|
+
* on the inline-size of an ancestor CSS container.
|
|
77
|
+
*
|
|
78
|
+
* Without a `containerName` argument the rule is an anonymous `@container (…)`
|
|
79
|
+
* query — it matches the nearest ancestor that declares
|
|
80
|
+
* `container-type: inline-size`. Pass a name to target a specific container
|
|
81
|
+
* (e.g. `'cells-container'` for cells inside `nldd-list`, which sets that
|
|
82
|
+
* name inline on its host as a Safari shadow-DOM workaround).
|
|
83
|
+
*
|
|
84
|
+
* Values are either a named breakpoint — `sm` / `md` / `lg` — or a CSS length
|
|
85
|
+
* (e.g. '320px', '20rem'). Named values resolve to the standard breakpoint
|
|
86
|
+
* thresholds: `hide-below` uses the breakpoint's lower bound (e.g.
|
|
87
|
+
* `hide-below="lg"` hides in sm+md and shows in lg), `hide-above` its upper
|
|
88
|
+
* bound; the open edges (below sm, above lg) are no-ops.
|
|
89
|
+
*
|
|
90
|
+
* The named values are static CSS (see `visibility-mixin.styles.ts`), added
|
|
91
|
+
* through `finalizeStyles` so that a component's own `static styles` does not
|
|
92
|
+
* have to know about them. A custom length has no static form: the threshold
|
|
93
|
+
* is only known at runtime and a container query cannot read one from a CSS
|
|
94
|
+
* variable, so its rule is written at runtime into a constructable stylesheet
|
|
95
|
+
* the shadow root adopts. Neither path is an inline stylesheet, so no consumer
|
|
96
|
+
* needs `'unsafe-inline'` in its `style-src` for either.
|
|
97
|
+
*
|
|
98
|
+
* @mixin VisibilityMixin
|
|
99
|
+
*
|
|
100
|
+
* @attr {string} hide-below - Hides the element below this breakpoint: `sm` | `md` | `lg`, or a CSS length. The value names the breakpoint you hide BELOW, so `hide-below="md"` is hidden in sm and visible from md up. `sm` is the open edge and never hides (DEV-warns).
|
|
101
|
+
* @attr {string} hide-above - Hides the element above this breakpoint: `sm` | `md` | `lg`, or a CSS length. `hide-above="sm"` is hidden in md and lg. `lg` is the open edge and never hides (DEV-warns).
|
|
102
|
+
*
|
|
103
|
+
* @example
|
|
104
|
+
* ```ts
|
|
105
|
+
* // Cell inside nldd-list — target the named cells-container
|
|
106
|
+
* class NLDDTextCell extends VisibilityMixin(LitElement, 'cells-container') { … }
|
|
107
|
+
*
|
|
108
|
+
* // Other component — fall back to the nearest unnamed container
|
|
109
|
+
* class SomeComponent extends VisibilityMixin(LitElement) { … }
|
|
110
|
+
* ```
|
|
111
|
+
*/
|
|
112
|
+
function VisibilityMixin(Base, containerName) {
|
|
113
|
+
class WithVisibility extends Base {
|
|
114
|
+
/** @internal */
|
|
115
|
+
static finalizeStyles(styles) {
|
|
116
|
+
return [...Base.finalizeStyles.call(this, styles), visibilityStyles(containerName)];
|
|
117
|
+
}
|
|
118
|
+
updated(changed) {
|
|
119
|
+
super.updated(changed);
|
|
120
|
+
if (changed.has("hideBelow") || changed.has("hideAbove")) this._updateVisibilityRules();
|
|
121
|
+
}
|
|
122
|
+
_updateVisibilityRules() {
|
|
123
|
+
const root = this.shadowRoot;
|
|
124
|
+
if (!root) return;
|
|
125
|
+
const containerPrefix = containerName ? `${containerName} ` : "";
|
|
126
|
+
const rules = [];
|
|
127
|
+
warnNoOp(this, "hide-below", this.hideBelow, "sm", "below sm");
|
|
128
|
+
const below = customThreshold(this.hideBelow);
|
|
129
|
+
if (below) rules.push(`:host { @container ${containerPrefix}(max-width: ${below}) { display: none !important; } }`);
|
|
130
|
+
warnNoOp(this, "hide-above", this.hideAbove, "lg", "above lg");
|
|
131
|
+
const above = customThreshold(this.hideAbove);
|
|
132
|
+
if (above) rules.push(`:host { @container ${containerPrefix}(min-width: ${above}) { display: none !important; } }`);
|
|
133
|
+
if (rules.length === 0) {
|
|
134
|
+
if (this._visibilitySheet) {
|
|
135
|
+
const dropped = this._visibilitySheet;
|
|
136
|
+
root.adoptedStyleSheets = Array.from(root.adoptedStyleSheets).filter((sheet) => sheet !== dropped);
|
|
137
|
+
this._visibilitySheet = void 0;
|
|
138
|
+
}
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
141
|
+
if (!this._visibilitySheet) {
|
|
142
|
+
this._visibilitySheet = new CSSStyleSheet();
|
|
143
|
+
root.adoptedStyleSheets = [...root.adoptedStyleSheets, this._visibilitySheet];
|
|
144
|
+
}
|
|
145
|
+
this._visibilitySheet.replaceSync(rules.join("\n"));
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
__decorate([property({
|
|
149
|
+
type: String,
|
|
150
|
+
reflect: true,
|
|
151
|
+
attribute: "hide-below"
|
|
152
|
+
})], WithVisibility.prototype, "hideBelow", void 0);
|
|
153
|
+
__decorate([property({
|
|
154
|
+
type: String,
|
|
155
|
+
reflect: true,
|
|
156
|
+
attribute: "hide-above"
|
|
157
|
+
})], WithVisibility.prototype, "hideAbove", void 0);
|
|
158
|
+
return WithVisibility;
|
|
159
|
+
}
|
|
160
|
+
//#endregion
|
|
161
|
+
export { VisibilityMixin as t };
|
package/dist/favicon.svg
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
|
|
2
|
+
<style>
|
|
3
|
+
@media (prefers-color-scheme: dark) {
|
|
4
|
+
.tile { fill: #fff; }
|
|
5
|
+
.mark { fill: #154273; }
|
|
6
|
+
}
|
|
7
|
+
</style>
|
|
8
|
+
<path class="tile" fill="#154273" d="M0 0h1024v1024H0z"/>
|
|
9
|
+
<path class="mark" fill="#fff" d="M557.8 455.3c0 4.5 2.5 11.2 7.8 9.3l.5.2c-.8 5-8.8 9.7-12.4 3.7-3.3 7.8-2.5 15 4.5 19.3v1.1c-4.2 3.5-10.7 2.7-13.7-3.9-5.7 4.9-4.9 15.3-1.4 18.9 0 0-15.8 10.6-30.2 3-9.6-5.1-17.3-11.8-29.6-10.7 1.7-19.5 10.3-24.7 26.2-27.5 12.6-2.3 14.2-9 12.4-14-4.3-1.2-12.1 3.3-12.1 3.3-1.5-2.7.6-5.5.6-5.5l-1.2-4.7c8.9 0 10.4-2.2 10.4-2.2 1.6-10.5-7.8-11.6-15-6-3.3-3.3-2.7-7.7-2.7-7.7l-1.6-3c0-2.6 10.5-9.3 13.2-10 .7-3.5 4.5-8.3 15.6-7.2 1.4-3.3-.8-15.5-2.2-18.8l1.2-.9c3.9 2.8 7.8 13.1 10.4 13.3l13.2-7 2.3 16.2c1.7 2.4 11.4.1 15.6 2.1v1.6c-3 .6-13.2 5.6-14.8 8.7 5.8 9.9 3 24.4 3 28.4m-111.9 8-5.2-.6-.2.2c.7 2 3.7 7.6 8.1 7.6 2 0 5-1.4 5.8-2.9 0 0 17.3 6.4 25.9 9q-5 7.7-5.8 17.7c-7-4.8-34.6-21.6-34.6-21.6l-8.6 13.3c-1.4 2.2-8.2-3.5-6.8-5.7L431 470c-2.1-2.6-7.3-1-8.8-.5l-.2-.4c.9-2 4.1-8.2 12.3-5.4 0-5.6-7.4-3.8-9.3-3.2l-.2-.3c2-2.4 8-8 14.8-3.4l3-4.6-6-7.1 3.7-5.8 4.2 6.4 31.9-49.6c.8-1.2 7.1-3.3 9.5-3.9.3 2.8.5 10.2-.2 11.4l-31.4 50 6.6 2.5-3.7 5.8-7.8-4zm238.1 261 .2-.7c-4.1-3-7.4-7.3-7.4-12 0-8.3 14.1-19.2 20.8-19.2 4 0 7 5.4 14.6 5.4 4 0 8.7-1.8 12.6-7.3l-.4-.6c-3.2.5-11.9 3-16-14.8-4.1-18.6-5.6-32 1.7-39.2 6.1-6 33.1-17.6 48-24v-1.2c-4-1.3-8.1-4.1-8.6-9.9-.4-3.5.2-8.4 3.8-10.8a47 47 0 0 0-29.6-15.3c-29.4 0-54.3 45.2-66.3 45.2-1.5 0-3.4-.6-5.2-3.5l-.8.3c0 13.7 6.4 14.9 9.8 14.9q3-.1 5.5-1.6l.5.4v2.9c0 16 14.8 33.6 14.8 33.6-6.7 8-23.5 21.2-28.2 14.2-2-3-10.8-20.8-22.5-6.6l.7 1.2c6.6 0 11.7 5 10 12.8-9.5-8.6-22.7-7.2-22.7 12.6l1 .4c6.3-10.2 16.2-3.3 17.7-1.8-6.7 1.1-18.2 10-8 25.7h.8c1-10.3 6.6-12 11.1-12 9.3 0 16 9.6 23.2-.7 2.6 13.4 15.7 12.2 19 11.6m-325-11.6c7 10.3 13.8.6 23.1.6 4.5 0 10 1.8 11 12h1c10.1-15.6-1.4-24.5-8-25.6 1.4-1.5 11.3-8.4 17.5 1.8l1-.4c0-19.8-13-21.2-22.6-12.6-1.8-7.7 3.4-12.8 10-12.8l.7-1.2c-11.8-14.2-20.5 3.7-22.5 6.6-4.7 7-21.5-6.3-28.1-14.2 0 0 14.8-17.6 14.8-33.6l-.1-2.9.5-.4q2.4 1.5 5.5 1.6c3.4 0 9.8-1.2 9.8-14.9l-.8-.3c-1.8 2.9-3.7 3.5-5.2 3.5-12 0-37-45.2-66.3-45.2-7.7 0-22.3 6.3-29.6 15.3 3.5 2.4 4.2 7.3 3.9 10.8-.6 5.8-4.6 8.6-8.7 9.9v1.2c14.8 6.4 41.9 18 48 24 7.3 7.1 5.9 20.6 1.7 39.2-4.1 17.8-12.8 15.3-16 14.8l-.3.6c3.8 5.5 8.5 7.3 12.5 7.3 7.7 0 10.6-5.4 14.5-5.4 6.8 0 20.9 11 20.9 19.3 0 4.6-3.3 8.9-7.4 12l.2.6c3.2.6 16.4 1.8 19-11.6m138.7-268.8c5.2-1.5 10.8-.8 11.4-.6l-.1 1.9c-10.7 1.5-11.2 7-18 7-4.5 0-9.4-5-7.6-12.6h1.1c.7 3.2 4.9 6.7 13.2 4.3m26.8-20.4c-7.2-.5-11.9 1.4-11.7 4 3.6 4.2 8.3 3.7 11.7-4m-61.1 214.4c-4 5.6-7.6.3-13 .3-5 0-5.8 4.7-5.9 6.6h-.4c-5.6-8.7.7-13.4 4.4-14-.6-.7-6.1-5-9.7.9l-.6-.3c-.2-10.8 7.4-11.6 12.5-6.8.9-4.2-1.5-7-5.5-7.2l-.4-.6 5-3c5.3 0 6 7.7 9.5 7.7 5.2 0 12.6-8 13.4-8.9-.2-.4-5.2-15.8-4.2-25l-.4-.3c-2.5 1.6-9 1.6-9-7.4l.6-.2c2.8 4.4 7.4-.5 9.7-3.5 2.4-3 15.6-24.8 33.2-24.8 3.8 0 8.8 2.4 12.8 5.6-6 8.4 0 16.4 4.5 15.3l.1.7c-23.2 9.9-33.6 13.9-33.6 35.9 0 11.5 3.5 17.9 9.4 16.4l.3.5c-2.2 2.9-4.6 3.8-6.7 3.8-4.8 0-5.7-3-8.3-3s-11.3 5.8-11.3 10.7c0 1.8 1 4.2 4 6.5v.4c-2 .4-8.8 1-10.4-6.3M432 544.2l-9-2.7-.8 1.3-10.6-5.2 9.4-.1.5-1.2-8-8.9 10.4 4.4.6-.8-7-11.5 10.3 7.7.7-.6-4.8-13.6 9.3 10 .8-.5-2.6-13.5 6.8 11.3 1-.3.2-12.4 4.3 11.4 1.2-.2 3.5-9.6.4 12.9-1.5.3-2 15.5c13.6-3.6 30.5-29.9 43.4-29.9 15.4 0 21 20.5 49.5 10.1 7.2 12.1 9.7 22.6 12.5 37.1 11 11.7 26.4 7.8 26.4-4.6 0-16.7-16-20-16-37.4 0-7.8 4.7-19 17.9-19 7 0 17.1 3.4 23 3.4 7 0 8.4-5.7 9.2-8l2.3.1c-.2 1.7.9 4 .9 7.7 0 11-14.2 12.5-16 11.1l-.7.8c2.1 2 1.6 8.5-.9 12.7h-.8c-1.5-8-9.7-17.7-16.9-17.7-2.6 0-7.9 1.7-7.9 8.7 0 9.9 17.6 19 17.6 39.5 0 21.4-18.7 26.5-37.5 21.2.6 20.2 27.3 32.3 28 17.8h.7c4 6.2 2.1 11-2.9 13.3 4.6 2.4 5.5 13 6.8 19.4 2.1 9.5 11 4.2 11.4 4l.5.5c-3.4 10-12.3 6.2-12.3 6.2-4.7 3.7 1 7 5.2 8.5v1c-3 1.3-9.8 3.7-13-2.7-2.4 6.6-7.4 6.4-9.3 6.4-3.4 0-5.7 4-5 9.3l-.4.3c-8.2-6.1-3.5-13.4-.2-15.2-.6-.4-6.2-3-8.6 4.5h-.7c-3.6-10.8 4.2-14 9.8-11.2-.4-1.5-3.3-6.8-10.7-5l-.4-.7c1.3-3.3 5-8.1 11.6-3.2 3.5 2.4 9.4-1.1 10-1.4-12-27-35.2-4.4-40.4-25.5l-.9.3c-1.2 4.5-11.3 4.8-13.2-4l.5-.4c1.5 1.7 4.7 3.3 8.8-3.6a29 29 0 0 0 3.2-14.7c0-16.4-14.4-43.8-37-43.8a67 67 0 0 0-40.8 15.6l10.6 2.8c-1 12-11.3 19.1-20.7 16.2l1.6-13.9c-1.6.6-5.8 2.2-8 5.8h-.6c-1.9-8 3.8-11.9 5.6-13l-.2-.2c-5-.2-8 4-8.8 5.5h-.4c-.4-1.5-1.3-5.5 1.1-8.4m80 254.2c89.7 0 180.8 5.3 192.7 20.6l1.4-.9v-54c0-15.6-94-24.8-194.1-24.8s-194 9.2-194 24.9v54l1.3.8c11.9-15.3 103-20.6 192.7-20.6m146.4 24v23.4c0 39.8 57.7 2.5 113.4-1.5 46.2-3.5 59.2 10 59.2 10l-8.5-53c-.5-3-10.5-11.1-42.4-11.1-38.3 0-57.6 8.3-64.6 11v28c0 6.3-2.8 9.4-7 11.3 0-2.3-6.5-18-50.1-18m-342.8 18.1c-4.3-2-7.1-5-7.1-11.4v-27.8c-7-2.8-26.3-11.1-64.6-11.1-32 0-42 8.1-42.4 11l-8.5 53s13-13.4 59.2-10c55.7 4.1 113.4 41.4 113.4 1.6v-23.3c-43.6 0-50 15.7-50 18m106.2-459.4a326 326 0 0 0-27.3 8c.2-6.7 2.5-13 7.7-14.3l.3-1.7c-12-9-18.4 8.2-18.6 8.8-4.2-.4-10.6 1.1-10.6 7.6 0 19.4-39.1 30.2-48.2 31.7 16 7 22.6 29.8 22.6 29.8 11.6-13 25.2-24.7 28.2-24.7s4.2 4.4 4.4 7l1.3.4c6-10.3 3.2-12.6 2.7-15.6-.4-2.4.2-11.4 9-10.3V537l-4.5 1c-2.1.5-18.8-15.6-37.9-30.6s-29.3-6-51.1 7.4c-28.5 17.5-57.4 1.6-57.4 1.6-24.5 20-32.9 77.5-32.9 77.5-4.9 2.4-13 4.9-20.7 4.9-18.7 0-22.2-12.9-22.2-20.6 0-32.8 36.3-47 36.3-79.3 0-7.8-3.2-39.8-38-39.8h-31.3c-13 0-16.3-10.7-18-14.8l-1.6.6c1 2.7-1.5 6.9-1.5 15 0 13.2 6.8 21.1 19.5 21.1a28 28 0 0 0 13-3l1.2 1.2c-5.5 7.3-6 21-3.7 24.3h1.3c3.1-13.9 14.6-27 30-27 19 0 18.8 18.2 18.8 22.6 0 26.3-40.8 45.7-40.8 81.9 0 36.7 34.2 44.6 54 38.8-1 36.8-38.2 49.3-39.3 23H165c-4.7 13.1-2.9 24.5 11.6 28.2l-.4 1.5c-14.3 10.3-6.6 51-5.9 62.8 1.1 17.2-14 15.2-15.2 14.7l-.3 1.4c10.7 14.9 24 1.3 24 1.3 10 3.5 3.7 13.2-3 18.2l.3 1.7c1.4.1 16.9 1.6 19.6-12.4a15 15 0 0 0 19 4.7c3-1.7 17.5-7.7 19 10.8l1.2-.3c11-15.5-.8-25.2-7.3-26.3.5-.9 9.3-9.1 17.1 2.3l1.2-.6c.9-19.8-13.3-21.6-22.5-13-.4-2-3.5-13.1 10.4-12.7l.3-1.4c-10.8-12.9-19.6-1.1-21.7 1.7-4.8 6.4-16.7 3.8-17.8 3.7 3.7-68.8 57.1-44.4 64.4-77.8l1.2-.5c2 8.2 20.2 9.3 23.5-6.7l-.6-1c-15.4 17.4-50.2-37.3-2.7-81.7 40.5-38 76.9-16.8 90.7-4.3.7 5.4-2.2 7.2-4 7.9l.2 1.4c3.8 1.6 9.3 1.1 11.8-3 8.8 7 1.3 15.6-2.2 18l.2 1.5c8 1.6 14.6-7.6 14.9-13l1.3.9v39c0 55.7 56.6 63.4 118.7 110.5 62-47.1 118.6-54.8 118.6-110.4v-39.1l1.4-.9c.3 5.4 6.9 14.6 14.9 13l.2-1.5c-3.5-2.4-11-11-2.2-18 2.5 4.1 8 4.6 11.8 3l.2-1.4c-1.8-.7-4.7-2.5-4-8 13.8-12.4 50.2-33.6 90.7 4.4 47.5 44.4 12.7 99.1-2.7 81.6l-.6 1c3.3 16.1 21.4 15 23.4 6.8l1.3.5c7.3 33.4 60.7 9 64.4 77.8-1 .1-13 2.7-17.8-3.7-2-2.8-11-14.6-21.7-1.7l.3 1.4c13.9-.4 10.8 10.7 10.4 12.7-9.2-8.6-23.4-6.8-22.5 13l1.2.6c7.8-11.4 16.6-3.2 17.1-2.3-6.5 1.1-18.2 10.8-7.3 26.3l1.3.3c1.4-18.5 15.9-12.5 18.9-10.8a15 15 0 0 0 19-4.7c2.7 14 18.2 12.5 19.6 12.4l.2-1.7c-6.6-5-12.8-14.7-2.8-18.2 0 0 13.2 13.6 23.9-1.3l-.3-1.4c-1.2.5-16.3 2.5-15.2-14.7.7-11.9 8.4-52.5-5.9-62.8l-.4-1.5c14.6-3.6 16.3-15 11.6-28l-1.5-.1c-1.1 26.3-38.2 13.8-39.4-23 19.9 5.8 54-2 54-38.8 0-36.2-40.7-55.6-40.7-82 0-4.3-.1-22.5 18.8-22.5 15.4 0 26.9 13.1 30 27h1.3c2.3-3.3 1.9-17-3.7-24.3l1.3-1.2c1.7 1.2 7.1 3 13 3 12.6 0 19.4-7.9 19.4-21 0-8.2-2.5-12.4-1.5-15.1l-1.5-.6c-1.8 4.1-5.1 14.8-18.1 14.8h-31.2c-34.9 0-38 32-38 39.8 0 32.4 36.2 46.5 36.2 79.3 0 7.7-3.5 20.6-22.2 20.6-7.7 0-15.8-2.5-20.7-5 0 0-8.4-57.5-33-77.4 0 0-28.8 15.9-57.3-1.6-21.8-13.4-32-22.3-51.1-7.4s-35.8 31.1-37.9 30.7l-4.6-1V407.7c8.9-1 9.5 7.9 9.1 10.3-.5 3-3.4 5.3 2.7 15.6l1.2-.4c.3-2.6 1.5-7 4.5-7s16.6 11.6 28.2 24.7c0 0 6.6-22.8 22.6-29.8-9-1.5-48.2-12.3-48.2-31.7 0-6.5-6.4-8-10.6-7.6-.2-.6-6.6-17.8-18.6-8.8l.3 1.7c5.2 1.4 7.5 7.6 7.7 14.3-11.4-4-60-19.4-117.5-19.4a373 373 0 0 0-74.2 7.8v44.9h-16zm90.2-41.6c49.2 0 77 10.7 77 10.7.2-28.2 0-44 14.3-41.6-7.8-23.7 25.8-33 25.8-63.8 0-20.3-12.7-22.7-16.4-22.7-11.2 0-9.4 8.3-18.9 8.3l-2.4.6c0 3.6 2.7 9.6 7 9.6 5.8 0 6-6.6 10.3-6.6 1.9 0 4.5 1.7 4.5 8.5 0 13.1-7.6 27.7-16.5 39q-3.1-5.1-8.2-5.3c-5.3 0-10 6.3-10 14 0 2.9.5 5 1.4 7.4q-4.6 3-7.6 3c-4 0-10.2-2-10.2-12 0-22.3 26.5-42 26.5-70.3 0-13.6-8-27-24.7-27-17.8 0-14.5 18.5-30 18.5l-1.2 1c0 1 2.6 11.3 10.6 11.3 8.6 0 11-16.8 18.6-16.8 2.8 0 7 2 7 13.3 0 8.8-3.8 23.1-9.4 36.8-2-2.2-4.7-3.9-7.8-3.9-6.6 0-11.3 7.3-11.3 16a21 21 0 0 0 5.2 14.2c-4 5.7-8 10.3-13.3 10.3-10.7 0-15.4-6.9-15.4-14.4 0-8 13-11 13-23.7 0-8.6-5-13.4-9.7-13.4-5 0-7.7 3.8-8.2 3.8s-3.1-3.8-8.2-3.8c-4.8 0-9.7 4.8-9.7 13.4 0 12.7 13 15.6 13 23.7 0 7.5-4.7 14.4-15.4 14.4-5.4 0-9.4-4.6-13.3-10.3a21 21 0 0 0 5.2-14.3c0-8.6-4.7-15.9-11.4-15.9-3 0-5.7 1.7-7.8 4-5.5-13.8-9.3-28-9.3-36.9 0-11.4 4.2-13.3 7-13.3 7.6 0 10 16.8 18.6 16.8 8 0 10.6-10.2 10.6-11.4l-1.2-1c-15.5 0-12.2-18.4-30-18.4-16.7 0-24.7 13.4-24.7 27 0 28.3 26.5 48 26.5 70.3 0 10-6.1 12-10.2 12q-3 0-7.6-3a19 19 0 0 0 1.3-7.4c0-7.7-4.6-14-10-14q-5 .2-8.1 5.2c-9-11.2-16.5-25.8-16.5-38.9 0-6.8 2.7-8.5 4.5-8.5 4.3 0 4.5 6.6 10.3 6.6 4.3 0 7-6 7-9.6l-2.4-.6c-9.5 0-7.7-8.3-18.9-8.3-3.7 0-16.4 2.4-16.4 22.7 0 30.8 33.6 40.1 25.8 63.8 14.3-2.3 14 13.4 14.3 41.6 0 0 27.8-10.7 77-10.7m0-134c-6.8 0-12.3 6.2-12.3 13.9s5.5 14 12.3 14 12.3-6.3 12.3-14-5.5-14-12.3-14m-6.2-85c0 3.4 1.3 6.4 2.3 8 2.1 3.4 1.8 5.2.8 6.3s-2.6 1.5-5.5-.9c-1.5-1.1-4-2.6-7-2.6-5 0-7.6 3.8-7.6 7s2.5 7 7.6 7c3 0 5.5-1.4 7-2.6 3-2.3 4.5-2 5.5-.9s-.4 12.7-1.6 21.7c-8.4 2-12.4 9.6-12.4 14 0 11.5 10.8 18 17.1 22 6.3-4 17.1-10.5 17.1-22 0-4.4-4-12-12.4-14-1.1-9-2.6-20.6-1.6-21.7s2.6-1.4 5.5.9c1.5 1.2 4 2.6 7 2.6 5 0 7.6-3.8 7.6-7s-2.5-7-7.6-7c-3 0-5.5 1.5-7 2.6-3 2.4-4.5 2-5.5.9s-1.3-3 .8-6.3c1-1.6 2.3-4.6 2.3-8 0-5.6-3.4-8.5-6.2-8.5s-6.2 2.9-6.2 8.6M753.1 344c-2.5 13.4-13 15.2-19.3 7.2.6-6.4 6.2-8 19.3-7.2m76 75.2-1.1-.9c-10 5.7-15.5-6.5-13-19.2 1.3-7 6.8-26.1-6.9-41.6-13.4 8.7-22.5-5.6-20.2-12.6.6-1.8 1.7-2.1 1.7.3 0 4.8 4.3 8.3 7.4 8.3 5.4 0 15.3-6.8 16.2-17.3-14-10.3-37.4-6.1-42 13.3-.6 2.5-3.2 2.2-3-.2 0-1.6.6-13.2 10.8-19 9.1-5.2 5.8-13 3.4-15.7l-2.3.3c3.5 6.9-4 10-14.5 8.5-22-3.4-29.4 6-30.5 12.4-4.9 1.4-23.7 13.4-23.7 17.8l2.9 5.5s-.4 9 5.4 15c23.5-16.1 30-1 27.6 9.6 0 0-4.1 3.8-20 3.8l2.1 8.3s-3.6 5.2-1 10c0 0 8.1-7 22.2-6.2 0 0 9 15.5-24.4 22.8s-44 43-44 62.7l1.1 1.3c27-5.7 39.4 26.1 74.5 22.5-3-9.4.3-19.1.3-19.1a32 32 0 0 0 14.1 16.7c12.5-3.1 20.7-9.9 22.5-13.9 0 0-13.2-12.4-4.6-34.8 0 0 8.4 14.9 25.5 6.8l.2-2.3c-23.3-8.5-8.1-30.8-6.7-33 10.8 6.8 20-2.2 20-10.1m-132-37c-6.8 0-13.4-3.4-14.6-9.4-.3-1.6-1.4-2-2 .2-3.2 13.4 5.2 19.7 13.3 19.7 9 0 14.1-7.3 27-9.8 5.6-1.1 9.4-.1 9.4-2l-9.5-2c-13.3 0-15.1 3.3-23.6 3.3m-407-31c-6.3 8-16.7 6.2-19.2-7.2 13.1-.7 18.8.8 19.3 7.2m-75.2 78c1.4 2.2 16.6 24.5-6.7 33l.2 2.3a19 19 0 0 0 25.5-6.8c8.6 22.4-4.6 34.8-4.6 34.8 1.8 4 10 10.8 22.5 14a32 32 0 0 0 14.1-16.8s3.4 9.7.3 19c35 3.7 47.5-28.1 74.5-22.4l1.1-1.3c0-19.6-10.6-55.4-44-62.7-33.3-7.3-24.4-22.8-24.4-22.8a33 33 0 0 1 22.2 6.2c2.6-4.8-1-10-1-10l2-8.3c-15.8 0-20-3.8-20-3.8-2.4-10.7 4.1-25.7 27.7-9.6 5.8-6 5.4-15 5.4-15l2.9-5.5c0-4.4-18.8-16.4-23.7-17.8-1.1-6.5-8.4-15.8-30.5-12.4-10.5 1.4-18-1.6-14.5-8.5l-2.3-.3c-2.4 2.8-5.7 10.5 3.4 15.7 10.2 5.8 10.8 17.4 10.9 19 .1 2.4-2.5 2.7-3 .2-4.7-19.4-28.2-23.6-42-13.3.8 10.5 10.6 17.3 16 17.3 3.2 0 7.5-3.5 7.5-8.3 0-2.4 1-2 1.7-.3 2.3 7-6.8 21.3-20.2 12.6-13.7 15.5-8.2 34.6-6.8 41.6 2.4 12.7-3 25-13 19.2l-1.1.9c0 8 9.1 17 19.9 10.1m88.4-50.4-9.6 2c0 1.9 4 .9 9.6 2 12.8 2.5 17.8 9.8 26.9 9.8 8.1 0 16.5-6.3 13.2-19.7-.5-2.3-1.6-1.8-2-.2-1.1 6-7.6 9.4-14.5 9.4-8.5 0-10.3-3.3-23.6-3.3m281 87h16v-50.5h-16zM512 688.2h16v-50.4h-16z"/>
|
|
10
|
+
</svg>
|