@piveau/piveau-hub-ui-modules 80.0.0-alpha.49 → 80.0.0-alpha.50
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/dist/data-provider-interface/DataProviderInterface.vue.d.ts +62 -0
- package/dist/data-provider-interface/HappyFlowComponents/ComponentLibrary.vue.d.ts +64 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.d.ts +62 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.mjs +41 -34
- package/dist/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.mjs.map +1 -1
- package/dist/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue2.mjs +2 -2
- package/dist/data-provider-interface/HappyFlowComponents/ui/Chip.vue.mjs +34 -33
- package/dist/data-provider-interface/HappyFlowComponents/ui/Chip.vue.mjs.map +1 -1
- package/dist/data-provider-interface/HappyFlowComponents/ui/Dropdown.vue.mjs +2 -2
- package/dist/data-provider-interface/HappyFlowComponents/ui/Dropdown.vue.mjs.map +1 -1
- package/dist/data-provider-interface/HappyFlowComponents/ui/Dropdown.vue2.mjs +2 -2
- package/dist/data-provider-interface/HappyFlowComponents/ui/InputField.vue.d.ts +2 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/InputField.vue.mjs +116 -115
- package/dist/data-provider-interface/HappyFlowComponents/ui/InputField.vue.mjs.map +1 -1
- package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/ChangeLicenseV3.vue.mjs +16 -15
- package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/ChangeLicenseV3.vue.mjs.map +1 -1
- package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/DocumentationsV3.vue.d.ts +2 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/DocumentationsV3.vue.mjs +127 -103
- package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/DocumentationsV3.vue.mjs.map +1 -1
- package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/LanguageV3.vue.mjs +29 -27
- package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/LanguageV3.vue.mjs.map +1 -1
- package/dist/data-provider-interface/components/DistLicense.vue.d.ts +6 -1
- package/dist/data-provider-interface/components/DistLicense.vue.mjs +10 -7
- package/dist/data-provider-interface/components/DistLicense.vue.mjs.map +1 -1
- package/dist/data-provider-interface/components/DistributionSimplePage.vue.mjs +243 -235
- package/dist/data-provider-interface/components/DistributionSimplePage.vue.mjs.map +1 -1
- package/dist/data-provider-interface/components/HVDPage.vue.mjs +59 -54
- package/dist/data-provider-interface/components/HVDPage.vue.mjs.map +1 -1
- package/dist/data-provider-interface/components/HappyFlowLandingPage.vue.d.ts +62 -0
- package/dist/data-provider-interface/components/PolGeoUriPage.vue.mjs +22 -27
- package/dist/data-provider-interface/components/PolGeoUriPage.vue.mjs.map +1 -1
- package/dist/data-provider-interface/components/ReviewAndPublishPage.vue.d.ts +6 -1
- package/dist/data-provider-interface/components/ReviewAndPublishPage.vue.mjs +184 -7
- package/dist/data-provider-interface/components/ReviewAndPublishPage.vue.mjs.map +1 -1
- package/dist/data-provider-interface/components/ReviewAndPublishPage.vue2.mjs +5 -0
- package/dist/data-provider-interface/components/ReviewAndPublishPage.vue2.mjs.map +1 -0
- package/dist/data-provider-interface/components/TempResPage.vue.mjs +41 -41
- package/dist/data-provider-interface/components/TempResPage.vue.mjs.map +1 -1
- package/dist/data-provider-interface/views/InputPage.vue.d.ts +62 -0
- package/dist/data-provider-interface/views/InputPage.vue.mjs +335 -312
- package/dist/data-provider-interface/views/InputPage.vue.mjs.map +1 -1
- package/dist/form/inputDefinitions.mjs +8 -8
- package/dist/form/inputDefinitions.mjs.map +1 -1
- package/dist/piveau-hub-ui-modules.css +1 -1
- package/package.json +1 -1
|
@@ -2391,6 +2391,68 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
2391
2391
|
default?(_: {}): any;
|
|
2392
2392
|
};
|
|
2393
2393
|
});
|
|
2394
|
+
PhPencilSimple: {
|
|
2395
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
|
2396
|
+
weight: {
|
|
2397
|
+
type: PropType<"bold" | "fill" | "thin" | "light" | "regular" | "duotone">;
|
|
2398
|
+
};
|
|
2399
|
+
size: {
|
|
2400
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
2401
|
+
};
|
|
2402
|
+
color: {
|
|
2403
|
+
type: StringConstructor;
|
|
2404
|
+
};
|
|
2405
|
+
mirrored: {
|
|
2406
|
+
type: BooleanConstructor;
|
|
2407
|
+
};
|
|
2408
|
+
}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
|
|
2409
|
+
mirrored: boolean;
|
|
2410
|
+
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
2411
|
+
P: {};
|
|
2412
|
+
B: {};
|
|
2413
|
+
D: {};
|
|
2414
|
+
C: {};
|
|
2415
|
+
M: {};
|
|
2416
|
+
Defaults: {};
|
|
2417
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
2418
|
+
weight: {
|
|
2419
|
+
type: PropType<"bold" | "fill" | "thin" | "light" | "regular" | "duotone">;
|
|
2420
|
+
};
|
|
2421
|
+
size: {
|
|
2422
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
2423
|
+
};
|
|
2424
|
+
color: {
|
|
2425
|
+
type: StringConstructor;
|
|
2426
|
+
};
|
|
2427
|
+
mirrored: {
|
|
2428
|
+
type: BooleanConstructor;
|
|
2429
|
+
};
|
|
2430
|
+
}>>, {}, {}, {}, {}, {
|
|
2431
|
+
mirrored: boolean;
|
|
2432
|
+
}>;
|
|
2433
|
+
__isFragment?: never;
|
|
2434
|
+
__isTeleport?: never;
|
|
2435
|
+
__isSuspense?: never;
|
|
2436
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
2437
|
+
weight: {
|
|
2438
|
+
type: PropType<"bold" | "fill" | "thin" | "light" | "regular" | "duotone">;
|
|
2439
|
+
};
|
|
2440
|
+
size: {
|
|
2441
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
2442
|
+
};
|
|
2443
|
+
color: {
|
|
2444
|
+
type: StringConstructor;
|
|
2445
|
+
};
|
|
2446
|
+
mirrored: {
|
|
2447
|
+
type: BooleanConstructor;
|
|
2448
|
+
};
|
|
2449
|
+
}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
2450
|
+
mirrored: boolean;
|
|
2451
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
2452
|
+
$slots: {
|
|
2453
|
+
default?(_: {}): any;
|
|
2454
|
+
};
|
|
2455
|
+
});
|
|
2394
2456
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2395
2457
|
Illustration: import('vue').DefineComponent<{}, {
|
|
2396
2458
|
illustrationName: string;
|
|
@@ -669,6 +669,68 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
|
|
|
669
669
|
default?(_: {}): any;
|
|
670
670
|
};
|
|
671
671
|
});
|
|
672
|
+
PhPencilSimple: {
|
|
673
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
|
674
|
+
weight: {
|
|
675
|
+
type: import('vue').PropType<"bold" | "fill" | "thin" | "light" | "regular" | "duotone">;
|
|
676
|
+
};
|
|
677
|
+
size: {
|
|
678
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
679
|
+
};
|
|
680
|
+
color: {
|
|
681
|
+
type: StringConstructor;
|
|
682
|
+
};
|
|
683
|
+
mirrored: {
|
|
684
|
+
type: BooleanConstructor;
|
|
685
|
+
};
|
|
686
|
+
}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
|
|
687
|
+
mirrored: boolean;
|
|
688
|
+
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
689
|
+
P: {};
|
|
690
|
+
B: {};
|
|
691
|
+
D: {};
|
|
692
|
+
C: {};
|
|
693
|
+
M: {};
|
|
694
|
+
Defaults: {};
|
|
695
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
696
|
+
weight: {
|
|
697
|
+
type: import('vue').PropType<"bold" | "fill" | "thin" | "light" | "regular" | "duotone">;
|
|
698
|
+
};
|
|
699
|
+
size: {
|
|
700
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
701
|
+
};
|
|
702
|
+
color: {
|
|
703
|
+
type: StringConstructor;
|
|
704
|
+
};
|
|
705
|
+
mirrored: {
|
|
706
|
+
type: BooleanConstructor;
|
|
707
|
+
};
|
|
708
|
+
}>>, {}, {}, {}, {}, {
|
|
709
|
+
mirrored: boolean;
|
|
710
|
+
}>;
|
|
711
|
+
__isFragment?: never;
|
|
712
|
+
__isTeleport?: never;
|
|
713
|
+
__isSuspense?: never;
|
|
714
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
715
|
+
weight: {
|
|
716
|
+
type: import('vue').PropType<"bold" | "fill" | "thin" | "light" | "regular" | "duotone">;
|
|
717
|
+
};
|
|
718
|
+
size: {
|
|
719
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
720
|
+
};
|
|
721
|
+
color: {
|
|
722
|
+
type: StringConstructor;
|
|
723
|
+
};
|
|
724
|
+
mirrored: {
|
|
725
|
+
type: BooleanConstructor;
|
|
726
|
+
};
|
|
727
|
+
}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
728
|
+
mirrored: boolean;
|
|
729
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
730
|
+
$slots: {
|
|
731
|
+
default?(_: {}): any;
|
|
732
|
+
};
|
|
733
|
+
});
|
|
672
734
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
673
735
|
InputV3: import('vue').DefineComponent<{}, {
|
|
674
736
|
data: Record<string, any>;
|
|
@@ -1437,6 +1499,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
|
|
|
1437
1499
|
autocomplete: boolean;
|
|
1438
1500
|
placeholder: string;
|
|
1439
1501
|
modelValue: string;
|
|
1502
|
+
supportingHintMessage: string;
|
|
1440
1503
|
isDisabled: boolean;
|
|
1441
1504
|
inputType: string;
|
|
1442
1505
|
datePicker: boolean;
|
|
@@ -1460,6 +1523,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
|
|
|
1460
1523
|
readonly autocomplete?: boolean | undefined;
|
|
1461
1524
|
readonly placeholder?: string | undefined;
|
|
1462
1525
|
readonly modelValue?: string | undefined;
|
|
1526
|
+
readonly supportingHintMessage?: string | undefined;
|
|
1463
1527
|
readonly isDisabled?: boolean | undefined;
|
|
1464
1528
|
readonly inputType?: string | undefined;
|
|
1465
1529
|
readonly datePicker?: boolean | undefined;
|
|
@@ -650,5 +650,67 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
650
650
|
default?(_: {}): any;
|
|
651
651
|
};
|
|
652
652
|
});
|
|
653
|
+
PhPencilSimple: {
|
|
654
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
|
655
|
+
weight: {
|
|
656
|
+
type: import('vue').PropType<"bold" | "fill" | "thin" | "light" | "regular" | "duotone">;
|
|
657
|
+
};
|
|
658
|
+
size: {
|
|
659
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
660
|
+
};
|
|
661
|
+
color: {
|
|
662
|
+
type: StringConstructor;
|
|
663
|
+
};
|
|
664
|
+
mirrored: {
|
|
665
|
+
type: BooleanConstructor;
|
|
666
|
+
};
|
|
667
|
+
}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
|
|
668
|
+
mirrored: boolean;
|
|
669
|
+
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
670
|
+
P: {};
|
|
671
|
+
B: {};
|
|
672
|
+
D: {};
|
|
673
|
+
C: {};
|
|
674
|
+
M: {};
|
|
675
|
+
Defaults: {};
|
|
676
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
677
|
+
weight: {
|
|
678
|
+
type: import('vue').PropType<"bold" | "fill" | "thin" | "light" | "regular" | "duotone">;
|
|
679
|
+
};
|
|
680
|
+
size: {
|
|
681
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
682
|
+
};
|
|
683
|
+
color: {
|
|
684
|
+
type: StringConstructor;
|
|
685
|
+
};
|
|
686
|
+
mirrored: {
|
|
687
|
+
type: BooleanConstructor;
|
|
688
|
+
};
|
|
689
|
+
}>>, {}, {}, {}, {}, {
|
|
690
|
+
mirrored: boolean;
|
|
691
|
+
}>;
|
|
692
|
+
__isFragment?: never;
|
|
693
|
+
__isTeleport?: never;
|
|
694
|
+
__isSuspense?: never;
|
|
695
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
696
|
+
weight: {
|
|
697
|
+
type: import('vue').PropType<"bold" | "fill" | "thin" | "light" | "regular" | "duotone">;
|
|
698
|
+
};
|
|
699
|
+
size: {
|
|
700
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
701
|
+
};
|
|
702
|
+
color: {
|
|
703
|
+
type: StringConstructor;
|
|
704
|
+
};
|
|
705
|
+
mirrored: {
|
|
706
|
+
type: BooleanConstructor;
|
|
707
|
+
};
|
|
708
|
+
}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
709
|
+
mirrored: boolean;
|
|
710
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
711
|
+
$slots: {
|
|
712
|
+
default?(_: {}): any;
|
|
713
|
+
};
|
|
714
|
+
});
|
|
653
715
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
654
716
|
export default _default;
|
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as h, resolveComponent as n, openBlock as s, createElementBlock as y, mergeProps as k, normalizeClass as p, normalizeStyle as v, withKeys as l, withModifiers as m, createBlock as a, createCommentVNode as t, createTextVNode as o, createElementVNode as b, toDisplayString as g } from "vue";
|
|
2
2
|
import "../../config/styles/variables.css.mjs";
|
|
3
3
|
import "../../config/styles/typography.css.mjs";
|
|
4
|
-
import { PhX as
|
|
4
|
+
import { PhX as K, PhCheck as B, PhMagnifyingGlass as V, PhCaretRight as T, PhCaretLeft as $, PhPlusCircle as D, PhTrash as w, PhPlusSquare as M, PhArrowCounterClockwise as U, PhPencilSimple as E } from "@phosphor-icons/vue";
|
|
5
5
|
import "./ButtonV3.vue2.mjs";
|
|
6
|
-
import
|
|
7
|
-
const
|
|
6
|
+
import G from "../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
7
|
+
const q = h({
|
|
8
8
|
name: "ButtonV3",
|
|
9
9
|
components: {
|
|
10
|
-
PhX:
|
|
11
|
-
PhCheck:
|
|
12
|
-
PhMagnifyingGlass:
|
|
13
|
-
PhCaretRight:
|
|
14
|
-
PhCaretLeft:
|
|
15
|
-
PhPlusCircle:
|
|
10
|
+
PhX: K,
|
|
11
|
+
PhCheck: B,
|
|
12
|
+
PhMagnifyingGlass: V,
|
|
13
|
+
PhCaretRight: T,
|
|
14
|
+
PhCaretLeft: $,
|
|
15
|
+
PhPlusCircle: D,
|
|
16
16
|
PhTrash: w,
|
|
17
|
-
PhPlusSquare:
|
|
18
|
-
PhArrowCounterClockwise:
|
|
17
|
+
PhPlusSquare: M,
|
|
18
|
+
PhArrowCounterClockwise: U,
|
|
19
|
+
PhPencilSimple: E
|
|
19
20
|
},
|
|
20
21
|
props: {
|
|
21
22
|
buttonText: {
|
|
@@ -100,19 +101,19 @@ const E = C({
|
|
|
100
101
|
this.disabled || (this.variant === "primary" ? this.isPrimaryActive = !0 : this.variant === "secondary" ? this.isSecondaryActive = !0 : this.variant === "tertiary" && (this.isTertiaryActive = !0));
|
|
101
102
|
}
|
|
102
103
|
}
|
|
103
|
-
}),
|
|
104
|
+
}), L = ["disabled"], R = ["disabled"], N = {
|
|
104
105
|
key: 0,
|
|
105
106
|
class: "dpiV3_icon"
|
|
106
107
|
};
|
|
107
|
-
function
|
|
108
|
-
const F = n("PhArrowCounterClockwise"),
|
|
109
|
-
return s(), y("div",
|
|
108
|
+
function I(e, i, X, j, H, J) {
|
|
109
|
+
const F = n("PhArrowCounterClockwise"), S = n("PhPlusCircle"), A = n("PhTrash"), d = n("PhMagnifyingGlass"), u = n("PhCheck"), P = n("PhCaretLeft"), f = n("PhPlusSquare"), z = n("PhCaretRight"), C = n("PhPencilSimple");
|
|
110
|
+
return s(), y("div", k({
|
|
110
111
|
class: ["dpiV3_V3-typography", e.externalClass]
|
|
111
112
|
}, e.$attrs), [
|
|
112
113
|
e.buttonText ? (s(), y("button", {
|
|
113
114
|
key: 0,
|
|
114
115
|
tabindex: "0",
|
|
115
|
-
class:
|
|
116
|
+
class: p([
|
|
116
117
|
e.dpiV3_buttonClass,
|
|
117
118
|
{ activeStatePrimary: e.isPrimaryActive && e.variant === "primary" },
|
|
118
119
|
{ activeStateSecondary: e.isSecondaryActive && e.variant === "secondary" },
|
|
@@ -135,7 +136,7 @@ function R(e, i, N, I, X, j) {
|
|
|
135
136
|
}, [
|
|
136
137
|
e.iconStart ? (s(), y("span", {
|
|
137
138
|
key: 0,
|
|
138
|
-
class:
|
|
139
|
+
class: p(["dpiV3_icon", e.iconSizeClass])
|
|
139
140
|
}, [
|
|
140
141
|
e.iconStart === "reset" ? (s(), a(F, {
|
|
141
142
|
key: 0,
|
|
@@ -143,19 +144,19 @@ function R(e, i, N, I, X, j) {
|
|
|
143
144
|
color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
|
|
144
145
|
}, null, 8, ["size", "color"])) : t("", !0),
|
|
145
146
|
i[16] || (i[16] = o()),
|
|
146
|
-
e.iconStart === "plus" ? (s(), a(
|
|
147
|
+
e.iconStart === "plus" ? (s(), a(S, {
|
|
147
148
|
key: 1,
|
|
148
149
|
size: e.size === "small" ? "16px" : "24px",
|
|
149
150
|
color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
|
|
150
151
|
}, null, 8, ["size", "color"])) : t("", !0),
|
|
151
152
|
i[17] || (i[17] = o()),
|
|
152
|
-
e.iconStart === "trash" ? (s(), a(
|
|
153
|
+
e.iconStart === "trash" ? (s(), a(A, {
|
|
153
154
|
key: 2,
|
|
154
155
|
size: e.size === "small" ? "16px" : "24px",
|
|
155
156
|
color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
|
|
156
157
|
}, null, 8, ["size", "color"])) : t("", !0),
|
|
157
158
|
i[18] || (i[18] = o()),
|
|
158
|
-
e.iconStart === "MagnifyingGlass" ? (s(), a(
|
|
159
|
+
e.iconStart === "MagnifyingGlass" ? (s(), a(d, {
|
|
159
160
|
key: 3,
|
|
160
161
|
size: e.size === "small" ? "16px" : "24px",
|
|
161
162
|
color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
|
|
@@ -167,26 +168,26 @@ function R(e, i, N, I, X, j) {
|
|
|
167
168
|
color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
|
|
168
169
|
}, null, 8, ["size", "color"])) : t("", !0),
|
|
169
170
|
i[20] || (i[20] = o()),
|
|
170
|
-
e.iconStart === "CaretLeft" ? (s(), a(
|
|
171
|
+
e.iconStart === "CaretLeft" ? (s(), a(P, {
|
|
171
172
|
key: 5,
|
|
172
173
|
size: e.size === "small" ? "16px" : "24px",
|
|
173
174
|
color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
|
|
174
175
|
}, null, 8, ["size", "color"])) : t("", !0),
|
|
175
176
|
i[21] || (i[21] = o()),
|
|
176
|
-
e.iconStart === "PlusSquare" ? (s(), a(
|
|
177
|
+
e.iconStart === "PlusSquare" ? (s(), a(f, {
|
|
177
178
|
key: 6,
|
|
178
179
|
size: e.size === "small" ? "16px" : "24px",
|
|
179
180
|
color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
|
|
180
181
|
}, null, 8, ["size", "color"])) : t("", !0)
|
|
181
182
|
], 2)) : t("", !0),
|
|
182
183
|
i[24] || (i[24] = o()),
|
|
183
|
-
|
|
184
|
+
b("span", null, g(e.buttonText), 1),
|
|
184
185
|
i[25] || (i[25] = o()),
|
|
185
186
|
e.iconEnd ? (s(), y("span", {
|
|
186
187
|
key: 1,
|
|
187
|
-
class:
|
|
188
|
+
class: p(["dpiV3_icon", e.iconSizeClass])
|
|
188
189
|
}, [
|
|
189
|
-
e.iconEnd === "MagnifyingGlass" ? (s(), a(
|
|
190
|
+
e.iconEnd === "MagnifyingGlass" ? (s(), a(d, {
|
|
190
191
|
key: 0,
|
|
191
192
|
size: e.size === "small" ? "16px" : "24px",
|
|
192
193
|
color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
|
|
@@ -204,12 +205,12 @@ function R(e, i, N, I, X, j) {
|
|
|
204
205
|
color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
|
|
205
206
|
}, null, 8, ["size", "color"])) : t("", !0)
|
|
206
207
|
], 2)) : t("", !0)
|
|
207
|
-
], 46,
|
|
208
|
-
i[
|
|
208
|
+
], 46, L)) : t("", !0),
|
|
209
|
+
i[28] || (i[28] = o()),
|
|
209
210
|
e.buttonText ? t("", !0) : (s(), y("div", {
|
|
210
211
|
key: 1,
|
|
211
212
|
tabindex: "0",
|
|
212
|
-
class:
|
|
213
|
+
class: p([
|
|
213
214
|
"dpiV3_button-icon-only",
|
|
214
215
|
e.iconSizeClass,
|
|
215
216
|
{ "dpiV3_button-icon-only-large": e.size === "large" },
|
|
@@ -232,8 +233,8 @@ function R(e, i, N, I, X, j) {
|
|
|
232
233
|
i[15] || (i[15] = l((...r) => e.removeActiveStateKeyUp && e.removeActiveStateKeyUp(...r), ["space"]))
|
|
233
234
|
]
|
|
234
235
|
}, [
|
|
235
|
-
e.buttonText ? t("", !0) : (s(), y("span",
|
|
236
|
-
e.iconStart === "MagnifyingGlass" ? (s(), a(
|
|
236
|
+
e.buttonText ? t("", !0) : (s(), y("span", N, [
|
|
237
|
+
e.iconStart === "MagnifyingGlass" ? (s(), a(d, {
|
|
237
238
|
key: 0,
|
|
238
239
|
size: e.size === "small" ? "16px" : "24px",
|
|
239
240
|
color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
|
|
@@ -243,13 +244,19 @@ function R(e, i, N, I, X, j) {
|
|
|
243
244
|
key: 1,
|
|
244
245
|
size: e.size === "small" ? "16px" : "24px",
|
|
245
246
|
color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
|
|
247
|
+
}, null, 8, ["size", "color"])) : t("", !0),
|
|
248
|
+
i[27] || (i[27] = o()),
|
|
249
|
+
e.iconStart === "pen" ? (s(), a(C, {
|
|
250
|
+
key: 2,
|
|
251
|
+
size: e.size === "small" ? "16px" : "24px",
|
|
252
|
+
color: e.variant === "secondary" ? "#0172AD" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
|
|
246
253
|
}, null, 8, ["size", "color"])) : t("", !0)
|
|
247
254
|
]))
|
|
248
|
-
], 46,
|
|
255
|
+
], 46, R))
|
|
249
256
|
], 16);
|
|
250
257
|
}
|
|
251
|
-
const
|
|
258
|
+
const x = /* @__PURE__ */ G(q, [["render", I], ["__scopeId", "data-v-bfe8851a"]]);
|
|
252
259
|
export {
|
|
253
|
-
|
|
260
|
+
x as default
|
|
254
261
|
};
|
|
255
262
|
//# sourceMappingURL=ButtonV3.vue.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonV3.vue.mjs","sources":["../../../../lib/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue"],"sourcesContent":["<template>\n <div class=\"dpiV3_V3-typography\" :class=\"externalClass\" v-bind=\"$attrs\">\n <button tabindex=\"0\" v-if=\"buttonText\" :class=\"[\n dpiV3_buttonClass,\n { activeStatePrimary: isPrimaryActive && variant === 'primary' },\n { activeStateSecondary: isSecondaryActive && variant === 'secondary' },\n { activeStateTertiary: isTertiaryActive && variant === 'tertiary' },\n ]\" :disabled=\"disabled\" @mousedown=\"removeFocus\" @mouseup=\"removeActiveState\" :style=\"focusStyle\"\n @focus=\"isFocused = true\" @blur=\"isFocused = false\" @keydown.enter=\"handleKeyPress\"\n @keydown.space.prevent=\"handleKeyPress\" @keyup.enter=\"removeActiveStateKeyUp\"\n @keyup.space=\"removeActiveStateKeyUp\">\n <span v-if=\"iconStart\" class=\"dpiV3_icon\" :class=\"iconSizeClass\">\n <PhArrowCounterClockwise :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'reset'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhPlusCircle :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'plus'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhTrash :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'trash'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhMagnifyingGlass :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'MagnifyingGlass'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhCheck :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'Check'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhCaretLeft :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'CaretLeft'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhPlusSquare :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'PlusSquare'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n </span>\n <span>{{ buttonText }}</span>\n <span v-if=\"iconEnd\" class=\"dpiV3_icon\" :class=\"iconSizeClass\">\n <PhMagnifyingGlass :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconEnd === 'MagnifyingGlass'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhCheck :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconEnd === 'Check'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhCaretRight :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconEnd === 'CaretRight'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n </span>\n </button>\n <!-- Icon-only button -->\n <div tabindex=\"0\" v-if=\"!buttonText\" :class=\"[\n 'dpiV3_button-icon-only',\n iconSizeClass,\n { 'dpiV3_button-icon-only-large': size === 'large' },\n { activeStatePrimary: isPrimaryActive && variant === 'primary' },\n { activeStateSecondary: isSecondaryActive && variant === 'secondary' },\n { activeStateTertiary: isTertiaryActive && variant === 'tertiary' },\n ]\" :disabled=\"disabled\" @mousedown=\"removeFocus\" @mouseup=\"removeActiveState\" :style=\"focusStyle\"\n @focus=\"isFocused = true\" @blur=\"isFocused = false\" @keydown.enter=\"handleKeyPress\"\n @keydown.space.prevent=\"handleKeyPress\" @keyup.enter=\"removeActiveStateKeyUp\"\n @keyup.space=\"removeActiveStateKeyUp\">\n <span v-if=\"!buttonText\" class=\"dpiV3_icon\">\n <PhMagnifyingGlass :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'MagnifyingGlass'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhCheck :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'Check'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n </span>\n </div>\n </div>\n</template>\n\n<script>\nimport { defineComponent } from \"vue\";\nimport \"../../config/styles/variables.css\";\nimport \"../../config/styles/typography.css\";\n\nimport {\n PhX,\n PhCheck,\n PhMagnifyingGlass,\n PhCaretRight,\n PhCaretLeft,\n PhPlusCircle,\n PhTrash,\n PhPlusSquare, PhArrowCounterClockwise\n} from \"@phosphor-icons/vue\";\n\nexport default defineComponent({\n name: \"ButtonV3\",\n components: {\n PhX,\n PhCheck,\n PhMagnifyingGlass,\n PhCaretRight,\n PhCaretLeft,\n PhPlusCircle,\n PhTrash,\n PhPlusSquare,\n PhArrowCounterClockwise\n },\n props: {\n buttonText: {\n type: String,\n required: false,\n default: null,\n },\n size: {\n type: String,\n default: \"medium\",\n validator: (value) => [\"small\", \"medium\", \"large\"].includes(value),\n },\n iconStart: {\n type: String,\n default: null,\n },\n iconEnd: {\n type: String,\n default: null,\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n variant: {\n type: String,\n default: \"primary\",\n },\n gapColor: {\n type: String,\n default: \"white\",\n },\n },\n data() {\n return {\n iconSize: \"24px\",\n isFocused: false,\n isPrimaryActive: false,\n isSecondaryActive: false,\n isTertiaryActive: false,\n };\n },\n computed: {\n focusStyle() {\n if (this.isFocused && this.variant === \"tertiary\") {\n return {\n boxShadow: `0 0 0 2px var(--Focused, #FF5733)`,\n };\n } else if (this.isFocused) {\n return {\n boxShadow: `0 0 0 2px ${this.gapColor}, 0 0 0 4px var(--Focused, #0196d8)`,\n };\n }\n return {};\n },\n externalClass() {\n const externalClasses = this.$attrs.class || \"\";\n return [externalClasses];\n },\n dpiV3_buttonClass() {\n return [\n `dpiV3_button-base-${this.variant}`,\n `dpiV3_button-${this.size}`,\n { \"dpiV3_button-disabled\": this.disabled },\n ];\n },\n iconSizeClass() {\n return [\n `dpiV3_icon-${this.size}`,\n `dpiV3_icon-${this.size}-${this.variant}`,\n ];\n },\n },\n methods: {\n removeFocus(event) {\n event.preventDefault();\n this.addActiveState();\n },\n handleKeyPress() {\n if (!this.disabled) {\n if (this.variant === \"primary\") {\n this.isPrimaryActive = true;\n } else if (this.variant === \"secondary\") {\n this.isSecondaryActive = true;\n } else if (this.variant === \"tertiary\") {\n this.isTertiaryActive = true;\n }\n }\n },\n removeActiveState() {\n this.isPrimaryActive = false;\n this.isSecondaryActive = false;\n this.isTertiaryActive = false;\n },\n removeActiveStateKeyUp() {\n this.isPrimaryActive = false;\n this.isSecondaryActive = false;\n this.isTertiaryActive = false;\n\n this.$emit(\"click\");\n },\n addActiveState() {\n if (!this.disabled) {\n if (this.variant === \"primary\") {\n this.isPrimaryActive = true;\n } else if (this.variant === \"secondary\") {\n this.isSecondaryActive = true;\n } else if (this.variant === \"tertiary\") {\n this.isTertiaryActive = true;\n }\n }\n },\n },\n});\n</script>\n\n<style scoped>\n.dpiV3_button-base-primary {\n white-space: nowrap;\n display: inline-flex;\n align-items: center;\n gap: var(--Spacing-2, 8px);\n border: none;\n cursor: pointer;\n border-radius: var(--Button-Radius, 24px);\n background: var(--background-primary-default, #003f6f);\n color: var(--text-primary-all, #fff);\n font-family: var(--font-family-secondary);\n font-style: normal;\n font-weight: var(--copy-button-ml-font-weight, 600);\n text-align: center;\n}\n\n.dpiV3_button-base-secondary {\n white-space: nowrap;\n display: inline-flex;\n align-items: center;\n gap: var(--Spacing-2, 8px);\n border: none;\n cursor: pointer;\n border-radius: var(--Button-Radius, 24px);\n background: var(--background-secondary-default);\n color: var(--text-primary-secondary-default, #0b1a25);\n font-family: var(--font-family-secondary);\n font-weight: var(--copy-button-ml-font-weight, 600);\n text-align: center;\n}\n\n.dpiV3_button-base-tertiary {\n white-space: nowrap;\n display: inline-flex;\n align-items: center;\n gap: var(--Spacing-2, 8px);\n color: var(--text-primary-tertiary-default);\n font-family: var(--font-family-secondary);\n font-weight: var(--copy-button-ml-font-weight, 600);\n text-align: center;\n background: none;\n border: none;\n cursor: pointer;\n border-radius: var(--Button-Radius, 24px);\n}\n\n.dpiV3_button-base-tertiary.dpiV3_button-small {\n font-size: 14px;\n line-height: 16px;\n display: flex;\n padding: var(--Spacing-2, 8px);\n align-items: center;\n gap: var(--Spacing-2, 8px);\n}\n\n.dpiV3_button-base-tertiary.dpiV3_button-medium {\n font-size: 16px;\n line-height: 32px;\n display: flex;\n padding: var(--Spacing-1, 4px) 12px;\n align-items: center;\n gap: var(--Spacing-2, 8px);\n}\n\n.dpiV3_button-base-tertiary.dpiV3_button-large {\n font-size: 16px;\n line-height: 32px;\n display: flex;\n padding: var(--Border-Radius, 8px) var(--Spacing-3, 16px);\n align-items: center;\n gap: var(--Spacing-2, 8px);\n}\n\n.dpiV3_button-base-secondary:focus {\n outline: none;\n}\n\n.dpiV3_button-base-primary:focus {\n outline: none;\n}\n\n.dpiV3_button-base-tertiary:focus {\n outline: none;\n}\n\n.dpiV3_button-base-primary:hover {\n background: var(--background-primary-hover);\n box-shadow: none;\n}\n\n.dpiV3_button-base-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n}\n\n.dpiV3_button-base-tertiary:hover {\n background: var(--background-tertiary-hover);\n cursor: pointer;\n box-shadow: none;\n}\n\n.dpiV3_button-base-primary:active {\n background: var(--background-primary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-base-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-base-tertiary:active {\n background: var(--background-tertiary-pressed);\n box-shadow: none;\n}\n\n.activeStatePrimary {\n background: var(--background-primary-pressed, #002a4d) !important;\n box-shadow: none;\n}\n\n.activeStateSecondary {\n background: var(--background-secondary-pressed) !important;\n box-shadow: none;\n}\n\n.activeStateTertiary {\n background: var(--background-tertiary-pressed) !important;\n box-shadow: none;\n}\n\n.dpiV3_button-small {\n padding: var(--Spacing-2, 8px) var(--Spacing-3, 16px);\n font-size: var(--copy-button-s-font-size, 14px);\n line-height: var(--copy-button-s-line-height, 16px);\n transition: none !important;\n}\n\n.dpiV3_button-medium {\n padding: var(--Spacing-1, 4px) var(--Spacing-3, 16px);\n font-size: var(--copy-button-ml-font-size, 16px);\n line-height: var(--copy-button-ml-line-height, 32px);\n transition: none !important;\n}\n\n.dpiV3_button-large {\n padding: var(--Border-Radius, 8px) var(--Spacing-4, 24px);\n font-size: var(--copy-button-ml-font-size, 16px);\n line-height: var(--copy-button-ml-line-height, 32px);\n transition: none !important;\n}\n\n.dpiV3_button-base-primary:disabled,\n.dpiV3_button-disabled {\n background: var(--neutral-30);\n color: var(--text-primary-all);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.dpiV3_button-base-secondary:disabled,\n.dpiV3_button-disabled {\n background: var(--neutral-10);\n color: var(--text-primary-secondary-disabled);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.dpiV3_button-base-tertiary:disabled,\n.dpiV3_button-disabled {\n color: var(--text-primary-tertiary-disabled);\n background: none;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.dpiV3_button-icon-only {\n display: inline-flex;\n padding: var(--Spacing-2, 8px);\n justify-content: center;\n align-items: center;\n border-radius: var(--Button-Radius, 24px);\n background: var(--background-primary-default, #003f6f);\n cursor: pointer;\n}\n\n.dpiV3_button-icon-only-large {\n width: 48px;\n height: 48px;\n padding: 12px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n border-radius: var(--Button-Radius, 24px);\n background: var(--background-primary-default, #003f6f);\n}\n\n.dpiV3_icon {\n display: inline-flex;\n align-items: center;\n}\n\n.dpiV3_icon-small img {\n width: 16px;\n height: 16px;\n}\n\n.dpiV3_icon-small-primary:hover {\n background: var(--background-primary-hover);\n box-shadow: none;\n}\n\n.dpiV3_icon-small-tertiary:hover {\n background: var(--background-tertiary-hover);\n\n box-shadow: none;\n}\n\n.dpiV3_icon-small-primary:active {\n background: var(--background-primary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_icon-medium-primary:hover {\n background: var(--background-primary-hover);\n box-shadow: none;\n}\n\n.dpiV3_icon-medium-primary:active {\n background: var(--background-primary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_icon-large-primary:hover {\n background: var(--background-primary-hover);\n box-shadow: none;\n}\n\n.dpiV3_icon-large-primary:active {\n background: var(--background-primary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_icon-small-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n}\n\n.dpiV3_icon-small-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_icon-medium-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n}\n\n.dpiV3_icon-medium-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_icon-large-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n}\n\n.dpiV3_icon-large-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_icon-medium img {\n width: 24px;\n height: 24px;\n}\n\n.dpiV3_icon-large img {\n width: 24px;\n height: 24px;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-small.dpiV3_icon-small-secondary {\n background: var(--background-secondary-default, #d4edfc);\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-small.dpiV3_icon-small-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-small.dpiV3_icon-small-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-medium.dpiV3_icon-medium-secondary {\n background: var(--background-secondary-default, #d4edfc);\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-medium.dpiV3_icon-medium-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-medium.dpiV3_icon-medium-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-large.dpiV3_icon-large-secondary {\n background: var(--background-secondary-default, #d4edfc);\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-large.dpiV3_icon-large-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n border: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-large.dpiV3_icon-large-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n/**** Tertiary */\n.dpiV3_button-icon-only.dpiV3_icon-small.dpiV3_icon-small-tertiary {\n background: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-small.dpiV3_icon-small-tertiary:hover {\n background: var(--background-tertiary-hover);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-small.dpiV3_icon-small-tertiary:active {\n background: var(--background-tertiary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-medium.dpiV3_icon-medium-tertiary {\n background: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-medium.dpiV3_icon-medium-tertiary:hover {\n background: var(--background-tertiary-hover);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-medium.dpiV3_icon-medium-tertiary:active {\n background: var(--background-tertiary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-large.dpiV3_icon-large-tertiary:hover {\n background: var(--background-tertiary-hover);\n box-shadow: none;\n border: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-large.dpiV3_icon-large-tertiary:active {\n background: var(--background-tertiary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only:focus {\n outline: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-large.dpiV3_icon-large-tertiary {\n background: none;\n}\n</style>\n"],"names":["_sfc_main","defineComponent","PhX","PhCheck","PhMagnifyingGlass","PhCaretRight","PhCaretLeft","PhPlusCircle","PhTrash","PhPlusSquare","PhArrowCounterClockwise","value","event","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_mergeProps","_ctx","_normalizeClass","args","_normalizeStyle","_cache","_withKeys","_withModifiers","_createBlock","_component_PhArrowCounterClockwise","_createCommentVNode","_createTextVNode","_component_PhPlusCircle","_component_PhTrash","_component_PhMagnifyingGlass","_component_PhCheck","_component_PhCaretLeft","_component_PhPlusSquare","_createElementVNode","_component_PhCaretRight","_hoisted_3"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ButtonV3.vue.mjs","sources":["../../../../lib/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue"],"sourcesContent":["<template>\n <div class=\"dpiV3_V3-typography\" :class=\"externalClass\" v-bind=\"$attrs\">\n <button tabindex=\"0\" v-if=\"buttonText\" :class=\"[\n dpiV3_buttonClass,\n { activeStatePrimary: isPrimaryActive && variant === 'primary' },\n { activeStateSecondary: isSecondaryActive && variant === 'secondary' },\n { activeStateTertiary: isTertiaryActive && variant === 'tertiary' },\n ]\" :disabled=\"disabled\" @mousedown=\"removeFocus\" @mouseup=\"removeActiveState\" :style=\"focusStyle\"\n @focus=\"isFocused = true\" @blur=\"isFocused = false\" @keydown.enter=\"handleKeyPress\"\n @keydown.space.prevent=\"handleKeyPress\" @keyup.enter=\"removeActiveStateKeyUp\"\n @keyup.space=\"removeActiveStateKeyUp\">\n <span v-if=\"iconStart\" class=\"dpiV3_icon\" :class=\"iconSizeClass\">\n <PhArrowCounterClockwise :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'reset'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhPlusCircle :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'plus'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhTrash :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'trash'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhMagnifyingGlass :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'MagnifyingGlass'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhCheck :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'Check'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhCaretLeft :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'CaretLeft'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhPlusSquare :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'PlusSquare'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n </span>\n <span>{{ buttonText }}</span>\n <span v-if=\"iconEnd\" class=\"dpiV3_icon\" :class=\"iconSizeClass\">\n <PhMagnifyingGlass :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconEnd === 'MagnifyingGlass'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhCheck :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconEnd === 'Check'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhCaretRight :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconEnd === 'CaretRight'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n </span>\n </button>\n <!-- Icon-only button -->\n <div tabindex=\"0\" v-if=\"!buttonText\" :class=\"[\n 'dpiV3_button-icon-only',\n iconSizeClass,\n { 'dpiV3_button-icon-only-large': size === 'large' },\n { activeStatePrimary: isPrimaryActive && variant === 'primary' },\n { activeStateSecondary: isSecondaryActive && variant === 'secondary' },\n { activeStateTertiary: isTertiaryActive && variant === 'tertiary' },\n ]\" :disabled=\"disabled\" @mousedown=\"removeFocus\" @mouseup=\"removeActiveState\" :style=\"focusStyle\"\n @focus=\"isFocused = true\" @blur=\"isFocused = false\" @keydown.enter=\"handleKeyPress\"\n @keydown.space.prevent=\"handleKeyPress\" @keyup.enter=\"removeActiveStateKeyUp\"\n @keyup.space=\"removeActiveStateKeyUp\">\n <span v-if=\"!buttonText\" class=\"dpiV3_icon\">\n <PhMagnifyingGlass :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'MagnifyingGlass'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhCheck :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'Check'\" :color=\"variant === 'primary'\n ? '#FFFFFF'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n <PhPencilSimple :size=\"size === 'small' ? '16px' : '24px'\" v-if=\"iconStart === 'pen'\" :color=\"variant === 'secondary'\n ? '#0172AD'\n : variant === 'secondary'\n ? '#0B1A25'\n : '#0172AD'\n \" />\n </span>\n </div>\n </div>\n</template>\n\n<script>\nimport { defineComponent } from \"vue\";\nimport \"../../config/styles/variables.css\";\nimport \"../../config/styles/typography.css\";\n\nimport {\n PhX,\n PhCheck,\n PhMagnifyingGlass,\n PhCaretRight,\n PhCaretLeft,\n PhPlusCircle,\n PhTrash,\n PhPlusSquare, PhArrowCounterClockwise, PhPencilSimple\n} from \"@phosphor-icons/vue\";\n\nexport default defineComponent({\n name: \"ButtonV3\",\n components: {\n PhX,\n PhCheck,\n PhMagnifyingGlass,\n PhCaretRight,\n PhCaretLeft,\n PhPlusCircle,\n PhTrash,\n PhPlusSquare,\n PhArrowCounterClockwise,\n PhPencilSimple\n },\n props: {\n buttonText: {\n type: String,\n required: false,\n default: null,\n },\n size: {\n type: String,\n default: \"medium\",\n validator: (value) => [\"small\", \"medium\", \"large\"].includes(value),\n },\n iconStart: {\n type: String,\n default: null,\n },\n iconEnd: {\n type: String,\n default: null,\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n variant: {\n type: String,\n default: \"primary\",\n },\n gapColor: {\n type: String,\n default: \"white\",\n },\n },\n data() {\n return {\n iconSize: \"24px\",\n isFocused: false,\n isPrimaryActive: false,\n isSecondaryActive: false,\n isTertiaryActive: false,\n };\n },\n computed: {\n focusStyle() {\n if (this.isFocused && this.variant === \"tertiary\") {\n return {\n boxShadow: `0 0 0 2px var(--Focused, #FF5733)`,\n };\n } else if (this.isFocused) {\n return {\n boxShadow: `0 0 0 2px ${this.gapColor}, 0 0 0 4px var(--Focused, #0196d8)`,\n };\n }\n return {};\n },\n externalClass() {\n const externalClasses = this.$attrs.class || \"\";\n return [externalClasses];\n },\n dpiV3_buttonClass() {\n return [\n `dpiV3_button-base-${this.variant}`,\n `dpiV3_button-${this.size}`,\n { \"dpiV3_button-disabled\": this.disabled },\n ];\n },\n iconSizeClass() {\n return [\n `dpiV3_icon-${this.size}`,\n `dpiV3_icon-${this.size}-${this.variant}`,\n ];\n },\n },\n methods: {\n removeFocus(event) {\n event.preventDefault();\n this.addActiveState();\n },\n handleKeyPress() {\n if (!this.disabled) {\n if (this.variant === \"primary\") {\n this.isPrimaryActive = true;\n } else if (this.variant === \"secondary\") {\n this.isSecondaryActive = true;\n } else if (this.variant === \"tertiary\") {\n this.isTertiaryActive = true;\n }\n }\n },\n removeActiveState() {\n this.isPrimaryActive = false;\n this.isSecondaryActive = false;\n this.isTertiaryActive = false;\n },\n removeActiveStateKeyUp() {\n this.isPrimaryActive = false;\n this.isSecondaryActive = false;\n this.isTertiaryActive = false;\n\n this.$emit(\"click\");\n },\n addActiveState() {\n if (!this.disabled) {\n if (this.variant === \"primary\") {\n this.isPrimaryActive = true;\n } else if (this.variant === \"secondary\") {\n this.isSecondaryActive = true;\n } else if (this.variant === \"tertiary\") {\n this.isTertiaryActive = true;\n }\n }\n },\n },\n});\n</script>\n\n<style scoped>\n.dpiV3_button-base-primary {\n white-space: nowrap;\n display: inline-flex;\n align-items: center;\n gap: var(--Spacing-2, 8px);\n border: none;\n cursor: pointer;\n border-radius: var(--Button-Radius, 24px);\n background: var(--background-primary-default, #003f6f);\n color: var(--text-primary-all, #fff);\n font-family: var(--font-family-secondary);\n font-style: normal;\n font-weight: var(--copy-button-ml-font-weight, 600);\n text-align: center;\n}\n\n.dpiV3_button-base-secondary {\n white-space: nowrap;\n display: inline-flex;\n align-items: center;\n gap: var(--Spacing-2, 8px);\n border: none;\n cursor: pointer;\n border-radius: var(--Button-Radius, 24px);\n background: var(--background-secondary-default);\n color: var(--text-primary-secondary-default, #0b1a25);\n font-family: var(--font-family-secondary);\n font-weight: var(--copy-button-ml-font-weight, 600);\n text-align: center;\n}\n\n.dpiV3_button-base-tertiary {\n white-space: nowrap;\n display: inline-flex;\n align-items: center;\n gap: var(--Spacing-2, 8px);\n color: var(--text-primary-tertiary-default);\n font-family: var(--font-family-secondary);\n font-weight: var(--copy-button-ml-font-weight, 600);\n text-align: center;\n background: none;\n border: none;\n cursor: pointer;\n border-radius: var(--Button-Radius, 24px);\n}\n\n.dpiV3_button-base-tertiary.dpiV3_button-small {\n font-size: 14px;\n line-height: 16px;\n display: flex;\n padding: var(--Spacing-2, 8px);\n align-items: center;\n gap: var(--Spacing-2, 8px);\n}\n\n.dpiV3_button-base-tertiary.dpiV3_button-medium {\n font-size: 16px;\n line-height: 32px;\n display: flex;\n padding: var(--Spacing-1, 4px) 12px;\n align-items: center;\n gap: var(--Spacing-2, 8px);\n}\n\n.dpiV3_button-base-tertiary.dpiV3_button-large {\n font-size: 16px;\n line-height: 32px;\n display: flex;\n padding: var(--Border-Radius, 8px) var(--Spacing-3, 16px);\n align-items: center;\n gap: var(--Spacing-2, 8px);\n}\n\n.dpiV3_button-base-secondary:focus {\n outline: none;\n}\n\n.dpiV3_button-base-primary:focus {\n outline: none;\n}\n\n.dpiV3_button-base-tertiary:focus {\n outline: none;\n}\n\n.dpiV3_button-base-primary:hover {\n background: var(--background-primary-hover);\n box-shadow: none;\n}\n\n.dpiV3_button-base-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n}\n\n.dpiV3_button-base-tertiary:hover {\n background: var(--background-tertiary-hover);\n cursor: pointer;\n box-shadow: none;\n}\n\n.dpiV3_button-base-primary:active {\n background: var(--background-primary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-base-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-base-tertiary:active {\n background: var(--background-tertiary-pressed);\n box-shadow: none;\n}\n\n.activeStatePrimary {\n background: var(--background-primary-pressed, #002a4d) !important;\n box-shadow: none;\n}\n\n.activeStateSecondary {\n background: var(--background-secondary-pressed) !important;\n box-shadow: none;\n}\n\n.activeStateTertiary {\n background: var(--background-tertiary-pressed) !important;\n box-shadow: none;\n}\n\n.dpiV3_button-small {\n padding: var(--Spacing-2, 8px) var(--Spacing-3, 16px);\n font-size: var(--copy-button-s-font-size, 14px);\n line-height: var(--copy-button-s-line-height, 16px);\n transition: none !important;\n}\n\n.dpiV3_button-medium {\n padding: var(--Spacing-1, 4px) var(--Spacing-3, 16px);\n font-size: var(--copy-button-ml-font-size, 16px);\n line-height: var(--copy-button-ml-line-height, 32px);\n transition: none !important;\n}\n\n.dpiV3_button-large {\n padding: var(--Border-Radius, 8px) var(--Spacing-4, 24px);\n font-size: var(--copy-button-ml-font-size, 16px);\n line-height: var(--copy-button-ml-line-height, 32px);\n transition: none !important;\n}\n\n.dpiV3_button-base-primary:disabled,\n.dpiV3_button-disabled {\n background: var(--neutral-30);\n color: var(--text-primary-all);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.dpiV3_button-base-secondary:disabled,\n.dpiV3_button-disabled {\n background: var(--neutral-10);\n color: var(--text-primary-secondary-disabled);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.dpiV3_button-base-tertiary:disabled,\n.dpiV3_button-disabled {\n color: var(--text-primary-tertiary-disabled);\n background: none;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.dpiV3_button-icon-only {\n display: inline-flex;\n padding: var(--Spacing-2, 8px);\n justify-content: center;\n align-items: center;\n border-radius: var(--Button-Radius, 24px);\n background: var(--background-primary-default, #003f6f);\n cursor: pointer;\n}\n\n.dpiV3_button-icon-only-large {\n width: 48px;\n height: 48px;\n padding: 12px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n border-radius: var(--Button-Radius, 24px);\n background: var(--background-primary-default, #003f6f);\n}\n\n.dpiV3_icon {\n display: inline-flex;\n align-items: center;\n}\n\n.dpiV3_icon-small img {\n width: 16px;\n height: 16px;\n}\n\n.dpiV3_icon-small-primary:hover {\n background: var(--background-primary-hover);\n box-shadow: none;\n}\n\n.dpiV3_icon-small-tertiary:hover {\n background: var(--background-tertiary-hover);\n\n box-shadow: none;\n}\n\n.dpiV3_icon-small-primary:active {\n background: var(--background-primary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_icon-medium-primary:hover {\n background: var(--background-primary-hover);\n box-shadow: none;\n}\n\n.dpiV3_icon-medium-primary:active {\n background: var(--background-primary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_icon-large-primary:hover {\n background: var(--background-primary-hover);\n box-shadow: none;\n}\n\n.dpiV3_icon-large-primary:active {\n background: var(--background-primary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_icon-small-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n}\n\n.dpiV3_icon-small-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_icon-medium-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n}\n\n.dpiV3_icon-medium-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_icon-large-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n}\n\n.dpiV3_icon-large-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_icon-medium img {\n width: 24px;\n height: 24px;\n}\n\n.dpiV3_icon-large img {\n width: 24px;\n height: 24px;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-small.dpiV3_icon-small-secondary {\n background: var(--background-secondary-default, #d4edfc);\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-small.dpiV3_icon-small-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-small.dpiV3_icon-small-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-medium.dpiV3_icon-medium-secondary {\n background: var(--background-secondary-default, #d4edfc);\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-medium.dpiV3_icon-medium-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-medium.dpiV3_icon-medium-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-large.dpiV3_icon-large-secondary {\n background: var(--background-secondary-default, #d4edfc);\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-large.dpiV3_icon-large-secondary:hover {\n background: var(--background-secondary-hover);\n box-shadow: none;\n border: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-large.dpiV3_icon-large-secondary:active {\n background: var(--background-secondary-pressed);\n box-shadow: none;\n}\n\n/**** Tertiary */\n.dpiV3_button-icon-only.dpiV3_icon-small.dpiV3_icon-small-tertiary {\n background: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-small.dpiV3_icon-small-tertiary:hover {\n background: var(--background-tertiary-hover);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-small.dpiV3_icon-small-tertiary:active {\n background: var(--background-tertiary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-medium.dpiV3_icon-medium-tertiary {\n background: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-medium.dpiV3_icon-medium-tertiary:hover {\n background: var(--background-tertiary-hover);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-medium.dpiV3_icon-medium-tertiary:active {\n background: var(--background-tertiary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-large.dpiV3_icon-large-tertiary:hover {\n background: var(--background-tertiary-hover);\n box-shadow: none;\n border: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-large.dpiV3_icon-large-tertiary:active {\n background: var(--background-tertiary-pressed);\n box-shadow: none;\n}\n\n.dpiV3_button-icon-only:focus {\n outline: none;\n}\n\n.dpiV3_button-icon-only.dpiV3_icon-large.dpiV3_icon-large-tertiary {\n background: none;\n}\n</style>\n"],"names":["_sfc_main","defineComponent","PhX","PhCheck","PhMagnifyingGlass","PhCaretRight","PhCaretLeft","PhPlusCircle","PhTrash","PhPlusSquare","PhArrowCounterClockwise","PhPencilSimple","value","event","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_mergeProps","_ctx","_normalizeClass","args","_normalizeStyle","_cache","_withKeys","_withModifiers","_createBlock","_component_PhArrowCounterClockwise","_createCommentVNode","_createTextVNode","_component_PhPlusCircle","_component_PhTrash","_component_PhMagnifyingGlass","_component_PhCheck","_component_PhCaretLeft","_component_PhPlusSquare","_createElementVNode","_component_PhCaretRight","_hoisted_3","_component_PhPencilSimple"],"mappings":"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"}
|