@unbabel/samora-vue3-components 0.0.3

package/storybook-static/assets/SamDateTimePicker-CArSJYrQ.css

@@ -0,0 +1 @@
+.text--overline[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:500;text-transform:uppercase;letter-spacing:.08rem}.text--caption--mini[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.375rem;line-height:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.025rem}.text--caption[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:400}.text--caption--medium[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:500}.text--caption--demi[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:600}.text--button[data-v-57b06427],.text--title[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}.text--body-1[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:400}.text--body-1--medium[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:500}.text--body-2[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:400}.text--body-2--medium[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:500}.text--body-3[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:600}.text--subtitle[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:600}h6[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}h5[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:600}h4[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.5rem;line-height:2rem;font-weight:600}h3[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.75rem;line-height:2.25rem;font-weight:600}h2[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2rem;line-height:2.5rem;font-weight:600}h1[data-v-57b06427]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2.25rem;line-height:2.75rem;font-weight:600}.text--ellipse[data-v-57b06427]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-center[data-v-57b06427]{text-align:center}.text--bold[data-v-57b06427]{font-weight:600}.text--primary[data-v-57b06427]{color:#3843d0}.text--secondary[data-v-57b06427]{color:#9152ae}.text--success[data-v-57b06427]{color:#1a8752}.text--error[data-v-57b06427]{color:#e90c37}.text--warning[data-v-57b06427]{color:#eb611c}.text--light[data-v-57b06427]{color:#696c72}.text--black[data-v-57b06427]{color:#000}.text--white[data-v-57b06427]{color:#fff}.w-100[data-v-57b06427]{width:100%}.h-100[data-v-57b06427]{height:100%}.d-block[data-v-57b06427]{display:block}.d-inline[data-v-57b06427]{display:inline}.d-inline-block[data-v-57b06427]{display:inline-block}.d-flex[data-v-57b06427]{display:flex}.d-inline-flex[data-v-57b06427]{display:inline-flex}.d-none[data-v-57b06427]{display:none}.wrap-flex[data-v-57b06427]{flex-wrap:wrap}.flex-center[data-v-57b06427],.items-center[data-v-57b06427]{align-items:center}.flex-start[data-v-57b06427],.items-start[data-v-57b06427]{align-items:flex-start}.flex-end[data-v-57b06427],.items-end[data-v-57b06427]{align-items:flex-end}.flex-baseline[data-v-57b06427],.items-baseline[data-v-57b06427]{align-items:baseline}.justify-center[data-v-57b06427]{justify-content:center}.justify-start[data-v-57b06427]{justify-content:flex-start}.justify-end[data-v-57b06427]{justify-content:flex-end}.justify-between[data-v-57b06427]{justify-content:space-between}.flex-column[data-v-57b06427]{flex-direction:column}.gap-0[data-v-57b06427]{gap:0rem}.gap-1[data-v-57b06427]{gap:.25rem}.gap-1-half[data-v-57b06427]{gap:.375rem}.gap-2[data-v-57b06427]{gap:.5rem}.gap-3[data-v-57b06427]{gap:.75rem}.gap-4[data-v-57b06427]{gap:1rem}.gap-5[data-v-57b06427]{gap:1.25rem}.gap-6[data-v-57b06427]{gap:1.5rem}.gap-7[data-v-57b06427]{gap:1.75rem}.gap-8[data-v-57b06427]{gap:2rem}.gap-10[data-v-57b06427]{gap:2.5rem}.grow[data-v-57b06427]{flex-grow:1}.grow-0[data-v-57b06427]{flex-grow:0}.container-fluid[data-v-57b06427],.container[data-v-57b06427]{margin-right:auto;margin-left:auto}.container-fluid[data-v-57b06427]{padding-right:1rem;padding-left:1rem}.row[data-v-57b06427]{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse[data-v-57b06427]{flex-direction:row-reverse}.col.reverse[data-v-57b06427]{flex-direction:column-reverse}.col-xs[data-v-57b06427],.col-xs-1[data-v-57b06427],.col-xs-2[data-v-57b06427],.col-xs-3[data-v-57b06427],.col-xs-4[data-v-57b06427],.col-xs-5[data-v-57b06427],.col-xs-6[data-v-57b06427],.col-xs-7[data-v-57b06427],.col-xs-8[data-v-57b06427],.col-xs-9[data-v-57b06427],.col-xs-10[data-v-57b06427],.col-xs-11[data-v-57b06427],.col-xs-12[data-v-57b06427],.col-xs-offset-0[data-v-57b06427],.col-xs-offset-1[data-v-57b06427],.col-xs-offset-2[data-v-57b06427],.col-xs-offset-3[data-v-57b06427],.col-xs-offset-4[data-v-57b06427],.col-xs-offset-5[data-v-57b06427],.col-xs-offset-6[data-v-57b06427],.col-xs-offset-7[data-v-57b06427],.col-xs-offset-8[data-v-57b06427],.col-xs-offset-9[data-v-57b06427],.col-xs-offset-10[data-v-57b06427],.col-xs-offset-11[data-v-57b06427],.col-xs-offset-12[data-v-57b06427]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs[data-v-57b06427]{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1[data-v-57b06427]{flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2[data-v-57b06427]{flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3[data-v-57b06427]{flex-basis:25%;max-width:25%}.col-xs-4[data-v-57b06427]{flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5[data-v-57b06427]{flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6[data-v-57b06427]{flex-basis:50%;max-width:50%}.col-xs-7[data-v-57b06427]{flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8[data-v-57b06427]{flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9[data-v-57b06427]{flex-basis:75%;max-width:75%}.col-xs-10[data-v-57b06427]{flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11[data-v-57b06427]{flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12[data-v-57b06427]{flex-basis:100%;max-width:100%}.col-xs-offset-0[data-v-57b06427]{margin-left:0}.col-xs-offset-1[data-v-57b06427]{margin-left:8.33333333%}.col-xs-offset-2[data-v-57b06427]{margin-left:16.66666667%}.col-xs-offset-3[data-v-57b06427]{margin-left:25%}.col-xs-offset-4[data-v-57b06427]{margin-left:33.33333333%}.col-xs-offset-5[data-v-57b06427]{margin-left:41.66666667%}.col-xs-offset-6[data-v-57b06427]{margin-left:50%}.col-xs-offset-7[data-v-57b06427]{margin-left:58.33333333%}.col-xs-offset-8[data-v-57b06427]{margin-left:66.66666667%}.col-xs-offset-9[data-v-57b06427]{margin-left:75%}.col-xs-offset-10[data-v-57b06427]{margin-left:83.33333333%}.col-xs-offset-11[data-v-57b06427]{margin-left:91.66666667%}.start-xs[data-v-57b06427]{justify-content:flex-start;text-align:start}.center-xs[data-v-57b06427]{justify-content:center;text-align:center}.end-xs[data-v-57b06427]{justify-content:flex-end;text-align:end}.top-xs[data-v-57b06427]{align-items:flex-start}.middle-xs[data-v-57b06427]{align-items:center}.bottom-xs[data-v-57b06427]{align-items:flex-end}.around-xs[data-v-57b06427]{justify-content:space-around}.between-xs[data-v-57b06427]{justify-content:space-between}.first-xs[data-v-57b06427]{order:-1}.last-xs[data-v-57b06427]{order:1}@media only screen and (min-width: 48rem){.container[data-v-57b06427]{width:48rem}.col-sm[data-v-57b06427],.col-sm-1[data-v-57b06427],.col-sm-2[data-v-57b06427],.col-sm-3[data-v-57b06427],.col-sm-4[data-v-57b06427],.col-sm-5[data-v-57b06427],.col-sm-6[data-v-57b06427],.col-sm-7[data-v-57b06427],.col-sm-8[data-v-57b06427],.col-sm-9[data-v-57b06427],.col-sm-10[data-v-57b06427],.col-sm-11[data-v-57b06427],.col-sm-12[data-v-57b06427],.col-sm-offset-0[data-v-57b06427],.col-sm-offset-1[data-v-57b06427],.col-sm-offset-2[data-v-57b06427],.col-sm-offset-3[data-v-57b06427],.col-sm-offset-4[data-v-57b06427],.col-sm-offset-5[data-v-57b06427],.col-sm-offset-6[data-v-57b06427],.col-sm-offset-7[data-v-57b06427],.col-sm-offset-8[data-v-57b06427],.col-sm-offset-9[data-v-57b06427],.col-sm-offset-10[data-v-57b06427],.col-sm-offset-11[data-v-57b06427],.col-sm-offset-12[data-v-57b06427]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm[data-v-57b06427]{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1[data-v-57b06427]{flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2[data-v-57b06427]{flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3[data-v-57b06427]{flex-basis:25%;max-width:25%}.col-sm-4[data-v-57b06427]{flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5[data-v-57b06427]{flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6[data-v-57b06427]{flex-basis:50%;max-width:50%}.col-sm-7[data-v-57b06427]{flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8[data-v-57b06427]{flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9[data-v-57b06427]{flex-basis:75%;max-width:75%}.col-sm-10[data-v-57b06427]{flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11[data-v-57b06427]{flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12[data-v-57b06427]{flex-basis:100%;max-width:100%}.col-sm-offset-0[data-v-57b06427]{margin-left:0}.col-sm-offset-1[data-v-57b06427]{margin-left:8.33333333%}.col-sm-offset-2[data-v-57b06427]{margin-left:16.66666667%}.col-sm-offset-3[data-v-57b06427]{margin-left:25%}.col-sm-offset-4[data-v-57b06427]{margin-left:33.33333333%}.col-sm-offset-5[data-v-57b06427]{margin-left:41.66666667%}.col-sm-offset-6[data-v-57b06427]{margin-left:50%}.col-sm-offset-7[data-v-57b06427]{margin-left:58.33333333%}.col-sm-offset-8[data-v-57b06427]{margin-left:66.66666667%}.col-sm-offset-9[data-v-57b06427]{margin-left:75%}.col-sm-offset-10[data-v-57b06427]{margin-left:83.33333333%}.col-sm-offset-11[data-v-57b06427]{margin-left:91.66666667%}.start-sm[data-v-57b06427]{justify-content:flex-start;text-align:start}.center-sm[data-v-57b06427]{justify-content:center;text-align:center}.end-sm[data-v-57b06427]{justify-content:flex-end;text-align:end}.top-sm[data-v-57b06427]{align-items:flex-start}.middle-sm[data-v-57b06427]{align-items:center}.bottom-sm[data-v-57b06427]{align-items:flex-end}.around-sm[data-v-57b06427]{justify-content:space-around}.between-sm[data-v-57b06427]{justify-content:space-between}.first-sm[data-v-57b06427]{order:-1}.last-sm[data-v-57b06427]{order:1}}@media only screen and (min-width: 64rem){.container[data-v-57b06427]{width:64rem}.col-md[data-v-57b06427],.col-md-1[data-v-57b06427],.col-md-2[data-v-57b06427],.col-md-3[data-v-57b06427],.col-md-4[data-v-57b06427],.col-md-5[data-v-57b06427],.col-md-6[data-v-57b06427],.col-md-7[data-v-57b06427],.col-md-8[data-v-57b06427],.col-md-9[data-v-57b06427],.col-md-10[data-v-57b06427],.col-md-11[data-v-57b06427],.col-md-12[data-v-57b06427],.col-md-offset-0[data-v-57b06427],.col-md-offset-1[data-v-57b06427],.col-md-offset-2[data-v-57b06427],.col-md-offset-3[data-v-57b06427],.col-md-offset-4[data-v-57b06427],.col-md-offset-5[data-v-57b06427],.col-md-offset-6[data-v-57b06427],.col-md-offset-7[data-v-57b06427],.col-md-offset-8[data-v-57b06427],.col-md-offset-9[data-v-57b06427],.col-md-offset-10[data-v-57b06427],.col-md-offset-11[data-v-57b06427],.col-md-offset-12[data-v-57b06427]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md[data-v-57b06427]{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1[data-v-57b06427]{flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2[data-v-57b06427]{flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3[data-v-57b06427]{flex-basis:25%;max-width:25%}.col-md-4[data-v-57b06427]{flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5[data-v-57b06427]{flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6[data-v-57b06427]{flex-basis:50%;max-width:50%}.col-md-7[data-v-57b06427]{flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8[data-v-57b06427]{flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9[data-v-57b06427]{flex-basis:75%;max-width:75%}.col-md-10[data-v-57b06427]{flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11[data-v-57b06427]{flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12[data-v-57b06427]{flex-basis:100%;max-width:100%}.col-md-offset-0[data-v-57b06427]{margin-left:0}.col-md-offset-1[data-v-57b06427]{margin-left:8.33333333%}.col-md-offset-2[data-v-57b06427]{margin-left:16.66666667%}.col-md-offset-3[data-v-57b06427]{margin-left:25%}.col-md-offset-4[data-v-57b06427]{margin-left:33.33333333%}.col-md-offset-5[data-v-57b06427]{margin-left:41.66666667%}.col-md-offset-6[data-v-57b06427]{margin-left:50%}.col-md-offset-7[data-v-57b06427]{margin-left:58.33333333%}.col-md-offset-8[data-v-57b06427]{margin-left:66.66666667%}.col-md-offset-9[data-v-57b06427]{margin-left:75%}.col-md-offset-10[data-v-57b06427]{margin-left:83.33333333%}.col-md-offset-11[data-v-57b06427]{margin-left:91.66666667%}.start-md[data-v-57b06427]{justify-content:flex-start;text-align:start}.center-md[data-v-57b06427]{justify-content:center;text-align:center}.end-md[data-v-57b06427]{justify-content:flex-end;text-align:end}.top-md[data-v-57b06427]{align-items:flex-start}.middle-md[data-v-57b06427]{align-items:center}.bottom-md[data-v-57b06427]{align-items:flex-end}.around-md[data-v-57b06427]{justify-content:space-around}.between-md[data-v-57b06427]{justify-content:space-between}.first-md[data-v-57b06427]{order:-1}.last-md[data-v-57b06427]{order:1}}@media only screen and (min-width: 75rem){.container[data-v-57b06427]{width:75rem}.col-lg[data-v-57b06427],.col-lg-1[data-v-57b06427],.col-lg-2[data-v-57b06427],.col-lg-3[data-v-57b06427],.col-lg-4[data-v-57b06427],.col-lg-5[data-v-57b06427],.col-lg-6[data-v-57b06427],.col-lg-7[data-v-57b06427],.col-lg-8[data-v-57b06427],.col-lg-9[data-v-57b06427],.col-lg-10[data-v-57b06427],.col-lg-11[data-v-57b06427],.col-lg-12[data-v-57b06427],.col-lg-offset-0[data-v-57b06427],.col-lg-offset-1[data-v-57b06427],.col-lg-offset-2[data-v-57b06427],.col-lg-offset-3[data-v-57b06427],.col-lg-offset-4[data-v-57b06427],.col-lg-offset-5[data-v-57b06427],.col-lg-offset-6[data-v-57b06427],.col-lg-offset-7[data-v-57b06427],.col-lg-offset-8[data-v-57b06427],.col-lg-offset-9[data-v-57b06427],.col-lg-offset-10[data-v-57b06427],.col-lg-offset-11[data-v-57b06427],.col-lg-offset-12[data-v-57b06427]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg[data-v-57b06427]{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1[data-v-57b06427]{flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2[data-v-57b06427]{flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3[data-v-57b06427]{flex-basis:25%;max-width:25%}.col-lg-4[data-v-57b06427]{flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5[data-v-57b06427]{flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6[data-v-57b06427]{flex-basis:50%;max-width:50%}.col-lg-7[data-v-57b06427]{flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8[data-v-57b06427]{flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9[data-v-57b06427]{flex-basis:75%;max-width:75%}.col-lg-10[data-v-57b06427]{flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11[data-v-57b06427]{flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12[data-v-57b06427]{flex-basis:100%;max-width:100%}.col-lg-offset-0[data-v-57b06427]{margin-left:0}.col-lg-offset-1[data-v-57b06427]{margin-left:8.33333333%}.col-lg-offset-2[data-v-57b06427]{margin-left:16.66666667%}.col-lg-offset-3[data-v-57b06427]{margin-left:25%}.col-lg-offset-4[data-v-57b06427]{margin-left:33.33333333%}.col-lg-offset-5[data-v-57b06427]{margin-left:41.66666667%}.col-lg-offset-6[data-v-57b06427]{margin-left:50%}.col-lg-offset-7[data-v-57b06427]{margin-left:58.33333333%}.col-lg-offset-8[data-v-57b06427]{margin-left:66.66666667%}.col-lg-offset-9[data-v-57b06427]{margin-left:75%}.col-lg-offset-10[data-v-57b06427]{margin-left:83.33333333%}.col-lg-offset-11[data-v-57b06427]{margin-left:91.66666667%}.start-lg[data-v-57b06427]{justify-content:flex-start;text-align:start}.center-lg[data-v-57b06427]{justify-content:center;text-align:center}.end-lg[data-v-57b06427]{justify-content:flex-end;text-align:end}.top-lg[data-v-57b06427]{align-items:flex-start}.middle-lg[data-v-57b06427]{align-items:center}.bottom-lg[data-v-57b06427]{align-items:flex-end}.around-lg[data-v-57b06427]{justify-content:space-around}.between-lg[data-v-57b06427]{justify-content:space-between}.first-lg[data-v-57b06427]{order:-1}.last-lg[data-v-57b06427]{order:1}}.p-0[data-v-57b06427]{padding:0rem}.p-0-half[data-v-57b06427]{padding:.125rem}.p-1[data-v-57b06427]{padding:.25rem}.p-1-half[data-v-57b06427]{padding:.375rem}.p-2[data-v-57b06427]{padding:.5rem}.p-2-half[data-v-57b06427]{padding:.625rem}.p-3[data-v-57b06427]{padding:.75rem}.p-4[data-v-57b06427]{padding:1rem}.p-5[data-v-57b06427]{padding:1.25rem}.p-6[data-v-57b06427]{padding:1.5rem}.p-7[data-v-57b06427]{padding:1.75rem}.p-8[data-v-57b06427]{padding:2rem}.p-10[data-v-57b06427]{padding:2.5rem}.py-0[data-v-57b06427]{padding-top:0rem;padding-bottom:0rem}.py-0-half[data-v-57b06427]{padding-top:.125rem;padding-bottom:.125rem}.py-1[data-v-57b06427]{padding-top:.25rem;padding-bottom:.25rem}.py-1-half[data-v-57b06427]{padding-top:.375rem;padding-bottom:.375rem}.py-2-half[data-v-57b06427]{padding-top:.625rem;padding-bottom:.625rem}.py-2[data-v-57b06427]{padding-top:.5rem;padding-bottom:.5rem}.py-3[data-v-57b06427]{padding-top:.75rem;padding-bottom:.75rem}.py-4[data-v-57b06427]{padding-top:1rem;padding-bottom:1rem}.py-5[data-v-57b06427]{padding-top:1.25rem;padding-bottom:1.25rem}.py-6[data-v-57b06427]{padding-top:1.5rem;padding-bottom:1.5rem}.py-7[data-v-57b06427]{padding-top:1.75rem;padding-bottom:1.75rem}.py-8[data-v-57b06427]{padding-top:2rem;padding-bottom:2rem}.py-10[data-v-57b06427]{padding-top:2.5rem;padding-bottom:2.5rem}.px-0[data-v-57b06427]{padding-left:0rem;padding-right:0rem}.px-0-half[data-v-57b06427]{padding-left:.125rem;padding-right:.125rem}.px-1[data-v-57b06427]{padding-left:.25rem;padding-right:.25rem}.px-1-half[data-v-57b06427]{padding-left:.375rem;padding-right:.375rem}.px-2[data-v-57b06427]{padding-left:.5rem;padding-right:.5rem}.px-2-half[data-v-57b06427]{padding-left:.625rem;padding-right:.625rem}.px-3[data-v-57b06427]{padding-left:.75rem;padding-right:.75rem}.px-4[data-v-57b06427]{padding-left:1rem;padding-right:1rem}.px-5[data-v-57b06427]{padding-left:1.25rem;padding-right:1.25rem}.px-6[data-v-57b06427]{padding-left:1.5rem;padding-right:1.5rem}.px-7[data-v-57b06427]{padding-left:1.75rem;padding-right:1.75rem}.px-8[data-v-57b06427]{padding-left:2rem;padding-right:2rem}.px-10[data-v-57b06427]{padding-left:2.5rem;padding-right:2.5rem}.pt-0[data-v-57b06427]{padding-top:0rem}.pt-0-half[data-v-57b06427]{padding-top:.125rem}.pt-1[data-v-57b06427]{padding-top:.25rem}.pt-1-half[data-v-57b06427]{padding-top:.375rem}.pt-2[data-v-57b06427]{padding-top:.5rem}.pt-2-half[data-v-57b06427]{padding-top:.625rem}.pt-3[data-v-57b06427]{padding-top:.75rem}.pt-4[data-v-57b06427]{padding-top:1rem}.pt-5[data-v-57b06427]{padding-top:1.25rem}.pt-6[data-v-57b06427]{padding-top:1.5rem}.pt-7[data-v-57b06427]{padding-top:1.75rem}.pt-8[data-v-57b06427]{padding-top:2rem}.pt-10[data-v-57b06427]{padding-top:2.5rem}.pr-auto[data-v-57b06427]{padding-right:auto}.pr-0[data-v-57b06427]{padding-right:0rem}.pr-0-half[data-v-57b06427]{padding-right:.125rem}.pr-1[data-v-57b06427]{padding-right:.25rem}.pr-1-half[data-v-57b06427]{padding-right:.375rem}.pr-2[data-v-57b06427]{padding-right:.5rem}.pr-2-half[data-v-57b06427]{padding-right:.625rem}.pr-3[data-v-57b06427]{padding-right:.75rem}.pr-4[data-v-57b06427]{padding-right:1rem}.pr-5[data-v-57b06427]{padding-right:1.25rem}.pr-6[data-v-57b06427]{padding-right:1.5rem}.pr-7[data-v-57b06427]{padding-right:1.75rem}.pr-8[data-v-57b06427]{padding-right:2rem}.pr-10[data-v-57b06427]{padding-right:2.5rem}.pb-0[data-v-57b06427]{padding-bottom:0rem}.pb-0-half[data-v-57b06427]{padding-bottom:.125rem}.pb-1[data-v-57b06427]{padding-bottom:.25rem}.pb-1-half[data-v-57b06427]{padding-bottom:.375rem}.pb-2[data-v-57b06427]{padding-bottom:.5rem}.pb-2-half[data-v-57b06427]{padding-bottom:.625rem}.pb-3[data-v-57b06427]{padding-bottom:.75rem}.pb-4[data-v-57b06427]{padding-bottom:1rem}.pb-5[data-v-57b06427]{padding-bottom:1.25rem}.pb-6[data-v-57b06427]{padding-bottom:1.5rem}.pb-8[data-v-57b06427]{padding-bottom:2rem}.pb-7[data-v-57b06427]{padding-bottom:1.75rem}.pb-10[data-v-57b06427]{padding-bottom:2.5rem}.pl-auto[data-v-57b06427]{padding-left:auto}.pl-0[data-v-57b06427]{padding-left:0rem}.pl-0-half[data-v-57b06427]{padding-left:.125rem}.pl-1[data-v-57b06427]{padding-left:.25rem}.pl-1-half[data-v-57b06427]{padding-left:.375rem}.pl-2[data-v-57b06427]{padding-left:.5rem}.pl-2-half[data-v-57b06427]{padding-left:.625rem}.pl-3[data-v-57b06427]{padding-left:.75rem}.pl-4[data-v-57b06427]{padding-left:1rem}.pl-5[data-v-57b06427]{padding-left:1.25rem}.pl-6[data-v-57b06427]{padding-left:1.5rem}.pl-7[data-v-57b06427]{padding-left:1.75rem}.pl-8[data-v-57b06427]{padding-left:2rem}.pl-10[data-v-57b06427]{padding-left:2.5rem}.m-auto[data-v-57b06427]{margin:auto}.m-0[data-v-57b06427]{margin:0rem}.m-0-half[data-v-57b06427]{margin:.125rem}.m-1[data-v-57b06427]{margin:.25rem}.m-1-half[data-v-57b06427]{margin:.375rem}.m-2[data-v-57b06427]{margin:.5rem}.m-2-half[data-v-57b06427]{margin:.625rem}.m-3[data-v-57b06427]{margin:.75rem}.m-4[data-v-57b06427]{margin:1rem}.m-5[data-v-57b06427]{margin:1.25rem}.m-6[data-v-57b06427]{margin:1.5rem}.m-7[data-v-57b06427]{margin:1.75rem}.m-8[data-v-57b06427]{margin:2rem}.m-10[data-v-57b06427]{margin:2.5rem}.my-auto[data-v-57b06427]{margin-top:auto;margin-bottom:auto}.my-0[data-v-57b06427]{margin-top:0rem;margin-bottom:0rem}.my-0-half[data-v-57b06427]{margin-top:.125rem;margin-bottom:.125rem}.my-1[data-v-57b06427]{margin-top:.25rem;margin-bottom:.25rem}.my-1-half[data-v-57b06427]{margin-top:.375rem;margin-bottom:.375rem}.my-2[data-v-57b06427]{margin-top:.5rem;margin-bottom:.5rem}.my-2-half[data-v-57b06427]{margin-top:.625rem;margin-bottom:.625rem}.my-3[data-v-57b06427]{margin-top:.75rem;margin-bottom:.75rem}.my-4[data-v-57b06427]{margin-top:1rem;margin-bottom:1rem}.my-5[data-v-57b06427]{margin-top:1.25rem;margin-bottom:1.25rem}.my-6[data-v-57b06427]{margin-top:1.5rem;margin-bottom:1.5rem}.my-7[data-v-57b06427]{margin-top:1.75rem;margin-bottom:1.75rem}.my-8[data-v-57b06427]{margin-top:2rem;margin-bottom:2rem}.my-10[data-v-57b06427]{margin-top:2.5rem;margin-bottom:2.5rem}.mx-auto[data-v-57b06427]{margin-left:auto;margin-right:auto}.mx-0[data-v-57b06427]{margin-left:0rem;margin-right:0rem}.mx-0-half[data-v-57b06427]{margin-left:.125rem;margin-right:.125rem}.mx-1[data-v-57b06427]{margin-left:.25rem;margin-right:.25rem}.mx-1-half[data-v-57b06427]{margin-left:.375rem;margin-right:.375rem}.mx-2[data-v-57b06427]{margin-left:.5rem;margin-right:.5rem}.mx-2-half[data-v-57b06427]{margin-left:.625rem;margin-right:.625rem}.mx-3[data-v-57b06427]{margin-left:.75rem;margin-right:.75rem}.mx-4[data-v-57b06427]{margin-left:1rem;margin-right:1rem}.mx-5[data-v-57b06427]{margin-left:1.25rem;margin-right:1.25rem}.mx-6[data-v-57b06427]{margin-left:1.5rem;margin-right:1.5rem}.mx-7[data-v-57b06427]{margin-left:1.75rem;margin-right:1.75rem}.mx-8[data-v-57b06427]{margin-left:2rem;margin-right:2rem}.mx-10[data-v-57b06427]{margin-left:2.5rem;margin-right:2.5rem}.mt-0[data-v-57b06427]{margin-top:0rem}.mt-0-half[data-v-57b06427]{margin-top:.125rem}.mt-1[data-v-57b06427]{margin-top:.25rem}.mt-1-half[data-v-57b06427]{margin-top:.375rem}.mt-2[data-v-57b06427]{margin-top:.5rem}.mt-2-half[data-v-57b06427]{margin-top:.625rem}.mt-3[data-v-57b06427]{margin-top:.75rem}.mt-4[data-v-57b06427]{margin-top:1rem}.mt-5[data-v-57b06427]{margin-top:1.25rem}.mt-6[data-v-57b06427]{margin-top:1.5rem}.mt-7[data-v-57b06427]{margin-top:1.75rem}.mt-8[data-v-57b06427]{margin-top:2rem}.mt-10[data-v-57b06427]{margin-top:2.5rem}.mr-auto[data-v-57b06427]{margin-right:auto}.mr-0[data-v-57b06427]{margin-right:0rem}.mr-0-half[data-v-57b06427]{margin-right:.125rem}.mr-1[data-v-57b06427]{margin-right:.25rem}.mr-1-half[data-v-57b06427]{margin-right:.375rem}.mr-2[data-v-57b06427]{margin-right:.5rem}.mr-2-half[data-v-57b06427]{margin-right:.625rem}.mr-3[data-v-57b06427]{margin-right:.75rem}.mr-4[data-v-57b06427]{margin-right:1rem}.mr-5[data-v-57b06427]{margin-right:1.25rem}.mr-6[data-v-57b06427]{margin-right:1.5rem}.mr-7[data-v-57b06427]{margin-right:1.75rem}.mr-8[data-v-57b06427]{margin-right:2rem}.mr-10[data-v-57b06427]{margin-right:2.5rem}.mb-0[data-v-57b06427]{margin-bottom:0rem}.mb-0-half[data-v-57b06427]{margin-bottom:.125rem}.mb-1[data-v-57b06427]{margin-bottom:.25rem}.mb-1-half[data-v-57b06427]{margin-bottom:.375rem}.mb-2[data-v-57b06427]{margin-bottom:.5rem}.mb-2-half[data-v-57b06427]{margin-bottom:.625rem}.mb-3[data-v-57b06427]{margin-bottom:.75rem}.mb-4[data-v-57b06427]{margin-bottom:1rem}.mb-5[data-v-57b06427]{margin-bottom:1.25rem}.mb-6[data-v-57b06427]{margin-bottom:1.5rem}.mb-7[data-v-57b06427]{margin-bottom:1.75rem}.mb-8[data-v-57b06427]{margin-bottom:2rem}.mb-10[data-v-57b06427]{margin-bottom:2.5rem}.ml-auto[data-v-57b06427]{margin-left:auto}.ml-0[data-v-57b06427]{margin-left:0rem}.ml-0-half[data-v-57b06427]{margin-left:.125rem}.ml-1[data-v-57b06427]{margin-left:.25rem}.ml-1-half[data-v-57b06427]{margin-left:.375rem}.ml-2[data-v-57b06427]{margin-left:.5rem}.ml-2-half[data-v-57b06427]{margin-left:.625rem}.ml-3[data-v-57b06427]{margin-left:.75rem}.ml-4[data-v-57b06427]{margin-left:1rem}.ml-5[data-v-57b06427]{margin-left:1.25rem}.ml-6[data-v-57b06427]{margin-left:1.5rem}.ml-7[data-v-57b06427]{margin-left:1.75rem}.ml-8[data-v-57b06427]{margin-left:2rem}.ml-10[data-v-57b06427]{margin-left:2.5rem}.shadow--card[data-v-57b06427]{box-shadow:0 1px 6px #444b5508;box-shadow:0 1px 10px #444b5508}.shadow--notification[data-v-57b06427]{box-shadow:0 1px 4px 2px #9194981f}.shadow--dropdown[data-v-57b06427]{box-shadow:0 0 8px 3px #696c7212;box-shadow:0 1px 4px #696c7226}.shadow--top-navigation[data-v-57b06427]{box-shadow:0 4px 6px #0000001a}.shadow--modal[data-v-57b06427]{box-shadow:0 10px 10px 2px #444b5521;box-shadow:0 5px 28px #444b5529}.elevation--neg[data-v-57b06427]{z-index:-1}.elevation--0[data-v-57b06427]{z-index:0}.elevation--1[data-v-57b06427]{z-index:1}.elevation--2[data-v-57b06427]{z-index:10}.elevation--3[data-v-57b06427]{z-index:100}.elevation--4[data-v-57b06427]{z-index:1000}@keyframes old-skeleton-blink-57b06427{50%{opacity:.3}}@keyframes skeleton-blink-57b06427{50%{background-color:#e7e7e8}}@keyframes skeleton-blink-dark-57b06427{50%{background-color:#c8c9f3}}@keyframes color-blink-57b06427{50%{color:#919498}}.icons-section[data-v-57b06427]{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #343941}.icons-row[data-v-57b06427]{display:grid;grid-template-columns:4fr 32px 1fr 32px;align-items:center;grid-gap:32px;cursor:pointer;margin:16px auto}.icons-row h6[data-v-57b06427]:hover{text-decoration:underline}.icons-row p[data-v-57b06427]{text-align:right}.images-container[data-v-57b06427]{display:grid;grid-template-columns:1fr 50%;gap:1rem}.images-wrapper[data-v-57b06427]{display:grid;gap:.5rem;background-color:#fff;padding:.5rem;text-align:center}.images-wrapper h6[data-v-57b06427]:hover{text-decoration:underline}.radio-group-wrapper[data-v-57b06427]{padding:2rem;background-color:#fff;box-shadow:0 1px 2px #818489}[data-v-57b06427] .sam-datetimepicker{width:100%}[data-v-57b06427] .sam-datetimepicker.sam-menu .menu__content{min-width:max-content;max-width:max-content;padding:0}[data-v-57b06427] .sam-datetimepicker .sam-datetimepicker__menu-activator .sam-input__input,[data-v-57b06427] .sam-datetimepicker .sam-datetimepicker__menu-activator .sam-datetimepicker__input{cursor:pointer}[data-v-57b06427] .sam-datetimepicker .sam-datetimepicker__menu-activator.is-disabled{cursor:not-allowed}

package/storybook-static/assets/SamDateTimePicker.stories-Bm5wMzfx.js

@@ -0,0 +1,116 @@
+import{S as O,D as l}from"./SamCalendar-CwW-9bRF.js";import{S as w}from"./SamMenu-CZKrfrlj.js";import{S as x}from"./SamInput-DcBYT1Is.js";import{f as j}from"./formatData-DtsxdQc4.js";import{l as f,o as B,j as R,w as y,m,a as q,u as D,x as E,t as A,r as o}from"./vue.esm-bundler-D2bhyrl5.js";import{_ as N}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{S as M}from"./SamFormGroup-CfqLA8Vv.js";import"./index-CLQ_oLGC.js";import"./floating-ui.dom-IVC6gSpJ.js";import"./SamIcon-DNFsVC99.js";import"./iframe-pXj8qGB8.js";import"../sb-preview/runtime.js";import"./dynamic-import-helper-BheWnx7M.js";import"./samora-styles.enum-rngfnCTj.js";import"./samora-types.enum-oDRsQA-S.js";const S=e=>Object.values(l).includes(e),G={name:"SamDateTimePicker",components:{SamInput:x,SamCalendar:O,SamMenu:w},emits:["change","open","close","update:modelValue"],props:{menuProps:{type:Object,default:()=>({closeOnContentClick:!1})},inputProps:{type:Object,default:()=>({})},calendarProps:{type:Object,default:()=>({})},mode:{type:String,default:null,validator:S},modelValue:{type:[Date,Array],default:null},displayDateFormat:{type:String,default:null},placeholder:{type:String,default:null},onlyDate:{type:Boolean,required:!1,default:!1},onlyTime:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1},withClear:{type:Boolean,required:!1,default:!0}},computed:{datepickerMode(){var e;return S(this.mode)?this.mode:S((e=this.calendarProps)==null?void 0:e.mode)?this.calendarProps.mode:l.SINGLE},dateFormat(){var e,t;return this.displayDateFormat?`${this.displayDateFormat}`:this.onlyDate||(e=this.calendarProps)!=null&&e.onlyDate?"Y-m-d":this.onlyTime||(t=this.calendarProps)!=null&&t.onlyTime?"H:i":"Y-m-d H:i"},calendarBoundProps(){return{...this.calendarProps,mode:this.datepickerMode}},displayDate(){var t,a,r,p,n;if(this.datepickerMode===l.SINGLE)return this.formatDate(this.modelValue);const e=(p=(a=(t=this.modelValue)==null?void 0:t.map)==null?void 0:(r=a.call(t,this.formatDate)).filter)==null?void 0:p.call(r,c=>!!c);return e!=null&&e.length?this.datepickerMode===l.MULTIPLE?e.join(`${((n=this.calendarBoundProps)==null?void 0:n.multipleModeSeparator)??", "}`):this.datepickerMode===l.RANGE?e.join(" to "):null:null}},methods:{onCalendarDateChange(e){this.$emit("change",e),this.$emit("update:modelValue",e)},onMenuOpen(e){this.$emit("open",e)},onMenuClose(e){this.$emit("close",e)},onInputClear(e){e.stopPropagation(),this.$emit("change",Array.isArray(this.modelValue)?[]:null),this.$emit("update:modelValue",Array.isArray(this.modelValue)?[]:null),this.$refs.calendar.clear()},formatDate(e){return j(e,this.dateFormat)}}};function L(e,t,a,r,p,n){const c=f("SamInput"),_=f("SamCalendar"),V=f("SamMenu");return B(),R(V,m({class:"sam-datetimepicker"},a.menuProps,{onOpen:n.onMenuOpen,onClose:n.onMenuClose}),{activator:y(({on:I})=>[q("a",m({class:["sam-datetimepicker__menu-activator",{"is-disabled":a.disabled}]},A(a.disabled?{}:I,!0),{onClick:t[0]||(t[0]=E(()=>{},["prevent"]))}),[D(c,m(a.inputProps,{class:"sam-datetimepicker__input",readonly:"",clearable:a.withClear,disabled:a.disabled,placeholder:a.placeholder,value:n.displayDate,onClear:n.onInputClear}),null,16,["clearable","disabled","placeholder","value","onClear"])],16)]),default:y(()=>[D(_,m(n.calendarBoundProps,{ref:"calendar","model-value":a.modelValue,class:"sam-datetimepicker__calendar","only-date":a.onlyDate,"only-time":a.onlyTime,onChange:n.onCalendarDateChange}),null,16,["model-value","only-date","only-time","onChange"])]),_:1},16,["onOpen","onClose"])}const u=N(G,[["render",L],["__scopeId","data-v-57b06427"]]);G.__docgenInfo={displayName:"SamDateTimePicker",exportName:"default",description:"",tags:{},props:[{name:"menuProps",description:"Props to be bound to SamMenu component. See SamMenu component props.",type:{name:"object"},defaultValue:{func:!1,value:`{
+  closeOnContentClick: false
+}`}},{name:"inputProps",description:"Props to be bound to SamInput component. See SamInput component props.",type:{name:"object"},defaultValue:{func:!1,value:"{}"}},{name:"calendarProps",description:"Props to be bound to SamCalendar component. See SamCalendar component props.",type:{name:"object"},defaultValue:{func:!1,value:"{}"}},{name:"mode",description:"Calendar mode to be assigned",tags:{},values:['"single"','"range"','"multiple"'],type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"v-model",description:"The component's model value",tags:{model:[{description:!0,title:"model"}]},type:{name:"date|array"},defaultValue:{func:!1,value:"null"}},{name:"displayDateFormat",description:"The date format to be displayed in the input. It accepts flatpickr date formats.",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"placeholder",description:"The Datepicker's input placeholder.",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"onlyDate",description:"If the Calendar should be for dates only",tags:{},values:["true","false"],type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"onlyTime",description:"If the Calendar should be for time only",tags:{},values:["true","false"],type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"disabled",description:"Disables the input",tags:{},values:["true","false"],type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"withClear",description:"If the Select should display a clear input button",tags:{},values:["true","false"],type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}}],events:[{name:"change",type:{names:["undefined"]}},{name:"open",type:{names:["undefined"]}},{name:"close",type:{names:["undefined"]}},{name:"update:modelValue",type:{names:["undefined"]}}],sourceFiles:["/Users/michelafederico/WebstormProjects/Unbabel/samora/vue3-components/src/components/Molecules/SamDateTimePicker/SamDateTimePicker.vue"]};const le={component:u,tags:["autodocs"],argTypes:{mode:{control:"select",options:Object.values(l)},onlyDate:{control:"boolean"}}},s={name:"Date and Time Picker",render:e=>({components:{SamDateTimePicker:u},setup(){const t=o(new Date);return{args:e,date:t}},template:`    
+        <SamDateTimePicker v-model='date'/>
+        <p class="mt-2 text--caption">Data: {{ date }}</p>
+    `})},i={name:"DateTimePicker States",render:e=>({components:{SamDateTimePicker:u,SamFormGroup:M},setup(){const t=o(null),a=o(null);return{args:e,onlyDate:t,onlyTime:a}},template:`    
+      <div style='display: flex;gap:24px;'>
+        <SamFormGroup label='Disabled'>
+          <SamDateTimePicker :value='new Date()' disabled />
+        </SamFormGroup>        
+      <br/>
+      <div style='width:100%'>
+        <SamFormGroup label='Only date' :message="onlyDate || '--'">
+            <SamDateTimePicker v-model='onlyDate' only-date />
+        </SamFormGroup>
+        </div>
+        <div style='width:100%'>
+        <SamFormGroup label='Only time' :message="onlyTime || '--'">
+            <SamDateTimePicker v-model='onlyTime' only-time />
+        </SamFormGroup>
+        </div>
+      </div>        
+     `})},d={name:"DateTimePicker Modes",render:e=>({components:{SamDateTimePicker:u,SamFormGroup:M},setup(){const t=o(null),a=o(null),r=o(null);return{args:e,dateSingle:t,dateRange:a,dateMultiple:r}},template:`    
+        <SamFormGroup label='Single'>
+        <SamDateTimePicker v-model='dateSingle' mode='single' />
+        </SamFormGroup>
+        <SamFormGroup label='Multiple'>
+        <SamDateTimePicker v-model='dateMultiple' mode='multiple' />
+        </SamFormGroup>
+        <SamFormGroup label='Range'>
+        <SamDateTimePicker v-model='dateRange' mode='range' />
+        </SamFormGroup>
+    `})};var h,g,v;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  name: "Date and Time Picker",
+  render: args => ({
+    components: {
+      SamDateTimePicker
+    },
+    setup() {
+      const date = ref<null | Date>(new Date());
+      return {
+        args,
+        date
+      };
+    },
+    template: \`    
+        <SamDateTimePicker v-model='date'/>
+        <p class="mt-2 text--caption">Data: {{ date }}</p>
+    \`
+  })
+}`,...(v=(g=s.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var b,P,T;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  name: "DateTimePicker States",
+  render: args => ({
+    components: {
+      SamDateTimePicker,
+      SamFormGroup
+    },
+    setup() {
+      const onlyDate = ref(null);
+      const onlyTime = ref(null);
+      return {
+        args,
+        onlyDate,
+        onlyTime
+      };
+    },
+    template: \`    
+      <div style='display: flex;gap:24px;'>
+        <SamFormGroup label='Disabled'>
+          <SamDateTimePicker :value='new Date()' disabled />
+        </SamFormGroup>        
+      <br/>
+      <div style='width:100%'>
+        <SamFormGroup label='Only date' :message="onlyDate || '--'">
+            <SamDateTimePicker v-model='onlyDate' only-date />
+        </SamFormGroup>
+        </div>
+        <div style='width:100%'>
+        <SamFormGroup label='Only time' :message="onlyTime || '--'">
+            <SamDateTimePicker v-model='onlyTime' only-time />
+        </SamFormGroup>
+        </div>
+      </div>        
+     \`
+  })
+}`,...(T=(P=i.parameters)==null?void 0:P.docs)==null?void 0:T.source}}};var k,C,F;d.parameters={...d.parameters,docs:{...(k=d.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  name: "DateTimePicker Modes",
+  render: args => ({
+    components: {
+      SamDateTimePicker,
+      SamFormGroup
+    },
+    setup() {
+      const dateSingle = ref(null);
+      const dateRange = ref(null);
+      const dateMultiple = ref(null);
+      return {
+        args,
+        dateSingle,
+        dateRange,
+        dateMultiple
+      };
+    },
+    template: \`    
+        <SamFormGroup label='Single'>
+        <SamDateTimePicker v-model='dateSingle' mode='single' />
+        </SamFormGroup>
+        <SamFormGroup label='Multiple'>
+        <SamDateTimePicker v-model='dateMultiple' mode='multiple' />
+        </SamFormGroup>
+        <SamFormGroup label='Range'>
+        <SamDateTimePicker v-model='dateRange' mode='range' />
+        </SamFormGroup>
+    \`
+  })
+}`,...(F=(C=d.parameters)==null?void 0:C.docs)==null?void 0:F.source}}};const oe=["DateTimePicker","DateTimePickerStates","DateTimePickerModes"];export{s as DateTimePicker,d as DateTimePickerModes,i as DateTimePickerStates,oe as __namedExportsOrder,le as default};

package/storybook-static/assets/SamEmptyState-BlQFrPon.css

@@ -0,0 +1 @@
+.text--overline[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:500;text-transform:uppercase;letter-spacing:.08rem}.text--caption--mini[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.375rem;line-height:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.025rem}.text--caption[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:400}.text--caption--medium[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:500}.text--caption--demi[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:600}.text--button[data-v-a4d7f9bf],.text--title[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}.text--body-1[data-v-a4d7f9bf],.sam-empty-state__subtitle[data-v-a4d7f9bf],.sam-empty-state[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:400}.text--body-1--medium[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:500}.text--body-2[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:400}.text--body-2--medium[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:500}.text--body-3[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:600}.text--subtitle[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:600}h6[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}h5[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:600}h4[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.5rem;line-height:2rem;font-weight:600}h3[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.75rem;line-height:2.25rem;font-weight:600}h2[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2rem;line-height:2.5rem;font-weight:600}h1[data-v-a4d7f9bf]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2.25rem;line-height:2.75rem;font-weight:600}.text--ellipse[data-v-a4d7f9bf]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-center[data-v-a4d7f9bf]{text-align:center}.text--bold[data-v-a4d7f9bf]{font-weight:600}.text--primary[data-v-a4d7f9bf]{color:#3843d0}.text--secondary[data-v-a4d7f9bf]{color:#9152ae}.text--success[data-v-a4d7f9bf]{color:#1a8752}.text--error[data-v-a4d7f9bf]{color:#e90c37}.text--warning[data-v-a4d7f9bf]{color:#eb611c}.text--light[data-v-a4d7f9bf]{color:#696c72}.text--black[data-v-a4d7f9bf]{color:#000}.text--white[data-v-a4d7f9bf]{color:#fff}.w-100[data-v-a4d7f9bf]{width:100%}.h-100[data-v-a4d7f9bf]{height:100%}.d-block[data-v-a4d7f9bf]{display:block}.d-inline[data-v-a4d7f9bf]{display:inline}.d-inline-block[data-v-a4d7f9bf]{display:inline-block}.d-flex[data-v-a4d7f9bf],.sam-empty-state__footer[data-v-a4d7f9bf],.sam-empty-state__body[data-v-a4d7f9bf]{display:flex}.d-inline-flex[data-v-a4d7f9bf]{display:inline-flex}.d-none[data-v-a4d7f9bf]{display:none}.wrap-flex[data-v-a4d7f9bf]{flex-wrap:wrap}.flex-center[data-v-a4d7f9bf],.items-center[data-v-a4d7f9bf]{align-items:center}.flex-start[data-v-a4d7f9bf],.items-start[data-v-a4d7f9bf]{align-items:flex-start}.flex-end[data-v-a4d7f9bf],.items-end[data-v-a4d7f9bf]{align-items:flex-end}.flex-baseline[data-v-a4d7f9bf],.items-baseline[data-v-a4d7f9bf]{align-items:baseline}.justify-center[data-v-a4d7f9bf]{justify-content:center}.justify-start[data-v-a4d7f9bf]{justify-content:flex-start}.justify-end[data-v-a4d7f9bf]{justify-content:flex-end}.justify-between[data-v-a4d7f9bf]{justify-content:space-between}.flex-column[data-v-a4d7f9bf]{flex-direction:column}.gap-0[data-v-a4d7f9bf]{gap:0rem}.gap-1[data-v-a4d7f9bf]{gap:.25rem}.gap-1-half[data-v-a4d7f9bf]{gap:.375rem}.gap-2[data-v-a4d7f9bf]{gap:.5rem}.gap-3[data-v-a4d7f9bf]{gap:.75rem}.gap-4[data-v-a4d7f9bf]{gap:1rem}.gap-5[data-v-a4d7f9bf]{gap:1.25rem}.gap-6[data-v-a4d7f9bf]{gap:1.5rem}.gap-7[data-v-a4d7f9bf]{gap:1.75rem}.gap-8[data-v-a4d7f9bf]{gap:2rem}.gap-10[data-v-a4d7f9bf]{gap:2.5rem}.grow[data-v-a4d7f9bf]{flex-grow:1}.grow-0[data-v-a4d7f9bf]{flex-grow:0}.container-fluid[data-v-a4d7f9bf],.container[data-v-a4d7f9bf]{margin-right:auto;margin-left:auto}.container-fluid[data-v-a4d7f9bf]{padding-right:1rem;padding-left:1rem}.row[data-v-a4d7f9bf]{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse[data-v-a4d7f9bf]{flex-direction:row-reverse}.col.reverse[data-v-a4d7f9bf]{flex-direction:column-reverse}.col-xs[data-v-a4d7f9bf],.col-xs-1[data-v-a4d7f9bf],.col-xs-2[data-v-a4d7f9bf],.col-xs-3[data-v-a4d7f9bf],.col-xs-4[data-v-a4d7f9bf],.col-xs-5[data-v-a4d7f9bf],.col-xs-6[data-v-a4d7f9bf],.col-xs-7[data-v-a4d7f9bf],.col-xs-8[data-v-a4d7f9bf],.col-xs-9[data-v-a4d7f9bf],.col-xs-10[data-v-a4d7f9bf],.col-xs-11[data-v-a4d7f9bf],.col-xs-12[data-v-a4d7f9bf],.col-xs-offset-0[data-v-a4d7f9bf],.col-xs-offset-1[data-v-a4d7f9bf],.col-xs-offset-2[data-v-a4d7f9bf],.col-xs-offset-3[data-v-a4d7f9bf],.col-xs-offset-4[data-v-a4d7f9bf],.col-xs-offset-5[data-v-a4d7f9bf],.col-xs-offset-6[data-v-a4d7f9bf],.col-xs-offset-7[data-v-a4d7f9bf],.col-xs-offset-8[data-v-a4d7f9bf],.col-xs-offset-9[data-v-a4d7f9bf],.col-xs-offset-10[data-v-a4d7f9bf],.col-xs-offset-11[data-v-a4d7f9bf],.col-xs-offset-12[data-v-a4d7f9bf]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs[data-v-a4d7f9bf]{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1[data-v-a4d7f9bf]{flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2[data-v-a4d7f9bf]{flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3[data-v-a4d7f9bf]{flex-basis:25%;max-width:25%}.col-xs-4[data-v-a4d7f9bf]{flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5[data-v-a4d7f9bf]{flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6[data-v-a4d7f9bf]{flex-basis:50%;max-width:50%}.col-xs-7[data-v-a4d7f9bf]{flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8[data-v-a4d7f9bf]{flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9[data-v-a4d7f9bf]{flex-basis:75%;max-width:75%}.col-xs-10[data-v-a4d7f9bf]{flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11[data-v-a4d7f9bf]{flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12[data-v-a4d7f9bf]{flex-basis:100%;max-width:100%}.col-xs-offset-0[data-v-a4d7f9bf]{margin-left:0}.col-xs-offset-1[data-v-a4d7f9bf]{margin-left:8.33333333%}.col-xs-offset-2[data-v-a4d7f9bf]{margin-left:16.66666667%}.col-xs-offset-3[data-v-a4d7f9bf]{margin-left:25%}.col-xs-offset-4[data-v-a4d7f9bf]{margin-left:33.33333333%}.col-xs-offset-5[data-v-a4d7f9bf]{margin-left:41.66666667%}.col-xs-offset-6[data-v-a4d7f9bf]{margin-left:50%}.col-xs-offset-7[data-v-a4d7f9bf]{margin-left:58.33333333%}.col-xs-offset-8[data-v-a4d7f9bf]{margin-left:66.66666667%}.col-xs-offset-9[data-v-a4d7f9bf]{margin-left:75%}.col-xs-offset-10[data-v-a4d7f9bf]{margin-left:83.33333333%}.col-xs-offset-11[data-v-a4d7f9bf]{margin-left:91.66666667%}.start-xs[data-v-a4d7f9bf]{justify-content:flex-start;text-align:start}.center-xs[data-v-a4d7f9bf],.sam-empty-state__footer[data-v-a4d7f9bf]{justify-content:center;text-align:center}.end-xs[data-v-a4d7f9bf]{justify-content:flex-end;text-align:end}.top-xs[data-v-a4d7f9bf]{align-items:flex-start}.middle-xs[data-v-a4d7f9bf]{align-items:center}.bottom-xs[data-v-a4d7f9bf]{align-items:flex-end}.around-xs[data-v-a4d7f9bf]{justify-content:space-around}.between-xs[data-v-a4d7f9bf]{justify-content:space-between}.first-xs[data-v-a4d7f9bf]{order:-1}.last-xs[data-v-a4d7f9bf]{order:1}@media only screen and (min-width: 48rem){.container[data-v-a4d7f9bf]{width:48rem}.col-sm[data-v-a4d7f9bf],.col-sm-1[data-v-a4d7f9bf],.col-sm-2[data-v-a4d7f9bf],.col-sm-3[data-v-a4d7f9bf],.col-sm-4[data-v-a4d7f9bf],.col-sm-5[data-v-a4d7f9bf],.col-sm-6[data-v-a4d7f9bf],.col-sm-7[data-v-a4d7f9bf],.col-sm-8[data-v-a4d7f9bf],.col-sm-9[data-v-a4d7f9bf],.col-sm-10[data-v-a4d7f9bf],.col-sm-11[data-v-a4d7f9bf],.col-sm-12[data-v-a4d7f9bf],.col-sm-offset-0[data-v-a4d7f9bf],.col-sm-offset-1[data-v-a4d7f9bf],.col-sm-offset-2[data-v-a4d7f9bf],.col-sm-offset-3[data-v-a4d7f9bf],.col-sm-offset-4[data-v-a4d7f9bf],.col-sm-offset-5[data-v-a4d7f9bf],.col-sm-offset-6[data-v-a4d7f9bf],.col-sm-offset-7[data-v-a4d7f9bf],.col-sm-offset-8[data-v-a4d7f9bf],.col-sm-offset-9[data-v-a4d7f9bf],.col-sm-offset-10[data-v-a4d7f9bf],.col-sm-offset-11[data-v-a4d7f9bf],.col-sm-offset-12[data-v-a4d7f9bf]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm[data-v-a4d7f9bf]{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1[data-v-a4d7f9bf]{flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2[data-v-a4d7f9bf]{flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3[data-v-a4d7f9bf]{flex-basis:25%;max-width:25%}.col-sm-4[data-v-a4d7f9bf]{flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5[data-v-a4d7f9bf]{flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6[data-v-a4d7f9bf]{flex-basis:50%;max-width:50%}.col-sm-7[data-v-a4d7f9bf]{flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8[data-v-a4d7f9bf]{flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9[data-v-a4d7f9bf]{flex-basis:75%;max-width:75%}.col-sm-10[data-v-a4d7f9bf]{flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11[data-v-a4d7f9bf]{flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12[data-v-a4d7f9bf]{flex-basis:100%;max-width:100%}.col-sm-offset-0[data-v-a4d7f9bf]{margin-left:0}.col-sm-offset-1[data-v-a4d7f9bf]{margin-left:8.33333333%}.col-sm-offset-2[data-v-a4d7f9bf]{margin-left:16.66666667%}.col-sm-offset-3[data-v-a4d7f9bf]{margin-left:25%}.col-sm-offset-4[data-v-a4d7f9bf]{margin-left:33.33333333%}.col-sm-offset-5[data-v-a4d7f9bf]{margin-left:41.66666667%}.col-sm-offset-6[data-v-a4d7f9bf]{margin-left:50%}.col-sm-offset-7[data-v-a4d7f9bf]{margin-left:58.33333333%}.col-sm-offset-8[data-v-a4d7f9bf]{margin-left:66.66666667%}.col-sm-offset-9[data-v-a4d7f9bf]{margin-left:75%}.col-sm-offset-10[data-v-a4d7f9bf]{margin-left:83.33333333%}.col-sm-offset-11[data-v-a4d7f9bf]{margin-left:91.66666667%}.start-sm[data-v-a4d7f9bf]{justify-content:flex-start;text-align:start}.center-sm[data-v-a4d7f9bf]{justify-content:center;text-align:center}.end-sm[data-v-a4d7f9bf]{justify-content:flex-end;text-align:end}.top-sm[data-v-a4d7f9bf]{align-items:flex-start}.middle-sm[data-v-a4d7f9bf]{align-items:center}.bottom-sm[data-v-a4d7f9bf]{align-items:flex-end}.around-sm[data-v-a4d7f9bf]{justify-content:space-around}.between-sm[data-v-a4d7f9bf]{justify-content:space-between}.first-sm[data-v-a4d7f9bf]{order:-1}.last-sm[data-v-a4d7f9bf]{order:1}}@media only screen and (min-width: 64rem){.container[data-v-a4d7f9bf]{width:64rem}.col-md[data-v-a4d7f9bf],.col-md-1[data-v-a4d7f9bf],.col-md-2[data-v-a4d7f9bf],.col-md-3[data-v-a4d7f9bf],.col-md-4[data-v-a4d7f9bf],.col-md-5[data-v-a4d7f9bf],.col-md-6[data-v-a4d7f9bf],.col-md-7[data-v-a4d7f9bf],.col-md-8[data-v-a4d7f9bf],.col-md-9[data-v-a4d7f9bf],.col-md-10[data-v-a4d7f9bf],.col-md-11[data-v-a4d7f9bf],.col-md-12[data-v-a4d7f9bf],.col-md-offset-0[data-v-a4d7f9bf],.col-md-offset-1[data-v-a4d7f9bf],.col-md-offset-2[data-v-a4d7f9bf],.col-md-offset-3[data-v-a4d7f9bf],.col-md-offset-4[data-v-a4d7f9bf],.col-md-offset-5[data-v-a4d7f9bf],.col-md-offset-6[data-v-a4d7f9bf],.col-md-offset-7[data-v-a4d7f9bf],.col-md-offset-8[data-v-a4d7f9bf],.col-md-offset-9[data-v-a4d7f9bf],.col-md-offset-10[data-v-a4d7f9bf],.col-md-offset-11[data-v-a4d7f9bf],.col-md-offset-12[data-v-a4d7f9bf]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md[data-v-a4d7f9bf]{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1[data-v-a4d7f9bf]{flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2[data-v-a4d7f9bf]{flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3[data-v-a4d7f9bf]{flex-basis:25%;max-width:25%}.col-md-4[data-v-a4d7f9bf]{flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5[data-v-a4d7f9bf]{flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6[data-v-a4d7f9bf]{flex-basis:50%;max-width:50%}.col-md-7[data-v-a4d7f9bf]{flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8[data-v-a4d7f9bf]{flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9[data-v-a4d7f9bf]{flex-basis:75%;max-width:75%}.col-md-10[data-v-a4d7f9bf]{flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11[data-v-a4d7f9bf]{flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12[data-v-a4d7f9bf]{flex-basis:100%;max-width:100%}.col-md-offset-0[data-v-a4d7f9bf]{margin-left:0}.col-md-offset-1[data-v-a4d7f9bf]{margin-left:8.33333333%}.col-md-offset-2[data-v-a4d7f9bf]{margin-left:16.66666667%}.col-md-offset-3[data-v-a4d7f9bf]{margin-left:25%}.col-md-offset-4[data-v-a4d7f9bf]{margin-left:33.33333333%}.col-md-offset-5[data-v-a4d7f9bf]{margin-left:41.66666667%}.col-md-offset-6[data-v-a4d7f9bf]{margin-left:50%}.col-md-offset-7[data-v-a4d7f9bf]{margin-left:58.33333333%}.col-md-offset-8[data-v-a4d7f9bf]{margin-left:66.66666667%}.col-md-offset-9[data-v-a4d7f9bf]{margin-left:75%}.col-md-offset-10[data-v-a4d7f9bf]{margin-left:83.33333333%}.col-md-offset-11[data-v-a4d7f9bf]{margin-left:91.66666667%}.start-md[data-v-a4d7f9bf]{justify-content:flex-start;text-align:start}.center-md[data-v-a4d7f9bf]{justify-content:center;text-align:center}.end-md[data-v-a4d7f9bf]{justify-content:flex-end;text-align:end}.top-md[data-v-a4d7f9bf]{align-items:flex-start}.middle-md[data-v-a4d7f9bf]{align-items:center}.bottom-md[data-v-a4d7f9bf]{align-items:flex-end}.around-md[data-v-a4d7f9bf]{justify-content:space-around}.between-md[data-v-a4d7f9bf]{justify-content:space-between}.first-md[data-v-a4d7f9bf]{order:-1}.last-md[data-v-a4d7f9bf]{order:1}}@media only screen and (min-width: 75rem){.container[data-v-a4d7f9bf]{width:75rem}.col-lg[data-v-a4d7f9bf],.col-lg-1[data-v-a4d7f9bf],.col-lg-2[data-v-a4d7f9bf],.col-lg-3[data-v-a4d7f9bf],.col-lg-4[data-v-a4d7f9bf],.col-lg-5[data-v-a4d7f9bf],.col-lg-6[data-v-a4d7f9bf],.col-lg-7[data-v-a4d7f9bf],.col-lg-8[data-v-a4d7f9bf],.col-lg-9[data-v-a4d7f9bf],.col-lg-10[data-v-a4d7f9bf],.col-lg-11[data-v-a4d7f9bf],.col-lg-12[data-v-a4d7f9bf],.col-lg-offset-0[data-v-a4d7f9bf],.col-lg-offset-1[data-v-a4d7f9bf],.col-lg-offset-2[data-v-a4d7f9bf],.col-lg-offset-3[data-v-a4d7f9bf],.col-lg-offset-4[data-v-a4d7f9bf],.col-lg-offset-5[data-v-a4d7f9bf],.col-lg-offset-6[data-v-a4d7f9bf],.col-lg-offset-7[data-v-a4d7f9bf],.col-lg-offset-8[data-v-a4d7f9bf],.col-lg-offset-9[data-v-a4d7f9bf],.col-lg-offset-10[data-v-a4d7f9bf],.col-lg-offset-11[data-v-a4d7f9bf],.col-lg-offset-12[data-v-a4d7f9bf]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg[data-v-a4d7f9bf]{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1[data-v-a4d7f9bf]{flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2[data-v-a4d7f9bf]{flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3[data-v-a4d7f9bf]{flex-basis:25%;max-width:25%}.col-lg-4[data-v-a4d7f9bf]{flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5[data-v-a4d7f9bf]{flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6[data-v-a4d7f9bf]{flex-basis:50%;max-width:50%}.col-lg-7[data-v-a4d7f9bf]{flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8[data-v-a4d7f9bf]{flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9[data-v-a4d7f9bf]{flex-basis:75%;max-width:75%}.col-lg-10[data-v-a4d7f9bf]{flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11[data-v-a4d7f9bf]{flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12[data-v-a4d7f9bf]{flex-basis:100%;max-width:100%}.col-lg-offset-0[data-v-a4d7f9bf]{margin-left:0}.col-lg-offset-1[data-v-a4d7f9bf]{margin-left:8.33333333%}.col-lg-offset-2[data-v-a4d7f9bf]{margin-left:16.66666667%}.col-lg-offset-3[data-v-a4d7f9bf]{margin-left:25%}.col-lg-offset-4[data-v-a4d7f9bf]{margin-left:33.33333333%}.col-lg-offset-5[data-v-a4d7f9bf]{margin-left:41.66666667%}.col-lg-offset-6[data-v-a4d7f9bf]{margin-left:50%}.col-lg-offset-7[data-v-a4d7f9bf]{margin-left:58.33333333%}.col-lg-offset-8[data-v-a4d7f9bf]{margin-left:66.66666667%}.col-lg-offset-9[data-v-a4d7f9bf]{margin-left:75%}.col-lg-offset-10[data-v-a4d7f9bf]{margin-left:83.33333333%}.col-lg-offset-11[data-v-a4d7f9bf]{margin-left:91.66666667%}.start-lg[data-v-a4d7f9bf]{justify-content:flex-start;text-align:start}.center-lg[data-v-a4d7f9bf]{justify-content:center;text-align:center}.end-lg[data-v-a4d7f9bf]{justify-content:flex-end;text-align:end}.top-lg[data-v-a4d7f9bf]{align-items:flex-start}.middle-lg[data-v-a4d7f9bf]{align-items:center}.bottom-lg[data-v-a4d7f9bf]{align-items:flex-end}.around-lg[data-v-a4d7f9bf]{justify-content:space-around}.between-lg[data-v-a4d7f9bf]{justify-content:space-between}.first-lg[data-v-a4d7f9bf]{order:-1}.last-lg[data-v-a4d7f9bf]{order:1}}.p-0[data-v-a4d7f9bf]{padding:0rem}.p-0-half[data-v-a4d7f9bf]{padding:.125rem}.p-1[data-v-a4d7f9bf]{padding:.25rem}.p-1-half[data-v-a4d7f9bf]{padding:.375rem}.p-2[data-v-a4d7f9bf]{padding:.5rem}.p-2-half[data-v-a4d7f9bf]{padding:.625rem}.p-3[data-v-a4d7f9bf]{padding:.75rem}.p-4[data-v-a4d7f9bf]{padding:1rem}.p-5[data-v-a4d7f9bf]{padding:1.25rem}.p-6[data-v-a4d7f9bf]{padding:1.5rem}.p-7[data-v-a4d7f9bf]{padding:1.75rem}.p-8[data-v-a4d7f9bf]{padding:2rem}.p-10[data-v-a4d7f9bf]{padding:2.5rem}.py-0[data-v-a4d7f9bf]{padding-top:0rem;padding-bottom:0rem}.py-0-half[data-v-a4d7f9bf]{padding-top:.125rem;padding-bottom:.125rem}.py-1[data-v-a4d7f9bf]{padding-top:.25rem;padding-bottom:.25rem}.py-1-half[data-v-a4d7f9bf]{padding-top:.375rem;padding-bottom:.375rem}.py-2-half[data-v-a4d7f9bf]{padding-top:.625rem;padding-bottom:.625rem}.py-2[data-v-a4d7f9bf]{padding-top:.5rem;padding-bottom:.5rem}.py-3[data-v-a4d7f9bf]{padding-top:.75rem;padding-bottom:.75rem}.py-4[data-v-a4d7f9bf]{padding-top:1rem;padding-bottom:1rem}.py-5[data-v-a4d7f9bf]{padding-top:1.25rem;padding-bottom:1.25rem}.py-6[data-v-a4d7f9bf]{padding-top:1.5rem;padding-bottom:1.5rem}.py-7[data-v-a4d7f9bf]{padding-top:1.75rem;padding-bottom:1.75rem}.py-8[data-v-a4d7f9bf],.sam-empty-state[data-v-a4d7f9bf]{padding-top:2rem;padding-bottom:2rem}.py-10[data-v-a4d7f9bf]{padding-top:2.5rem;padding-bottom:2.5rem}.px-0[data-v-a4d7f9bf]{padding-left:0rem;padding-right:0rem}.px-0-half[data-v-a4d7f9bf]{padding-left:.125rem;padding-right:.125rem}.px-1[data-v-a4d7f9bf]{padding-left:.25rem;padding-right:.25rem}.px-1-half[data-v-a4d7f9bf]{padding-left:.375rem;padding-right:.375rem}.px-2[data-v-a4d7f9bf]{padding-left:.5rem;padding-right:.5rem}.px-2-half[data-v-a4d7f9bf]{padding-left:.625rem;padding-right:.625rem}.px-3[data-v-a4d7f9bf]{padding-left:.75rem;padding-right:.75rem}.px-4[data-v-a4d7f9bf]{padding-left:1rem;padding-right:1rem}.px-5[data-v-a4d7f9bf]{padding-left:1.25rem;padding-right:1.25rem}.px-6[data-v-a4d7f9bf],.sam-empty-state[data-v-a4d7f9bf]{padding-left:1.5rem;padding-right:1.5rem}.px-7[data-v-a4d7f9bf]{padding-left:1.75rem;padding-right:1.75rem}.px-8[data-v-a4d7f9bf]{padding-left:2rem;padding-right:2rem}.px-10[data-v-a4d7f9bf]{padding-left:2.5rem;padding-right:2.5rem}.pt-0[data-v-a4d7f9bf]{padding-top:0rem}.pt-0-half[data-v-a4d7f9bf]{padding-top:.125rem}.pt-1[data-v-a4d7f9bf]{padding-top:.25rem}.pt-1-half[data-v-a4d7f9bf]{padding-top:.375rem}.pt-2[data-v-a4d7f9bf]{padding-top:.5rem}.pt-2-half[data-v-a4d7f9bf]{padding-top:.625rem}.pt-3[data-v-a4d7f9bf]{padding-top:.75rem}.pt-4[data-v-a4d7f9bf]{padding-top:1rem}.pt-5[data-v-a4d7f9bf]{padding-top:1.25rem}.pt-6[data-v-a4d7f9bf]{padding-top:1.5rem}.pt-7[data-v-a4d7f9bf]{padding-top:1.75rem}.pt-8[data-v-a4d7f9bf]{padding-top:2rem}.pt-10[data-v-a4d7f9bf]{padding-top:2.5rem}.pr-auto[data-v-a4d7f9bf]{padding-right:auto}.pr-0[data-v-a4d7f9bf]{padding-right:0rem}.pr-0-half[data-v-a4d7f9bf]{padding-right:.125rem}.pr-1[data-v-a4d7f9bf]{padding-right:.25rem}.pr-1-half[data-v-a4d7f9bf]{padding-right:.375rem}.pr-2[data-v-a4d7f9bf]{padding-right:.5rem}.pr-2-half[data-v-a4d7f9bf]{padding-right:.625rem}.pr-3[data-v-a4d7f9bf]{padding-right:.75rem}.pr-4[data-v-a4d7f9bf]{padding-right:1rem}.pr-5[data-v-a4d7f9bf]{padding-right:1.25rem}.pr-6[data-v-a4d7f9bf]{padding-right:1.5rem}.pr-7[data-v-a4d7f9bf]{padding-right:1.75rem}.pr-8[data-v-a4d7f9bf]{padding-right:2rem}.pr-10[data-v-a4d7f9bf]{padding-right:2.5rem}.pb-0[data-v-a4d7f9bf]{padding-bottom:0rem}.pb-0-half[data-v-a4d7f9bf]{padding-bottom:.125rem}.pb-1[data-v-a4d7f9bf]{padding-bottom:.25rem}.pb-1-half[data-v-a4d7f9bf]{padding-bottom:.375rem}.pb-2[data-v-a4d7f9bf]{padding-bottom:.5rem}.pb-2-half[data-v-a4d7f9bf]{padding-bottom:.625rem}.pb-3[data-v-a4d7f9bf]{padding-bottom:.75rem}.pb-4[data-v-a4d7f9bf]{padding-bottom:1rem}.pb-5[data-v-a4d7f9bf]{padding-bottom:1.25rem}.pb-6[data-v-a4d7f9bf]{padding-bottom:1.5rem}.pb-8[data-v-a4d7f9bf]{padding-bottom:2rem}.pb-7[data-v-a4d7f9bf]{padding-bottom:1.75rem}.pb-10[data-v-a4d7f9bf]{padding-bottom:2.5rem}.pl-auto[data-v-a4d7f9bf]{padding-left:auto}.pl-0[data-v-a4d7f9bf]{padding-left:0rem}.pl-0-half[data-v-a4d7f9bf]{padding-left:.125rem}.pl-1[data-v-a4d7f9bf]{padding-left:.25rem}.pl-1-half[data-v-a4d7f9bf]{padding-left:.375rem}.pl-2[data-v-a4d7f9bf]{padding-left:.5rem}.pl-2-half[data-v-a4d7f9bf]{padding-left:.625rem}.pl-3[data-v-a4d7f9bf]{padding-left:.75rem}.pl-4[data-v-a4d7f9bf]{padding-left:1rem}.pl-5[data-v-a4d7f9bf]{padding-left:1.25rem}.pl-6[data-v-a4d7f9bf]{padding-left:1.5rem}.pl-7[data-v-a4d7f9bf]{padding-left:1.75rem}.pl-8[data-v-a4d7f9bf]{padding-left:2rem}.pl-10[data-v-a4d7f9bf]{padding-left:2.5rem}.m-auto[data-v-a4d7f9bf]{margin:auto}.m-0[data-v-a4d7f9bf]{margin:0rem}.m-0-half[data-v-a4d7f9bf]{margin:.125rem}.m-1[data-v-a4d7f9bf]{margin:.25rem}.m-1-half[data-v-a4d7f9bf]{margin:.375rem}.m-2[data-v-a4d7f9bf]{margin:.5rem}.m-2-half[data-v-a4d7f9bf]{margin:.625rem}.m-3[data-v-a4d7f9bf]{margin:.75rem}.m-4[data-v-a4d7f9bf]{margin:1rem}.m-5[data-v-a4d7f9bf]{margin:1.25rem}.m-6[data-v-a4d7f9bf]{margin:1.5rem}.m-7[data-v-a4d7f9bf]{margin:1.75rem}.m-8[data-v-a4d7f9bf]{margin:2rem}.m-10[data-v-a4d7f9bf]{margin:2.5rem}.my-auto[data-v-a4d7f9bf]{margin-top:auto;margin-bottom:auto}.my-0[data-v-a4d7f9bf]{margin-top:0rem;margin-bottom:0rem}.my-0-half[data-v-a4d7f9bf]{margin-top:.125rem;margin-bottom:.125rem}.my-1[data-v-a4d7f9bf]{margin-top:.25rem;margin-bottom:.25rem}.my-1-half[data-v-a4d7f9bf]{margin-top:.375rem;margin-bottom:.375rem}.my-2[data-v-a4d7f9bf]{margin-top:.5rem;margin-bottom:.5rem}.my-2-half[data-v-a4d7f9bf]{margin-top:.625rem;margin-bottom:.625rem}.my-3[data-v-a4d7f9bf]{margin-top:.75rem;margin-bottom:.75rem}.my-4[data-v-a4d7f9bf]{margin-top:1rem;margin-bottom:1rem}.my-5[data-v-a4d7f9bf]{margin-top:1.25rem;margin-bottom:1.25rem}.my-6[data-v-a4d7f9bf]{margin-top:1.5rem;margin-bottom:1.5rem}.my-7[data-v-a4d7f9bf]{margin-top:1.75rem;margin-bottom:1.75rem}.my-8[data-v-a4d7f9bf]{margin-top:2rem;margin-bottom:2rem}.my-10[data-v-a4d7f9bf]{margin-top:2.5rem;margin-bottom:2.5rem}.mx-auto[data-v-a4d7f9bf]{margin-left:auto;margin-right:auto}.mx-0[data-v-a4d7f9bf]{margin-left:0rem;margin-right:0rem}.mx-0-half[data-v-a4d7f9bf]{margin-left:.125rem;margin-right:.125rem}.mx-1[data-v-a4d7f9bf]{margin-left:.25rem;margin-right:.25rem}.mx-1-half[data-v-a4d7f9bf]{margin-left:.375rem;margin-right:.375rem}.mx-2[data-v-a4d7f9bf]{margin-left:.5rem;margin-right:.5rem}.mx-2-half[data-v-a4d7f9bf]{margin-left:.625rem;margin-right:.625rem}.mx-3[data-v-a4d7f9bf]{margin-left:.75rem;margin-right:.75rem}.mx-4[data-v-a4d7f9bf]{margin-left:1rem;margin-right:1rem}.mx-5[data-v-a4d7f9bf]{margin-left:1.25rem;margin-right:1.25rem}.mx-6[data-v-a4d7f9bf]{margin-left:1.5rem;margin-right:1.5rem}.mx-7[data-v-a4d7f9bf]{margin-left:1.75rem;margin-right:1.75rem}.mx-8[data-v-a4d7f9bf]{margin-left:2rem;margin-right:2rem}.mx-10[data-v-a4d7f9bf]{margin-left:2.5rem;margin-right:2.5rem}.mt-0[data-v-a4d7f9bf]{margin-top:0rem}.mt-0-half[data-v-a4d7f9bf]{margin-top:.125rem}.mt-1[data-v-a4d7f9bf]{margin-top:.25rem}.mt-1-half[data-v-a4d7f9bf]{margin-top:.375rem}.mt-2[data-v-a4d7f9bf]{margin-top:.5rem}.mt-2-half[data-v-a4d7f9bf]{margin-top:.625rem}.mt-3[data-v-a4d7f9bf]{margin-top:.75rem}.mt-4[data-v-a4d7f9bf],.sam-empty-state__footer[data-v-a4d7f9bf]{margin-top:1rem}.mt-5[data-v-a4d7f9bf]{margin-top:1.25rem}.mt-6[data-v-a4d7f9bf]{margin-top:1.5rem}.mt-7[data-v-a4d7f9bf]{margin-top:1.75rem}.mt-8[data-v-a4d7f9bf]{margin-top:2rem}.mt-10[data-v-a4d7f9bf]{margin-top:2.5rem}.mr-auto[data-v-a4d7f9bf]{margin-right:auto}.mr-0[data-v-a4d7f9bf]{margin-right:0rem}.mr-0-half[data-v-a4d7f9bf]{margin-right:.125rem}.mr-1[data-v-a4d7f9bf]{margin-right:.25rem}.mr-1-half[data-v-a4d7f9bf]{margin-right:.375rem}.mr-2[data-v-a4d7f9bf]{margin-right:.5rem}.mr-2-half[data-v-a4d7f9bf]{margin-right:.625rem}.mr-3[data-v-a4d7f9bf]{margin-right:.75rem}.mr-4[data-v-a4d7f9bf]{margin-right:1rem}.mr-5[data-v-a4d7f9bf]{margin-right:1.25rem}.mr-6[data-v-a4d7f9bf]{margin-right:1.5rem}.mr-7[data-v-a4d7f9bf]{margin-right:1.75rem}.mr-8[data-v-a4d7f9bf]{margin-right:2rem}.mr-10[data-v-a4d7f9bf]{margin-right:2.5rem}.mb-0[data-v-a4d7f9bf]{margin-bottom:0rem}.mb-0-half[data-v-a4d7f9bf]{margin-bottom:.125rem}.mb-1[data-v-a4d7f9bf]{margin-bottom:.25rem}.mb-1-half[data-v-a4d7f9bf]{margin-bottom:.375rem}.mb-2[data-v-a4d7f9bf]{margin-bottom:.5rem}.mb-2-half[data-v-a4d7f9bf]{margin-bottom:.625rem}.mb-3[data-v-a4d7f9bf]{margin-bottom:.75rem}.mb-4[data-v-a4d7f9bf]{margin-bottom:1rem}.mb-5[data-v-a4d7f9bf]{margin-bottom:1.25rem}.mb-6[data-v-a4d7f9bf]{margin-bottom:1.5rem}.mb-7[data-v-a4d7f9bf]{margin-bottom:1.75rem}.mb-8[data-v-a4d7f9bf]{margin-bottom:2rem}.mb-10[data-v-a4d7f9bf]{margin-bottom:2.5rem}.ml-auto[data-v-a4d7f9bf]{margin-left:auto}.ml-0[data-v-a4d7f9bf]{margin-left:0rem}.ml-0-half[data-v-a4d7f9bf]{margin-left:.125rem}.ml-1[data-v-a4d7f9bf]{margin-left:.25rem}.ml-1-half[data-v-a4d7f9bf]{margin-left:.375rem}.ml-2[data-v-a4d7f9bf]{margin-left:.5rem}.ml-2-half[data-v-a4d7f9bf]{margin-left:.625rem}.ml-3[data-v-a4d7f9bf]{margin-left:.75rem}.ml-4[data-v-a4d7f9bf]{margin-left:1rem}.ml-5[data-v-a4d7f9bf]{margin-left:1.25rem}.ml-6[data-v-a4d7f9bf]{margin-left:1.5rem}.ml-7[data-v-a4d7f9bf]{margin-left:1.75rem}.ml-8[data-v-a4d7f9bf]{margin-left:2rem}.ml-10[data-v-a4d7f9bf]{margin-left:2.5rem}.shadow--card[data-v-a4d7f9bf]{box-shadow:0 1px 6px #444b5508;box-shadow:0 1px 10px #444b5508}.shadow--notification[data-v-a4d7f9bf]{box-shadow:0 1px 4px 2px #9194981f}.shadow--dropdown[data-v-a4d7f9bf]{box-shadow:0 0 8px 3px #696c7212;box-shadow:0 1px 4px #696c7226}.shadow--top-navigation[data-v-a4d7f9bf]{box-shadow:0 4px 6px #0000001a}.shadow--modal[data-v-a4d7f9bf]{box-shadow:0 10px 10px 2px #444b5521;box-shadow:0 5px 28px #444b5529}.elevation--neg[data-v-a4d7f9bf]{z-index:-1}.elevation--0[data-v-a4d7f9bf]{z-index:0}.elevation--1[data-v-a4d7f9bf]{z-index:1}.elevation--2[data-v-a4d7f9bf]{z-index:10}.elevation--3[data-v-a4d7f9bf]{z-index:100}.elevation--4[data-v-a4d7f9bf]{z-index:1000}@keyframes old-skeleton-blink-a4d7f9bf{50%{opacity:.3}}@keyframes skeleton-blink-a4d7f9bf{50%{background-color:#e7e7e8}}@keyframes skeleton-blink-dark-a4d7f9bf{50%{background-color:#c8c9f3}}@keyframes color-blink-a4d7f9bf{50%{color:#919498}}.icons-section[data-v-a4d7f9bf]{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #343941}.icons-row[data-v-a4d7f9bf]{display:grid;grid-template-columns:4fr 32px 1fr 32px;align-items:center;grid-gap:32px;cursor:pointer;margin:16px auto}.icons-row h6[data-v-a4d7f9bf]:hover{text-decoration:underline}.icons-row p[data-v-a4d7f9bf]{text-align:right}.images-container[data-v-a4d7f9bf]{display:grid;grid-template-columns:1fr 50%;gap:1rem}.images-wrapper[data-v-a4d7f9bf]{display:grid;gap:.5rem;background-color:#fff;padding:.5rem;text-align:center}.images-wrapper h6[data-v-a4d7f9bf]:hover{text-decoration:underline}.radio-group-wrapper[data-v-a4d7f9bf]{padding:2rem;background-color:#fff;box-shadow:0 1px 2px #818489}.sam-empty-state[data-v-a4d7f9bf]{height:100%;width:100%;background:#fff;border:.06rem solid #E7E7E8;border-radius:.25rem}.sam-empty-state.is-compact[data-v-a4d7f9bf]{border:none;border-radius:0;background:none}.sam-empty-state.is-compact .sam-empty-state--body[data-v-a4d7f9bf]{padding:0rem 5rem}.sam-empty-state__subtitle[data-v-a4d7f9bf]{max-width:66%}.sam-empty-state__body[data-v-a4d7f9bf]{row-gap:.5rem;flex-direction:column}.sam-empty-state__image[data-v-a4d7f9bf]{max-width:66%}@media only screen and (max-width: 1024px){.sam-empty-state__subtitle[data-v-a4d7f9bf],.sam-empty-state__image[data-v-a4d7f9bf]{max-width:100%}}

package/storybook-static/assets/SamEmptyState.stories-Bv-P8P2a.js

@@ -0,0 +1,71 @@
+import{S as b}from"./SamImage-OYRvll14.js";import{l as _,o as a,c as s,a as r,u as x,p as n,s as E,n as p,v}from"./vue.esm-bundler-D2bhyrl5.js";import{_ as k}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{a as T}from"./assetListHelper-BoTLHeWH.js";import"./iframe-pXj8qGB8.js";import"../sb-preview/runtime.js";import"./dynamic-import-helper-BheWnx7M.js";const f={name:"SamEmptyState",components:{SamImage:b},props:{title:{type:String,default:""},subtitle:{type:String,default:""},image:{type:String,required:!1},imageHeight:{type:String,required:!1,default:""},innerVariation:{type:Boolean,required:!1,default:!1}},computed:{classesObject(){return["sam-empty-state",{"is-compact":this.innerVariation}]},hasTitle(){return this.title.length},hasBodySlot(){return!!this.$slots.body},hasFooterSlot(){return!!this.$slots.footer},cssStyle(){const e={};return this.imageHeight&&(e["--image-height"]=this.imageHeight),e}}},V={class:"sam-empty-state__body"},B={key:0,class:"col-xs-12 d-flex center-xs mb-2"},N={key:1,class:"col-xs-12 d-flex center-xs"},H=["textContent"],I={key:2,class:"col-xs-12 d-flex center-xs"},W=["innerHTML"],q={key:3,class:"col-xs-12 d-flex center-xs"},C={key:0,class:"sam-empty-state__footer"};function A(e,L,t,j,F,i){const S=_("SamImage");return a(),s("div",{class:v(i.classesObject)},[r("div",V,[t.image?(a(),s("div",B,[x(S,{image:t.image,"image-height":t.imageHeight,class:"sam-empty-state__image"},null,8,["image","image-height"])])):n("",!0),i.hasTitle?(a(),s("div",N,[r("h6",{class:"sam-empty-state__title",textContent:E(t.title)},null,8,H)])):n("",!0),t.subtitle?(a(),s("div",I,[r("p",{class:"sam-empty-state__subtitle",innerHTML:t.subtitle},null,8,W)])):n("",!0),i.hasBodySlot?(a(),s("div",q,[p(e.$slots,"body",{},void 0,!0)])):n("",!0)]),i.hasFooterSlot?(a(),s("div",C,[p(e.$slots,"footer",{},void 0,!0)])):n("",!0)],2)}const l=k(f,[["render",A],["__scopeId","data-v-a4d7f9bf"]]);f.__docgenInfo={displayName:"SamEmptyState",exportName:"default",description:"",tags:{},props:[{name:"title",description:"Empty state block's title",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"subtitle",description:"Empty state block's subtitle",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"image",description:"Image to apply",type:{name:"string"},required:!1},{name:"imageHeight",description:"Image height",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"innerVariation",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],slots:[{name:"body"},{name:"footer"}],sourceFiles:["/Users/michelafederico/WebstormProjects/Unbabel/samora/vue3-components/src/components/Molecules/SamEmptyState/SamEmptyState.vue"]};const G={component:l,tags:["autodocs"],argTypes:{image:{control:"select",options:T}}},o={name:"Empty State",render:e=>({components:{SamEmptyState:l},setup(){return{args:e}},template:`
+    <SamEmptyState v-bind="args">
+        <template v-slot:body>
+            Add extra stuff to the middle, like a Button.
+        </template>
+        <template v-slot:footer>
+            Add extra stuff to the bottom, like a Link.
+        </template>
+    </SamEmptyState>
+    `}),args:{title:"This is your bold title",subtitle:"This is some more text you can add to it"}},m={name:"Empty State Examples",render:e=>({components:{SamEmptyState:l},setup(){return{args:e}},template:`
+      <p class="mb-2 text--caption">With slots</p>
+      <SamEmptyState image="three" image-height="300px" title="Welcome!" subtitle="This is another piece of text" />
+      <br/>
+      <br/>
+      <p class="mb-2 text--caption">No image</p>
+      <SamEmptyState title="This is some good title!" />
+      <br/>
+      <br/>
+      <p class="mb-2 text--caption"> With compact style using the 'innerVariation' prop</p>
+      <SamEmptyState image="eleven" image-height="50px" inner-variation title="This is compact!" />
+      `})};var c,d,u;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  name: "Empty State",
+  render: args => ({
+    components: {
+      SamEmptyState
+    },
+    setup() {
+      return {
+        args
+      };
+    },
+    template: \`
+    <SamEmptyState v-bind="args">
+        <template v-slot:body>
+            Add extra stuff to the middle, like a Button.
+        </template>
+        <template v-slot:footer>
+            Add extra stuff to the bottom, like a Link.
+        </template>
+    </SamEmptyState>
+    \`
+  }),
+  args: {
+    title: 'This is your bold title',
+    subtitle: 'This is some more text you can add to it'
+  }
+}`,...(u=(d=o.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var g,h,y;m.parameters={...m.parameters,docs:{...(g=m.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  name: "Empty State Examples",
+  render: args => ({
+    components: {
+      SamEmptyState
+    },
+    setup() {
+      return {
+        args
+      };
+    },
+    template: \`
+      <p class="mb-2 text--caption">With slots</p>
+      <SamEmptyState image="three" image-height="300px" title="Welcome!" subtitle="This is another piece of text" />
+      <br/>
+      <br/>
+      <p class="mb-2 text--caption">No image</p>
+      <SamEmptyState title="This is some good title!" />
+      <br/>
+      <br/>
+      <p class="mb-2 text--caption"> With compact style using the 'innerVariation' prop</p>
+      <SamEmptyState image="eleven" image-height="50px" inner-variation title="This is compact!" />
+      \`
+  })
+}`,...(y=(h=m.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};const J=["EmptyState","EmptyStateExamples"];export{o as EmptyState,m as EmptyStateExamples,J as __namedExportsOrder,G as default};

package/storybook-static/assets/SamFilter-BnexMWFl.css

@@ -0,0 +1 @@
+.text--overline[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:500;text-transform:uppercase;letter-spacing:.08rem}.text--caption--mini[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.375rem;line-height:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.025rem}.text--caption[data-v-561947b4],.sam-filter__menu-activator .sam-filter__no-data[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:400}.text--caption--medium[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:500}.text--caption--demi[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:600}.text--button[data-v-561947b4],.text--title[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}.text--body-1[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:400}.text--body-1--medium[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:500}.text--body-2[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:400}.text--body-2--medium[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:500}.text--body-3[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:600}.text--subtitle[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:600}h6[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}h5[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:600}h4[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.5rem;line-height:2rem;font-weight:600}h3[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.75rem;line-height:2.25rem;font-weight:600}h2[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2rem;line-height:2.5rem;font-weight:600}h1[data-v-561947b4]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2.25rem;line-height:2.75rem;font-weight:600}.text--ellipse[data-v-561947b4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-center[data-v-561947b4]{text-align:center}.text--bold[data-v-561947b4]{font-weight:600}.text--primary[data-v-561947b4]{color:#3843d0}.text--secondary[data-v-561947b4]{color:#9152ae}.text--success[data-v-561947b4]{color:#1a8752}.text--error[data-v-561947b4]{color:#e90c37}.text--warning[data-v-561947b4]{color:#eb611c}.text--light[data-v-561947b4]{color:#696c72}.text--black[data-v-561947b4]{color:#000}.text--white[data-v-561947b4]{color:#fff}.w-100[data-v-561947b4]{width:100%}.h-100[data-v-561947b4]{height:100%}.d-block[data-v-561947b4]{display:block}.d-inline[data-v-561947b4]{display:inline}.d-inline-block[data-v-561947b4]{display:inline-block}.d-flex[data-v-561947b4]{display:flex}.d-inline-flex[data-v-561947b4]{display:inline-flex}.d-none[data-v-561947b4]{display:none}.wrap-flex[data-v-561947b4]{flex-wrap:wrap}.flex-center[data-v-561947b4],.items-center[data-v-561947b4]{align-items:center}.flex-start[data-v-561947b4],.items-start[data-v-561947b4]{align-items:flex-start}.flex-end[data-v-561947b4],.items-end[data-v-561947b4]{align-items:flex-end}.flex-baseline[data-v-561947b4],.items-baseline[data-v-561947b4]{align-items:baseline}.justify-center[data-v-561947b4]{justify-content:center}.justify-start[data-v-561947b4]{justify-content:flex-start}.justify-end[data-v-561947b4]{justify-content:flex-end}.justify-between[data-v-561947b4]{justify-content:space-between}.flex-column[data-v-561947b4]{flex-direction:column}.gap-0[data-v-561947b4]{gap:0rem}.gap-1[data-v-561947b4]{gap:.25rem}.gap-1-half[data-v-561947b4]{gap:.375rem}.gap-2[data-v-561947b4]{gap:.5rem}.gap-3[data-v-561947b4]{gap:.75rem}.gap-4[data-v-561947b4]{gap:1rem}.gap-5[data-v-561947b4]{gap:1.25rem}.gap-6[data-v-561947b4]{gap:1.5rem}.gap-7[data-v-561947b4]{gap:1.75rem}.gap-8[data-v-561947b4]{gap:2rem}.gap-10[data-v-561947b4]{gap:2.5rem}.grow[data-v-561947b4]{flex-grow:1}.grow-0[data-v-561947b4]{flex-grow:0}.container-fluid[data-v-561947b4],.container[data-v-561947b4]{margin-right:auto;margin-left:auto}.container-fluid[data-v-561947b4]{padding-right:1rem;padding-left:1rem}.row[data-v-561947b4]{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse[data-v-561947b4]{flex-direction:row-reverse}.col.reverse[data-v-561947b4]{flex-direction:column-reverse}.col-xs[data-v-561947b4],.col-xs-1[data-v-561947b4],.col-xs-2[data-v-561947b4],.col-xs-3[data-v-561947b4],.col-xs-4[data-v-561947b4],.col-xs-5[data-v-561947b4],.col-xs-6[data-v-561947b4],.col-xs-7[data-v-561947b4],.col-xs-8[data-v-561947b4],.col-xs-9[data-v-561947b4],.col-xs-10[data-v-561947b4],.col-xs-11[data-v-561947b4],.col-xs-12[data-v-561947b4],.col-xs-offset-0[data-v-561947b4],.col-xs-offset-1[data-v-561947b4],.col-xs-offset-2[data-v-561947b4],.col-xs-offset-3[data-v-561947b4],.col-xs-offset-4[data-v-561947b4],.col-xs-offset-5[data-v-561947b4],.col-xs-offset-6[data-v-561947b4],.col-xs-offset-7[data-v-561947b4],.col-xs-offset-8[data-v-561947b4],.col-xs-offset-9[data-v-561947b4],.col-xs-offset-10[data-v-561947b4],.col-xs-offset-11[data-v-561947b4],.col-xs-offset-12[data-v-561947b4]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs[data-v-561947b4]{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1[data-v-561947b4]{flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2[data-v-561947b4]{flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3[data-v-561947b4]{flex-basis:25%;max-width:25%}.col-xs-4[data-v-561947b4]{flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5[data-v-561947b4]{flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6[data-v-561947b4]{flex-basis:50%;max-width:50%}.col-xs-7[data-v-561947b4]{flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8[data-v-561947b4]{flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9[data-v-561947b4]{flex-basis:75%;max-width:75%}.col-xs-10[data-v-561947b4]{flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11[data-v-561947b4]{flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12[data-v-561947b4]{flex-basis:100%;max-width:100%}.col-xs-offset-0[data-v-561947b4]{margin-left:0}.col-xs-offset-1[data-v-561947b4]{margin-left:8.33333333%}.col-xs-offset-2[data-v-561947b4]{margin-left:16.66666667%}.col-xs-offset-3[data-v-561947b4]{margin-left:25%}.col-xs-offset-4[data-v-561947b4]{margin-left:33.33333333%}.col-xs-offset-5[data-v-561947b4]{margin-left:41.66666667%}.col-xs-offset-6[data-v-561947b4]{margin-left:50%}.col-xs-offset-7[data-v-561947b4]{margin-left:58.33333333%}.col-xs-offset-8[data-v-561947b4]{margin-left:66.66666667%}.col-xs-offset-9[data-v-561947b4]{margin-left:75%}.col-xs-offset-10[data-v-561947b4]{margin-left:83.33333333%}.col-xs-offset-11[data-v-561947b4]{margin-left:91.66666667%}.start-xs[data-v-561947b4]{justify-content:flex-start;text-align:start}.center-xs[data-v-561947b4]{justify-content:center;text-align:center}.end-xs[data-v-561947b4]{justify-content:flex-end;text-align:end}.top-xs[data-v-561947b4]{align-items:flex-start}.middle-xs[data-v-561947b4]{align-items:center}.bottom-xs[data-v-561947b4]{align-items:flex-end}.around-xs[data-v-561947b4]{justify-content:space-around}.between-xs[data-v-561947b4]{justify-content:space-between}.first-xs[data-v-561947b4]{order:-1}.last-xs[data-v-561947b4]{order:1}@media only screen and (min-width: 48rem){.container[data-v-561947b4]{width:48rem}.col-sm[data-v-561947b4],.col-sm-1[data-v-561947b4],.col-sm-2[data-v-561947b4],.col-sm-3[data-v-561947b4],.col-sm-4[data-v-561947b4],.col-sm-5[data-v-561947b4],.col-sm-6[data-v-561947b4],.col-sm-7[data-v-561947b4],.col-sm-8[data-v-561947b4],.col-sm-9[data-v-561947b4],.col-sm-10[data-v-561947b4],.col-sm-11[data-v-561947b4],.col-sm-12[data-v-561947b4],.col-sm-offset-0[data-v-561947b4],.col-sm-offset-1[data-v-561947b4],.col-sm-offset-2[data-v-561947b4],.col-sm-offset-3[data-v-561947b4],.col-sm-offset-4[data-v-561947b4],.col-sm-offset-5[data-v-561947b4],.col-sm-offset-6[data-v-561947b4],.col-sm-offset-7[data-v-561947b4],.col-sm-offset-8[data-v-561947b4],.col-sm-offset-9[data-v-561947b4],.col-sm-offset-10[data-v-561947b4],.col-sm-offset-11[data-v-561947b4],.col-sm-offset-12[data-v-561947b4]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm[data-v-561947b4]{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1[data-v-561947b4]{flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2[data-v-561947b4]{flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3[data-v-561947b4]{flex-basis:25%;max-width:25%}.col-sm-4[data-v-561947b4]{flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5[data-v-561947b4]{flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6[data-v-561947b4]{flex-basis:50%;max-width:50%}.col-sm-7[data-v-561947b4]{flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8[data-v-561947b4]{flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9[data-v-561947b4]{flex-basis:75%;max-width:75%}.col-sm-10[data-v-561947b4]{flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11[data-v-561947b4]{flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12[data-v-561947b4]{flex-basis:100%;max-width:100%}.col-sm-offset-0[data-v-561947b4]{margin-left:0}.col-sm-offset-1[data-v-561947b4]{margin-left:8.33333333%}.col-sm-offset-2[data-v-561947b4]{margin-left:16.66666667%}.col-sm-offset-3[data-v-561947b4]{margin-left:25%}.col-sm-offset-4[data-v-561947b4]{margin-left:33.33333333%}.col-sm-offset-5[data-v-561947b4]{margin-left:41.66666667%}.col-sm-offset-6[data-v-561947b4]{margin-left:50%}.col-sm-offset-7[data-v-561947b4]{margin-left:58.33333333%}.col-sm-offset-8[data-v-561947b4]{margin-left:66.66666667%}.col-sm-offset-9[data-v-561947b4]{margin-left:75%}.col-sm-offset-10[data-v-561947b4]{margin-left:83.33333333%}.col-sm-offset-11[data-v-561947b4]{margin-left:91.66666667%}.start-sm[data-v-561947b4]{justify-content:flex-start;text-align:start}.center-sm[data-v-561947b4]{justify-content:center;text-align:center}.end-sm[data-v-561947b4]{justify-content:flex-end;text-align:end}.top-sm[data-v-561947b4]{align-items:flex-start}.middle-sm[data-v-561947b4]{align-items:center}.bottom-sm[data-v-561947b4]{align-items:flex-end}.around-sm[data-v-561947b4]{justify-content:space-around}.between-sm[data-v-561947b4]{justify-content:space-between}.first-sm[data-v-561947b4]{order:-1}.last-sm[data-v-561947b4]{order:1}}@media only screen and (min-width: 64rem){.container[data-v-561947b4]{width:64rem}.col-md[data-v-561947b4],.col-md-1[data-v-561947b4],.col-md-2[data-v-561947b4],.col-md-3[data-v-561947b4],.col-md-4[data-v-561947b4],.col-md-5[data-v-561947b4],.col-md-6[data-v-561947b4],.col-md-7[data-v-561947b4],.col-md-8[data-v-561947b4],.col-md-9[data-v-561947b4],.col-md-10[data-v-561947b4],.col-md-11[data-v-561947b4],.col-md-12[data-v-561947b4],.col-md-offset-0[data-v-561947b4],.col-md-offset-1[data-v-561947b4],.col-md-offset-2[data-v-561947b4],.col-md-offset-3[data-v-561947b4],.col-md-offset-4[data-v-561947b4],.col-md-offset-5[data-v-561947b4],.col-md-offset-6[data-v-561947b4],.col-md-offset-7[data-v-561947b4],.col-md-offset-8[data-v-561947b4],.col-md-offset-9[data-v-561947b4],.col-md-offset-10[data-v-561947b4],.col-md-offset-11[data-v-561947b4],.col-md-offset-12[data-v-561947b4]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md[data-v-561947b4]{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1[data-v-561947b4]{flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2[data-v-561947b4]{flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3[data-v-561947b4]{flex-basis:25%;max-width:25%}.col-md-4[data-v-561947b4]{flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5[data-v-561947b4]{flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6[data-v-561947b4]{flex-basis:50%;max-width:50%}.col-md-7[data-v-561947b4]{flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8[data-v-561947b4]{flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9[data-v-561947b4]{flex-basis:75%;max-width:75%}.col-md-10[data-v-561947b4]{flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11[data-v-561947b4]{flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12[data-v-561947b4]{flex-basis:100%;max-width:100%}.col-md-offset-0[data-v-561947b4]{margin-left:0}.col-md-offset-1[data-v-561947b4]{margin-left:8.33333333%}.col-md-offset-2[data-v-561947b4]{margin-left:16.66666667%}.col-md-offset-3[data-v-561947b4]{margin-left:25%}.col-md-offset-4[data-v-561947b4]{margin-left:33.33333333%}.col-md-offset-5[data-v-561947b4]{margin-left:41.66666667%}.col-md-offset-6[data-v-561947b4]{margin-left:50%}.col-md-offset-7[data-v-561947b4]{margin-left:58.33333333%}.col-md-offset-8[data-v-561947b4]{margin-left:66.66666667%}.col-md-offset-9[data-v-561947b4]{margin-left:75%}.col-md-offset-10[data-v-561947b4]{margin-left:83.33333333%}.col-md-offset-11[data-v-561947b4]{margin-left:91.66666667%}.start-md[data-v-561947b4]{justify-content:flex-start;text-align:start}.center-md[data-v-561947b4]{justify-content:center;text-align:center}.end-md[data-v-561947b4]{justify-content:flex-end;text-align:end}.top-md[data-v-561947b4]{align-items:flex-start}.middle-md[data-v-561947b4]{align-items:center}.bottom-md[data-v-561947b4]{align-items:flex-end}.around-md[data-v-561947b4]{justify-content:space-around}.between-md[data-v-561947b4]{justify-content:space-between}.first-md[data-v-561947b4]{order:-1}.last-md[data-v-561947b4]{order:1}}@media only screen and (min-width: 75rem){.container[data-v-561947b4]{width:75rem}.col-lg[data-v-561947b4],.col-lg-1[data-v-561947b4],.col-lg-2[data-v-561947b4],.col-lg-3[data-v-561947b4],.col-lg-4[data-v-561947b4],.col-lg-5[data-v-561947b4],.col-lg-6[data-v-561947b4],.col-lg-7[data-v-561947b4],.col-lg-8[data-v-561947b4],.col-lg-9[data-v-561947b4],.col-lg-10[data-v-561947b4],.col-lg-11[data-v-561947b4],.col-lg-12[data-v-561947b4],.col-lg-offset-0[data-v-561947b4],.col-lg-offset-1[data-v-561947b4],.col-lg-offset-2[data-v-561947b4],.col-lg-offset-3[data-v-561947b4],.col-lg-offset-4[data-v-561947b4],.col-lg-offset-5[data-v-561947b4],.col-lg-offset-6[data-v-561947b4],.col-lg-offset-7[data-v-561947b4],.col-lg-offset-8[data-v-561947b4],.col-lg-offset-9[data-v-561947b4],.col-lg-offset-10[data-v-561947b4],.col-lg-offset-11[data-v-561947b4],.col-lg-offset-12[data-v-561947b4]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg[data-v-561947b4]{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1[data-v-561947b4]{flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2[data-v-561947b4]{flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3[data-v-561947b4]{flex-basis:25%;max-width:25%}.col-lg-4[data-v-561947b4]{flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5[data-v-561947b4]{flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6[data-v-561947b4]{flex-basis:50%;max-width:50%}.col-lg-7[data-v-561947b4]{flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8[data-v-561947b4]{flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9[data-v-561947b4]{flex-basis:75%;max-width:75%}.col-lg-10[data-v-561947b4]{flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11[data-v-561947b4]{flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12[data-v-561947b4]{flex-basis:100%;max-width:100%}.col-lg-offset-0[data-v-561947b4]{margin-left:0}.col-lg-offset-1[data-v-561947b4]{margin-left:8.33333333%}.col-lg-offset-2[data-v-561947b4]{margin-left:16.66666667%}.col-lg-offset-3[data-v-561947b4]{margin-left:25%}.col-lg-offset-4[data-v-561947b4]{margin-left:33.33333333%}.col-lg-offset-5[data-v-561947b4]{margin-left:41.66666667%}.col-lg-offset-6[data-v-561947b4]{margin-left:50%}.col-lg-offset-7[data-v-561947b4]{margin-left:58.33333333%}.col-lg-offset-8[data-v-561947b4]{margin-left:66.66666667%}.col-lg-offset-9[data-v-561947b4]{margin-left:75%}.col-lg-offset-10[data-v-561947b4]{margin-left:83.33333333%}.col-lg-offset-11[data-v-561947b4]{margin-left:91.66666667%}.start-lg[data-v-561947b4]{justify-content:flex-start;text-align:start}.center-lg[data-v-561947b4]{justify-content:center;text-align:center}.end-lg[data-v-561947b4]{justify-content:flex-end;text-align:end}.top-lg[data-v-561947b4]{align-items:flex-start}.middle-lg[data-v-561947b4]{align-items:center}.bottom-lg[data-v-561947b4]{align-items:flex-end}.around-lg[data-v-561947b4]{justify-content:space-around}.between-lg[data-v-561947b4]{justify-content:space-between}.first-lg[data-v-561947b4]{order:-1}.last-lg[data-v-561947b4]{order:1}}.p-0[data-v-561947b4]{padding:0rem}.p-0-half[data-v-561947b4]{padding:.125rem}.p-1[data-v-561947b4]{padding:.25rem}.p-1-half[data-v-561947b4]{padding:.375rem}.p-2[data-v-561947b4]{padding:.5rem}.p-2-half[data-v-561947b4]{padding:.625rem}.p-3[data-v-561947b4]{padding:.75rem}.p-4[data-v-561947b4],.sam-filter__menu-activator .sam-filter__no-data[data-v-561947b4]{padding:1rem}.p-5[data-v-561947b4]{padding:1.25rem}.p-6[data-v-561947b4]{padding:1.5rem}.p-7[data-v-561947b4]{padding:1.75rem}.p-8[data-v-561947b4]{padding:2rem}.p-10[data-v-561947b4]{padding:2.5rem}.py-0[data-v-561947b4]{padding-top:0rem;padding-bottom:0rem}.py-0-half[data-v-561947b4]{padding-top:.125rem;padding-bottom:.125rem}.py-1[data-v-561947b4]{padding-top:.25rem;padding-bottom:.25rem}.py-1-half[data-v-561947b4]{padding-top:.375rem;padding-bottom:.375rem}.py-2-half[data-v-561947b4]{padding-top:.625rem;padding-bottom:.625rem}.py-2[data-v-561947b4]{padding-top:.5rem;padding-bottom:.5rem}.py-3[data-v-561947b4]{padding-top:.75rem;padding-bottom:.75rem}.py-4[data-v-561947b4]{padding-top:1rem;padding-bottom:1rem}.py-5[data-v-561947b4]{padding-top:1.25rem;padding-bottom:1.25rem}.py-6[data-v-561947b4]{padding-top:1.5rem;padding-bottom:1.5rem}.py-7[data-v-561947b4]{padding-top:1.75rem;padding-bottom:1.75rem}.py-8[data-v-561947b4]{padding-top:2rem;padding-bottom:2rem}.py-10[data-v-561947b4]{padding-top:2.5rem;padding-bottom:2.5rem}.px-0[data-v-561947b4]{padding-left:0rem;padding-right:0rem}.px-0-half[data-v-561947b4]{padding-left:.125rem;padding-right:.125rem}.px-1[data-v-561947b4]{padding-left:.25rem;padding-right:.25rem}.px-1-half[data-v-561947b4]{padding-left:.375rem;padding-right:.375rem}.px-2[data-v-561947b4]{padding-left:.5rem;padding-right:.5rem}.px-2-half[data-v-561947b4]{padding-left:.625rem;padding-right:.625rem}.px-3[data-v-561947b4]{padding-left:.75rem;padding-right:.75rem}.px-4[data-v-561947b4]{padding-left:1rem;padding-right:1rem}.px-5[data-v-561947b4]{padding-left:1.25rem;padding-right:1.25rem}.px-6[data-v-561947b4]{padding-left:1.5rem;padding-right:1.5rem}.px-7[data-v-561947b4]{padding-left:1.75rem;padding-right:1.75rem}.px-8[data-v-561947b4]{padding-left:2rem;padding-right:2rem}.px-10[data-v-561947b4]{padding-left:2.5rem;padding-right:2.5rem}.pt-0[data-v-561947b4]{padding-top:0rem}.pt-0-half[data-v-561947b4]{padding-top:.125rem}.pt-1[data-v-561947b4]{padding-top:.25rem}.pt-1-half[data-v-561947b4]{padding-top:.375rem}.pt-2[data-v-561947b4]{padding-top:.5rem}.pt-2-half[data-v-561947b4]{padding-top:.625rem}.pt-3[data-v-561947b4]{padding-top:.75rem}.pt-4[data-v-561947b4]{padding-top:1rem}.pt-5[data-v-561947b4]{padding-top:1.25rem}.pt-6[data-v-561947b4]{padding-top:1.5rem}.pt-7[data-v-561947b4]{padding-top:1.75rem}.pt-8[data-v-561947b4]{padding-top:2rem}.pt-10[data-v-561947b4]{padding-top:2.5rem}.pr-auto[data-v-561947b4]{padding-right:auto}.pr-0[data-v-561947b4]{padding-right:0rem}.pr-0-half[data-v-561947b4]{padding-right:.125rem}.pr-1[data-v-561947b4]{padding-right:.25rem}.pr-1-half[data-v-561947b4]{padding-right:.375rem}.pr-2[data-v-561947b4]{padding-right:.5rem}.pr-2-half[data-v-561947b4]{padding-right:.625rem}.pr-3[data-v-561947b4]{padding-right:.75rem}.pr-4[data-v-561947b4]{padding-right:1rem}.pr-5[data-v-561947b4]{padding-right:1.25rem}.pr-6[data-v-561947b4]{padding-right:1.5rem}.pr-7[data-v-561947b4]{padding-right:1.75rem}.pr-8[data-v-561947b4]{padding-right:2rem}.pr-10[data-v-561947b4]{padding-right:2.5rem}.pb-0[data-v-561947b4]{padding-bottom:0rem}.pb-0-half[data-v-561947b4]{padding-bottom:.125rem}.pb-1[data-v-561947b4]{padding-bottom:.25rem}.pb-1-half[data-v-561947b4]{padding-bottom:.375rem}.pb-2[data-v-561947b4]{padding-bottom:.5rem}.pb-2-half[data-v-561947b4]{padding-bottom:.625rem}.pb-3[data-v-561947b4]{padding-bottom:.75rem}.pb-4[data-v-561947b4]{padding-bottom:1rem}.pb-5[data-v-561947b4]{padding-bottom:1.25rem}.pb-6[data-v-561947b4]{padding-bottom:1.5rem}.pb-8[data-v-561947b4]{padding-bottom:2rem}.pb-7[data-v-561947b4]{padding-bottom:1.75rem}.pb-10[data-v-561947b4]{padding-bottom:2.5rem}.pl-auto[data-v-561947b4]{padding-left:auto}.pl-0[data-v-561947b4]{padding-left:0rem}.pl-0-half[data-v-561947b4]{padding-left:.125rem}.pl-1[data-v-561947b4]{padding-left:.25rem}.pl-1-half[data-v-561947b4]{padding-left:.375rem}.pl-2[data-v-561947b4]{padding-left:.5rem}.pl-2-half[data-v-561947b4]{padding-left:.625rem}.pl-3[data-v-561947b4]{padding-left:.75rem}.pl-4[data-v-561947b4]{padding-left:1rem}.pl-5[data-v-561947b4]{padding-left:1.25rem}.pl-6[data-v-561947b4]{padding-left:1.5rem}.pl-7[data-v-561947b4]{padding-left:1.75rem}.pl-8[data-v-561947b4]{padding-left:2rem}.pl-10[data-v-561947b4]{padding-left:2.5rem}.m-auto[data-v-561947b4]{margin:auto}.m-0[data-v-561947b4]{margin:0rem}.m-0-half[data-v-561947b4]{margin:.125rem}.m-1[data-v-561947b4]{margin:.25rem}.m-1-half[data-v-561947b4]{margin:.375rem}.m-2[data-v-561947b4]{margin:.5rem}.m-2-half[data-v-561947b4]{margin:.625rem}.m-3[data-v-561947b4]{margin:.75rem}.m-4[data-v-561947b4]{margin:1rem}.m-5[data-v-561947b4]{margin:1.25rem}.m-6[data-v-561947b4]{margin:1.5rem}.m-7[data-v-561947b4]{margin:1.75rem}.m-8[data-v-561947b4]{margin:2rem}.m-10[data-v-561947b4]{margin:2.5rem}.my-auto[data-v-561947b4]{margin-top:auto;margin-bottom:auto}.my-0[data-v-561947b4]{margin-top:0rem;margin-bottom:0rem}.my-0-half[data-v-561947b4]{margin-top:.125rem;margin-bottom:.125rem}.my-1[data-v-561947b4]{margin-top:.25rem;margin-bottom:.25rem}.my-1-half[data-v-561947b4]{margin-top:.375rem;margin-bottom:.375rem}.my-2[data-v-561947b4]{margin-top:.5rem;margin-bottom:.5rem}.my-2-half[data-v-561947b4]{margin-top:.625rem;margin-bottom:.625rem}.my-3[data-v-561947b4]{margin-top:.75rem;margin-bottom:.75rem}.my-4[data-v-561947b4]{margin-top:1rem;margin-bottom:1rem}.my-5[data-v-561947b4]{margin-top:1.25rem;margin-bottom:1.25rem}.my-6[data-v-561947b4]{margin-top:1.5rem;margin-bottom:1.5rem}.my-7[data-v-561947b4]{margin-top:1.75rem;margin-bottom:1.75rem}.my-8[data-v-561947b4]{margin-top:2rem;margin-bottom:2rem}.my-10[data-v-561947b4]{margin-top:2.5rem;margin-bottom:2.5rem}.mx-auto[data-v-561947b4]{margin-left:auto;margin-right:auto}.mx-0[data-v-561947b4]{margin-left:0rem;margin-right:0rem}.mx-0-half[data-v-561947b4]{margin-left:.125rem;margin-right:.125rem}.mx-1[data-v-561947b4]{margin-left:.25rem;margin-right:.25rem}.mx-1-half[data-v-561947b4]{margin-left:.375rem;margin-right:.375rem}.mx-2[data-v-561947b4]{margin-left:.5rem;margin-right:.5rem}.mx-2-half[data-v-561947b4]{margin-left:.625rem;margin-right:.625rem}.mx-3[data-v-561947b4]{margin-left:.75rem;margin-right:.75rem}.mx-4[data-v-561947b4]{margin-left:1rem;margin-right:1rem}.mx-5[data-v-561947b4]{margin-left:1.25rem;margin-right:1.25rem}.mx-6[data-v-561947b4]{margin-left:1.5rem;margin-right:1.5rem}.mx-7[data-v-561947b4]{margin-left:1.75rem;margin-right:1.75rem}.mx-8[data-v-561947b4]{margin-left:2rem;margin-right:2rem}.mx-10[data-v-561947b4]{margin-left:2.5rem;margin-right:2.5rem}.mt-0[data-v-561947b4]{margin-top:0rem}.mt-0-half[data-v-561947b4]{margin-top:.125rem}.mt-1[data-v-561947b4]{margin-top:.25rem}.mt-1-half[data-v-561947b4]{margin-top:.375rem}.mt-2[data-v-561947b4]{margin-top:.5rem}.mt-2-half[data-v-561947b4]{margin-top:.625rem}.mt-3[data-v-561947b4]{margin-top:.75rem}.mt-4[data-v-561947b4]{margin-top:1rem}.mt-5[data-v-561947b4]{margin-top:1.25rem}.mt-6[data-v-561947b4]{margin-top:1.5rem}.mt-7[data-v-561947b4]{margin-top:1.75rem}.mt-8[data-v-561947b4]{margin-top:2rem}.mt-10[data-v-561947b4]{margin-top:2.5rem}.mr-auto[data-v-561947b4]{margin-right:auto}.mr-0[data-v-561947b4]{margin-right:0rem}.mr-0-half[data-v-561947b4]{margin-right:.125rem}.mr-1[data-v-561947b4]{margin-right:.25rem}.mr-1-half[data-v-561947b4]{margin-right:.375rem}.mr-2[data-v-561947b4]{margin-right:.5rem}.mr-2-half[data-v-561947b4]{margin-right:.625rem}.mr-3[data-v-561947b4]{margin-right:.75rem}.mr-4[data-v-561947b4]{margin-right:1rem}.mr-5[data-v-561947b4]{margin-right:1.25rem}.mr-6[data-v-561947b4]{margin-right:1.5rem}.mr-7[data-v-561947b4]{margin-right:1.75rem}.mr-8[data-v-561947b4]{margin-right:2rem}.mr-10[data-v-561947b4]{margin-right:2.5rem}.mb-0[data-v-561947b4]{margin-bottom:0rem}.mb-0-half[data-v-561947b4]{margin-bottom:.125rem}.mb-1[data-v-561947b4]{margin-bottom:.25rem}.mb-1-half[data-v-561947b4]{margin-bottom:.375rem}.mb-2[data-v-561947b4]{margin-bottom:.5rem}.mb-2-half[data-v-561947b4]{margin-bottom:.625rem}.mb-3[data-v-561947b4]{margin-bottom:.75rem}.mb-4[data-v-561947b4]{margin-bottom:1rem}.mb-5[data-v-561947b4]{margin-bottom:1.25rem}.mb-6[data-v-561947b4]{margin-bottom:1.5rem}.mb-7[data-v-561947b4]{margin-bottom:1.75rem}.mb-8[data-v-561947b4]{margin-bottom:2rem}.mb-10[data-v-561947b4]{margin-bottom:2.5rem}.ml-auto[data-v-561947b4]{margin-left:auto}.ml-0[data-v-561947b4]{margin-left:0rem}.ml-0-half[data-v-561947b4]{margin-left:.125rem}.ml-1[data-v-561947b4]{margin-left:.25rem}.ml-1-half[data-v-561947b4]{margin-left:.375rem}.ml-2[data-v-561947b4]{margin-left:.5rem}.ml-2-half[data-v-561947b4]{margin-left:.625rem}.ml-3[data-v-561947b4]{margin-left:.75rem}.ml-4[data-v-561947b4]{margin-left:1rem}.ml-5[data-v-561947b4]{margin-left:1.25rem}.ml-6[data-v-561947b4]{margin-left:1.5rem}.ml-7[data-v-561947b4]{margin-left:1.75rem}.ml-8[data-v-561947b4]{margin-left:2rem}.ml-10[data-v-561947b4]{margin-left:2.5rem}.shadow--card[data-v-561947b4]{box-shadow:0 1px 6px #444b5508;box-shadow:0 1px 10px #444b5508}.shadow--notification[data-v-561947b4]{box-shadow:0 1px 4px 2px #9194981f}.shadow--dropdown[data-v-561947b4]{box-shadow:0 0 8px 3px #696c7212;box-shadow:0 1px 4px #696c7226}.shadow--top-navigation[data-v-561947b4]{box-shadow:0 4px 6px #0000001a}.shadow--modal[data-v-561947b4]{box-shadow:0 10px 10px 2px #444b5521;box-shadow:0 5px 28px #444b5529}.elevation--neg[data-v-561947b4]{z-index:-1}.elevation--0[data-v-561947b4]{z-index:0}.elevation--1[data-v-561947b4]{z-index:1}.elevation--2[data-v-561947b4]{z-index:10}.elevation--3[data-v-561947b4]{z-index:100}.elevation--4[data-v-561947b4]{z-index:1000}@keyframes old-skeleton-blink-561947b4{50%{opacity:.3}}@keyframes skeleton-blink-561947b4{50%{background-color:#e7e7e8}}@keyframes skeleton-blink-dark-561947b4{50%{background-color:#c8c9f3}}@keyframes color-blink-561947b4{50%{color:#919498}}.icons-section[data-v-561947b4]{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #343941}.icons-row[data-v-561947b4]{display:grid;grid-template-columns:4fr 32px 1fr 32px;align-items:center;grid-gap:32px;cursor:pointer;margin:16px auto}.icons-row h6[data-v-561947b4]:hover{text-decoration:underline}.icons-row p[data-v-561947b4]{text-align:right}.images-container[data-v-561947b4]{display:grid;grid-template-columns:1fr 50%;gap:1rem}.images-wrapper[data-v-561947b4]{display:grid;gap:.5rem;background-color:#fff;padding:.5rem;text-align:center}.images-wrapper h6[data-v-561947b4]:hover{text-decoration:underline}.radio-group-wrapper[data-v-561947b4]{padding:2rem;background-color:#fff;box-shadow:0 1px 2px #818489}.sam-filter__menu-activator[data-v-561947b4]{display:block}.sam-filter__menu-activator .sam-filter__no-data[data-v-561947b4]{color:#919498;font-style:italic;text-align:center}.sam-filter__menu-activator .sam-filter__expand-icon[data-v-561947b4]{transition:rotate .15s ease-in-out}.sam-filter__menu-activator .sam-filter__expand-icon.is-flipped[data-v-561947b4]{rotate:-180deg}.sam-filter__menu-activator.is-disabled[data-v-561947b4]{cursor:not-allowed}.sam-filter__menu-activator.is-disabled .sam-filter__expand-icon[data-v-561947b4]{color:#b2b4b7}

package/storybook-static/assets/SamFilter.stories-6CySS4_n.js

@@ -0,0 +1,64 @@
+import{S as D}from"./SamMenu-CZKrfrlj.js";import{S as T}from"./SamChip-DEyxIFGd.js";import{S as z}from"./SamIcon-DNFsVC99.js";import{S as E}from"./SamBadge-BkqlvMru.js";import{o as L}from"./objectHelper-BjpfHllK.js";import{S as P}from"./SamSelectList-De8zwS0z.js";import{l as i,o as s,j as p,w as o,a as f,u as S,x as y,p as U,v as H,c as n,y as h,s as r,F as m,m as W,t as G,n as J,r as b}from"./vue.esm-bundler-D2bhyrl5.js";import{_ as K}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./floating-ui.dom-IVC6gSpJ.js";import"./samora-types.enum-oDRsQA-S.js";import"./iframe-pXj8qGB8.js";import"../sb-preview/runtime.js";import"./dynamic-import-helper-BheWnx7M.js";import"./formatData-DtsxdQc4.js";import"./index-CLQ_oLGC.js";import"./samora-styles.enum-rngfnCTj.js";import"./debounce-BpL2ObF9.js";import"./SamSearch-SWGuhTxt.js";import"./SamCheckbox-ClaCJTQD.js";import"./generators-DaT3isiX.js";import"./SamButton-Dqr2HjBQ.js";import"./SamTooltip-KfbjJRzp.js";import"./SamTextListItem-SgtmIhN6.js";import"./SamLabel-C6WTgxKk.js";const q={name:"SamFilter",components:{SamSelectList:P,SamIcon:z,SamMenu:D,SamChip:T,SamBadge:E},emits:["clear","update:modelValue","item-selection"],props:{items:{type:Array,required:!0,default:()=>[],validator:t=>{var a;return(a=t.every)==null?void 0:a.call(t,e=>L(e,"label","value"))}},modelValue:{type:[Number,String,Array],required:!1,default:void 0},menuOptions:{type:Object,required:!1,default:()=>({})},disabled:{type:Boolean,required:!1,default:!1},multiple:{type:Boolean,required:!1,default:!1},label:{type:String,required:!0},hasSelectAll:{type:Boolean,default:!1,required:!1}},data(){return{selectedValue:this.modelValue??(this.multiple?[]:null)}},computed:{isChipActive(){var t;return this.multiple?!!((t=this.selectedOption)!=null&&t.length):!!this.selectedOption},selectedOption(){return this.multiple?this.items.filter(t=>this.selectedValue.includes(t.value)):this.items.find(t=>t.value===this.modelValue)},hasClear(){return this.isChipActive}},watch:{selectedValue:{handler(t){this.$emit("update:modelValue",t)},deep:!0}},methods:{onItemSelection(t){this.$emit("item-selection",t)},clear(){this.multiple?this.selectedValue=[]:this.selectedValue=null,this.$emit("clear"),this.$refs.chip.$el.blur()}}},Q={class:"d-flex middle-xs"},R={key:2,class:"d-flex gap-1 items-center"},X={key:0,"data-testid":"sam-filter__no-data",class:"sam-filter__no-data"};function Y(t,a,e,Z,g,l){const _=i("SamIcon"),B=i("SamBadge"),w=i("SamChip"),A=i("SamSelectList"),M=i("SamMenu");return s(),p(M,{options:e.menuOptions,"close-on-content-click":!e.multiple,class:"sam-filter"},{activator:o(({on:u,isMenuOpen:N,toggle:j})=>[f("a",W({class:["sam-filter__menu-activator",{"is-disabled":e.disabled}],"data-testid":"sam-filter__menu-activator"},G(e.disabled?{}:u,!0)),[S(w,{ref:"chip","sam-type":"outlined",label:e.label,disabled:e.disabled,active:l.isChipActive},{append:o(()=>[f("div",Q,[l.hasClear?(s(),p(_,{key:0,class:"sam-filter__clear-icon",icon:"interface-close",size:"xs",onClick:y(l.clear,["stop"])},null,8,["onClick"])):U("",!0),S(_,{class:H(["sam-filter__expand-icon",{"is-flipped":N}]),icon:"arrow-chevron-down",size:"sm",onClick:y(j,["stop"])},null,8,["class","onClick"])])]),default:o(()=>[(e.multiple?!l.selectedOption.length:!l.selectedOption)?(s(),n(m,{key:0},[h(r(e.label),1)],64)):!e.multiple||e.multiple&&l.selectedOption.length===1?(s(),n(m,{key:1},[h(r(e.multiple?l.selectedOption[0].label:l.selectedOption.label),1)],64)):e.multiple&&l.selectedOption.length>1?(s(),n("div",R,[f("span",null,r(e.label),1),S(B,{"sam-style":e.disabled?"inactive":"tertiary",value:l.selectedOption.length},null,8,["sam-style","value"])])):(s(),n(m,{key:3},[h(r(e.label),1)],64))]),_:2},1032,["label","disabled","active"])],16)]),default:o(()=>[e.items.length?(s(),p(A,{key:1,modelValue:g.selectedValue,"onUpdate:modelValue":a[0]||(a[0]=u=>g.selectedValue=u),"data-testid":"sam-filter__select-list",items:e.items,multiple:e.multiple,"has-select-all":e.hasSelectAll,onItemClick:l.onItemSelection},null,8,["modelValue","items","multiple","has-select-all","onItemClick"])):(s(),n(m,{key:0},[t.$slots["no-data"]?J(t.$slots,"no-data",{key:1},void 0,!0):(s(),n("div",X," No data to show "))],64))]),_:3},8,["options","close-on-content-click"])}const v=K(q,[["render",Y],["__scopeId","data-v-561947b4"]]);q.__docgenInfo={displayName:"SamFilter",exportName:"default",description:"",tags:{},props:[{name:"items",description:"The options for the dropdown",type:{name:"array"},required:!0,defaultValue:{func:!1,value:"[]"}},{name:"modelValue",description:"The selection value",type:{name:"number|string|array"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"menuOptions",description:"The SamMenu options to be applied",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"{}"}},{name:"disabled",description:"If the selection is disabled",tags:{},values:["true","false"],type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"multiple",description:"If it allows multiple selection",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"label",description:"The Chip label",type:{name:"string"},required:!0},{name:"hasSelectAll",description:"If it has select all option in the menu",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"clear"},{name:"update:modelValue",type:{names:["undefined"]}},{name:"item-selection",type:{names:["undefined"]}}],slots:[{name:"no-data"}],sourceFiles:["/Users/michelafederico/WebstormProjects/Unbabel/samora/vue3-components/src/components/Molecules/SamFilter/SamFilter.vue"]};const Fe={component:v,tags:["autodocs"]},I=[{label:"Alfa",value:"value1"},{label:"Bravo",value:"value2"},{label:"Charlie",value:"value3"},{label:"Delta",value:"value4"},{label:"Echo",value:"value5"}],c={name:"Filter Default",render:t=>({components:{SamFilter:v},setup(){const a=b(null);return{args:t,selected:a}},template:`
+    <div class='container'>
+      <SamFilter v-model='selected' v-bind="args" />
+    </div>
+    `}),args:{label:"Single Selection",items:I}},d={name:"Filter Variants",render:t=>({components:{SamFilter:v},setup(){const a=b(null),e=b(null);return{args:t,singleSelected:a,multipleSelected:e,options:I}},template:`
+    <div class='d-flex' justify-space-around>
+      <SamFilter v-model="singleSelected" label="Single Selection" :items="options" />
+      <SamFilter v-model="multipleSelected" label="Multiple Selection" :items="options" multiple />
+      <SamFilter label='Disabled' :items='options' disabled />
+    </div>
+    <br/>
+    <p class="text--caption"><strong>Value for single:</strong> {{ singleSelected }}</p>
+    <p class="text--caption"><strong>Value for multiple:</strong> {{ multipleSelected }}</p>
+    `})};var V,F,C;c.parameters={...c.parameters,docs:{...(V=c.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  name: "Filter Default",
+  render: args => ({
+    components: {
+      SamFilter
+    },
+    setup() {
+      const selected = ref(null);
+      return {
+        args,
+        selected
+      };
+    },
+    template: \`
+    <div class='container'>
+      <SamFilter v-model='selected' v-bind="args" />
+    </div>
+    \`
+  }),
+  args: {
+    label: 'Single Selection',
+    items: options
+  }
+}`,...(C=(F=c.parameters)==null?void 0:F.docs)==null?void 0:C.source}}};var k,x,O;d.parameters={...d.parameters,docs:{...(k=d.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  name: "Filter Variants",
+  render: args => ({
+    components: {
+      SamFilter
+    },
+    setup() {
+      const singleSelected = ref(null);
+      const multipleSelected = ref(null);
+      return {
+        args,
+        singleSelected,
+        multipleSelected,
+        options
+      };
+    },
+    template: \`
+    <div class='d-flex' justify-space-around>
+      <SamFilter v-model="singleSelected" label="Single Selection" :items="options" />
+      <SamFilter v-model="multipleSelected" label="Multiple Selection" :items="options" multiple />
+      <SamFilter label='Disabled' :items='options' disabled />
+    </div>
+    <br/>
+    <p class="text--caption"><strong>Value for single:</strong> {{ singleSelected }}</p>
+    <p class="text--caption"><strong>Value for multiple:</strong> {{ multipleSelected }}</p>
+    \`
+  })
+}`,...(O=(x=d.parameters)==null?void 0:x.docs)==null?void 0:O.source}}};const Ce=["Filter","ChipSelectVariants"];export{d as ChipSelectVariants,c as Filter,Ce as __namedExportsOrder,Fe as default};

package/storybook-static/assets/SamFloatingActions-BC5MloDK.css

@@ -0,0 +1 @@
+.text--overline[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:500;text-transform:uppercase;letter-spacing:.08rem}.text--caption--mini[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.375rem;line-height:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.025rem}.text--caption[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:400}.text--caption--medium[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:500}.text--caption--demi[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:600}.text--button[data-v-ff63da29],.text--title[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}.text--body-1[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:400}.text--body-1--medium[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:500}.text--body-2[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:400}.text--body-2--medium[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:500}.text--body-3[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:600}.text--subtitle[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:600}h6[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}h5[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:600}h4[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.5rem;line-height:2rem;font-weight:600}h3[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.75rem;line-height:2.25rem;font-weight:600}h2[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2rem;line-height:2.5rem;font-weight:600}h1[data-v-ff63da29]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2.25rem;line-height:2.75rem;font-weight:600}.text--ellipse[data-v-ff63da29]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-center[data-v-ff63da29]{text-align:center}.text--bold[data-v-ff63da29]{font-weight:600}.text--primary[data-v-ff63da29]{color:#3843d0}.text--secondary[data-v-ff63da29]{color:#9152ae}.text--success[data-v-ff63da29]{color:#1a8752}.text--error[data-v-ff63da29]{color:#e90c37}.text--warning[data-v-ff63da29]{color:#eb611c}.text--light[data-v-ff63da29]{color:#696c72}.text--black[data-v-ff63da29]{color:#000}.text--white[data-v-ff63da29]{color:#fff}.w-100[data-v-ff63da29]{width:100%}.h-100[data-v-ff63da29]{height:100%}.d-block[data-v-ff63da29]{display:block}.d-inline[data-v-ff63da29]{display:inline}.d-inline-block[data-v-ff63da29]{display:inline-block}.d-flex[data-v-ff63da29],.sam-floating-actions__positioningHelper[data-v-ff63da29]:not(.is-aligned-with-viewport),.sam-floating-actions__actionsWrapper[data-v-ff63da29],.sam-floating-actions__messageWrapper[data-v-ff63da29]{display:flex}.d-inline-flex[data-v-ff63da29],.sam-floating-actions[data-v-ff63da29]{display:inline-flex}.d-none[data-v-ff63da29]{display:none}.wrap-flex[data-v-ff63da29]{flex-wrap:wrap}.flex-center[data-v-ff63da29],.items-center[data-v-ff63da29],.sam-floating-actions__actionsWrapper[data-v-ff63da29],.sam-floating-actions__messageWrapper[data-v-ff63da29]{align-items:center}.flex-start[data-v-ff63da29],.items-start[data-v-ff63da29]{align-items:flex-start}.flex-end[data-v-ff63da29],.items-end[data-v-ff63da29]{align-items:flex-end}.flex-baseline[data-v-ff63da29],.items-baseline[data-v-ff63da29]{align-items:baseline}.justify-center[data-v-ff63da29],.sam-floating-actions__positioningHelper[data-v-ff63da29]:not(.is-aligned-with-viewport){justify-content:center}.justify-start[data-v-ff63da29]{justify-content:flex-start}.justify-end[data-v-ff63da29]{justify-content:flex-end}.justify-between[data-v-ff63da29]{justify-content:space-between}.flex-column[data-v-ff63da29]{flex-direction:column}.gap-0[data-v-ff63da29]{gap:0rem}.gap-1[data-v-ff63da29],.sam-floating-actions__messageWrapper[data-v-ff63da29]{gap:.25rem}.gap-1-half[data-v-ff63da29]{gap:.375rem}.gap-2[data-v-ff63da29],.sam-floating-actions__actionsWrapper[data-v-ff63da29]{gap:.5rem}.gap-3[data-v-ff63da29]{gap:.75rem}.gap-4[data-v-ff63da29]{gap:1rem}.gap-5[data-v-ff63da29]{gap:1.25rem}.gap-6[data-v-ff63da29],.sam-floating-actions[data-v-ff63da29]{gap:1.5rem}.gap-7[data-v-ff63da29]{gap:1.75rem}.gap-8[data-v-ff63da29]{gap:2rem}.gap-10[data-v-ff63da29]{gap:2.5rem}.grow[data-v-ff63da29]{flex-grow:1}.grow-0[data-v-ff63da29]{flex-grow:0}.container-fluid[data-v-ff63da29],.container[data-v-ff63da29]{margin-right:auto;margin-left:auto}.container-fluid[data-v-ff63da29]{padding-right:1rem;padding-left:1rem}.row[data-v-ff63da29]{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse[data-v-ff63da29]{flex-direction:row-reverse}.col.reverse[data-v-ff63da29]{flex-direction:column-reverse}.col-xs[data-v-ff63da29],.col-xs-1[data-v-ff63da29],.col-xs-2[data-v-ff63da29],.col-xs-3[data-v-ff63da29],.col-xs-4[data-v-ff63da29],.col-xs-5[data-v-ff63da29],.col-xs-6[data-v-ff63da29],.col-xs-7[data-v-ff63da29],.col-xs-8[data-v-ff63da29],.col-xs-9[data-v-ff63da29],.col-xs-10[data-v-ff63da29],.col-xs-11[data-v-ff63da29],.col-xs-12[data-v-ff63da29],.col-xs-offset-0[data-v-ff63da29],.col-xs-offset-1[data-v-ff63da29],.col-xs-offset-2[data-v-ff63da29],.col-xs-offset-3[data-v-ff63da29],.col-xs-offset-4[data-v-ff63da29],.col-xs-offset-5[data-v-ff63da29],.col-xs-offset-6[data-v-ff63da29],.col-xs-offset-7[data-v-ff63da29],.col-xs-offset-8[data-v-ff63da29],.col-xs-offset-9[data-v-ff63da29],.col-xs-offset-10[data-v-ff63da29],.col-xs-offset-11[data-v-ff63da29],.col-xs-offset-12[data-v-ff63da29]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs[data-v-ff63da29]{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1[data-v-ff63da29]{flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2[data-v-ff63da29]{flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3[data-v-ff63da29]{flex-basis:25%;max-width:25%}.col-xs-4[data-v-ff63da29]{flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5[data-v-ff63da29]{flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6[data-v-ff63da29]{flex-basis:50%;max-width:50%}.col-xs-7[data-v-ff63da29]{flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8[data-v-ff63da29]{flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9[data-v-ff63da29]{flex-basis:75%;max-width:75%}.col-xs-10[data-v-ff63da29]{flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11[data-v-ff63da29]{flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12[data-v-ff63da29]{flex-basis:100%;max-width:100%}.col-xs-offset-0[data-v-ff63da29]{margin-left:0}.col-xs-offset-1[data-v-ff63da29]{margin-left:8.33333333%}.col-xs-offset-2[data-v-ff63da29]{margin-left:16.66666667%}.col-xs-offset-3[data-v-ff63da29]{margin-left:25%}.col-xs-offset-4[data-v-ff63da29]{margin-left:33.33333333%}.col-xs-offset-5[data-v-ff63da29]{margin-left:41.66666667%}.col-xs-offset-6[data-v-ff63da29]{margin-left:50%}.col-xs-offset-7[data-v-ff63da29]{margin-left:58.33333333%}.col-xs-offset-8[data-v-ff63da29]{margin-left:66.66666667%}.col-xs-offset-9[data-v-ff63da29]{margin-left:75%}.col-xs-offset-10[data-v-ff63da29]{margin-left:83.33333333%}.col-xs-offset-11[data-v-ff63da29]{margin-left:91.66666667%}.start-xs[data-v-ff63da29]{justify-content:flex-start;text-align:start}.center-xs[data-v-ff63da29]{justify-content:center;text-align:center}.end-xs[data-v-ff63da29]{justify-content:flex-end;text-align:end}.top-xs[data-v-ff63da29]{align-items:flex-start}.middle-xs[data-v-ff63da29]{align-items:center}.bottom-xs[data-v-ff63da29]{align-items:flex-end}.around-xs[data-v-ff63da29]{justify-content:space-around}.between-xs[data-v-ff63da29]{justify-content:space-between}.first-xs[data-v-ff63da29]{order:-1}.last-xs[data-v-ff63da29]{order:1}@media only screen and (min-width: 48rem){.container[data-v-ff63da29]{width:48rem}.col-sm[data-v-ff63da29],.col-sm-1[data-v-ff63da29],.col-sm-2[data-v-ff63da29],.col-sm-3[data-v-ff63da29],.col-sm-4[data-v-ff63da29],.col-sm-5[data-v-ff63da29],.col-sm-6[data-v-ff63da29],.col-sm-7[data-v-ff63da29],.col-sm-8[data-v-ff63da29],.col-sm-9[data-v-ff63da29],.col-sm-10[data-v-ff63da29],.col-sm-11[data-v-ff63da29],.col-sm-12[data-v-ff63da29],.col-sm-offset-0[data-v-ff63da29],.col-sm-offset-1[data-v-ff63da29],.col-sm-offset-2[data-v-ff63da29],.col-sm-offset-3[data-v-ff63da29],.col-sm-offset-4[data-v-ff63da29],.col-sm-offset-5[data-v-ff63da29],.col-sm-offset-6[data-v-ff63da29],.col-sm-offset-7[data-v-ff63da29],.col-sm-offset-8[data-v-ff63da29],.col-sm-offset-9[data-v-ff63da29],.col-sm-offset-10[data-v-ff63da29],.col-sm-offset-11[data-v-ff63da29],.col-sm-offset-12[data-v-ff63da29]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm[data-v-ff63da29]{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1[data-v-ff63da29]{flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2[data-v-ff63da29]{flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3[data-v-ff63da29]{flex-basis:25%;max-width:25%}.col-sm-4[data-v-ff63da29]{flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5[data-v-ff63da29]{flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6[data-v-ff63da29]{flex-basis:50%;max-width:50%}.col-sm-7[data-v-ff63da29]{flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8[data-v-ff63da29]{flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9[data-v-ff63da29]{flex-basis:75%;max-width:75%}.col-sm-10[data-v-ff63da29]{flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11[data-v-ff63da29]{flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12[data-v-ff63da29]{flex-basis:100%;max-width:100%}.col-sm-offset-0[data-v-ff63da29]{margin-left:0}.col-sm-offset-1[data-v-ff63da29]{margin-left:8.33333333%}.col-sm-offset-2[data-v-ff63da29]{margin-left:16.66666667%}.col-sm-offset-3[data-v-ff63da29]{margin-left:25%}.col-sm-offset-4[data-v-ff63da29]{margin-left:33.33333333%}.col-sm-offset-5[data-v-ff63da29]{margin-left:41.66666667%}.col-sm-offset-6[data-v-ff63da29]{margin-left:50%}.col-sm-offset-7[data-v-ff63da29]{margin-left:58.33333333%}.col-sm-offset-8[data-v-ff63da29]{margin-left:66.66666667%}.col-sm-offset-9[data-v-ff63da29]{margin-left:75%}.col-sm-offset-10[data-v-ff63da29]{margin-left:83.33333333%}.col-sm-offset-11[data-v-ff63da29]{margin-left:91.66666667%}.start-sm[data-v-ff63da29]{justify-content:flex-start;text-align:start}.center-sm[data-v-ff63da29]{justify-content:center;text-align:center}.end-sm[data-v-ff63da29]{justify-content:flex-end;text-align:end}.top-sm[data-v-ff63da29]{align-items:flex-start}.middle-sm[data-v-ff63da29]{align-items:center}.bottom-sm[data-v-ff63da29]{align-items:flex-end}.around-sm[data-v-ff63da29]{justify-content:space-around}.between-sm[data-v-ff63da29]{justify-content:space-between}.first-sm[data-v-ff63da29]{order:-1}.last-sm[data-v-ff63da29]{order:1}}@media only screen and (min-width: 64rem){.container[data-v-ff63da29]{width:64rem}.col-md[data-v-ff63da29],.col-md-1[data-v-ff63da29],.col-md-2[data-v-ff63da29],.col-md-3[data-v-ff63da29],.col-md-4[data-v-ff63da29],.col-md-5[data-v-ff63da29],.col-md-6[data-v-ff63da29],.col-md-7[data-v-ff63da29],.col-md-8[data-v-ff63da29],.col-md-9[data-v-ff63da29],.col-md-10[data-v-ff63da29],.col-md-11[data-v-ff63da29],.col-md-12[data-v-ff63da29],.col-md-offset-0[data-v-ff63da29],.col-md-offset-1[data-v-ff63da29],.col-md-offset-2[data-v-ff63da29],.col-md-offset-3[data-v-ff63da29],.col-md-offset-4[data-v-ff63da29],.col-md-offset-5[data-v-ff63da29],.col-md-offset-6[data-v-ff63da29],.col-md-offset-7[data-v-ff63da29],.col-md-offset-8[data-v-ff63da29],.col-md-offset-9[data-v-ff63da29],.col-md-offset-10[data-v-ff63da29],.col-md-offset-11[data-v-ff63da29],.col-md-offset-12[data-v-ff63da29]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md[data-v-ff63da29]{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1[data-v-ff63da29]{flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2[data-v-ff63da29]{flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3[data-v-ff63da29]{flex-basis:25%;max-width:25%}.col-md-4[data-v-ff63da29]{flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5[data-v-ff63da29]{flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6[data-v-ff63da29]{flex-basis:50%;max-width:50%}.col-md-7[data-v-ff63da29]{flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8[data-v-ff63da29]{flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9[data-v-ff63da29]{flex-basis:75%;max-width:75%}.col-md-10[data-v-ff63da29]{flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11[data-v-ff63da29]{flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12[data-v-ff63da29]{flex-basis:100%;max-width:100%}.col-md-offset-0[data-v-ff63da29]{margin-left:0}.col-md-offset-1[data-v-ff63da29]{margin-left:8.33333333%}.col-md-offset-2[data-v-ff63da29]{margin-left:16.66666667%}.col-md-offset-3[data-v-ff63da29]{margin-left:25%}.col-md-offset-4[data-v-ff63da29]{margin-left:33.33333333%}.col-md-offset-5[data-v-ff63da29]{margin-left:41.66666667%}.col-md-offset-6[data-v-ff63da29]{margin-left:50%}.col-md-offset-7[data-v-ff63da29]{margin-left:58.33333333%}.col-md-offset-8[data-v-ff63da29]{margin-left:66.66666667%}.col-md-offset-9[data-v-ff63da29]{margin-left:75%}.col-md-offset-10[data-v-ff63da29]{margin-left:83.33333333%}.col-md-offset-11[data-v-ff63da29]{margin-left:91.66666667%}.start-md[data-v-ff63da29]{justify-content:flex-start;text-align:start}.center-md[data-v-ff63da29]{justify-content:center;text-align:center}.end-md[data-v-ff63da29]{justify-content:flex-end;text-align:end}.top-md[data-v-ff63da29]{align-items:flex-start}.middle-md[data-v-ff63da29]{align-items:center}.bottom-md[data-v-ff63da29]{align-items:flex-end}.around-md[data-v-ff63da29]{justify-content:space-around}.between-md[data-v-ff63da29]{justify-content:space-between}.first-md[data-v-ff63da29]{order:-1}.last-md[data-v-ff63da29]{order:1}}@media only screen and (min-width: 75rem){.container[data-v-ff63da29]{width:75rem}.col-lg[data-v-ff63da29],.col-lg-1[data-v-ff63da29],.col-lg-2[data-v-ff63da29],.col-lg-3[data-v-ff63da29],.col-lg-4[data-v-ff63da29],.col-lg-5[data-v-ff63da29],.col-lg-6[data-v-ff63da29],.col-lg-7[data-v-ff63da29],.col-lg-8[data-v-ff63da29],.col-lg-9[data-v-ff63da29],.col-lg-10[data-v-ff63da29],.col-lg-11[data-v-ff63da29],.col-lg-12[data-v-ff63da29],.col-lg-offset-0[data-v-ff63da29],.col-lg-offset-1[data-v-ff63da29],.col-lg-offset-2[data-v-ff63da29],.col-lg-offset-3[data-v-ff63da29],.col-lg-offset-4[data-v-ff63da29],.col-lg-offset-5[data-v-ff63da29],.col-lg-offset-6[data-v-ff63da29],.col-lg-offset-7[data-v-ff63da29],.col-lg-offset-8[data-v-ff63da29],.col-lg-offset-9[data-v-ff63da29],.col-lg-offset-10[data-v-ff63da29],.col-lg-offset-11[data-v-ff63da29],.col-lg-offset-12[data-v-ff63da29]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg[data-v-ff63da29]{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1[data-v-ff63da29]{flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2[data-v-ff63da29]{flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3[data-v-ff63da29]{flex-basis:25%;max-width:25%}.col-lg-4[data-v-ff63da29]{flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5[data-v-ff63da29]{flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6[data-v-ff63da29]{flex-basis:50%;max-width:50%}.col-lg-7[data-v-ff63da29]{flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8[data-v-ff63da29]{flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9[data-v-ff63da29]{flex-basis:75%;max-width:75%}.col-lg-10[data-v-ff63da29]{flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11[data-v-ff63da29]{flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12[data-v-ff63da29]{flex-basis:100%;max-width:100%}.col-lg-offset-0[data-v-ff63da29]{margin-left:0}.col-lg-offset-1[data-v-ff63da29]{margin-left:8.33333333%}.col-lg-offset-2[data-v-ff63da29]{margin-left:16.66666667%}.col-lg-offset-3[data-v-ff63da29]{margin-left:25%}.col-lg-offset-4[data-v-ff63da29]{margin-left:33.33333333%}.col-lg-offset-5[data-v-ff63da29]{margin-left:41.66666667%}.col-lg-offset-6[data-v-ff63da29]{margin-left:50%}.col-lg-offset-7[data-v-ff63da29]{margin-left:58.33333333%}.col-lg-offset-8[data-v-ff63da29]{margin-left:66.66666667%}.col-lg-offset-9[data-v-ff63da29]{margin-left:75%}.col-lg-offset-10[data-v-ff63da29]{margin-left:83.33333333%}.col-lg-offset-11[data-v-ff63da29]{margin-left:91.66666667%}.start-lg[data-v-ff63da29]{justify-content:flex-start;text-align:start}.center-lg[data-v-ff63da29]{justify-content:center;text-align:center}.end-lg[data-v-ff63da29]{justify-content:flex-end;text-align:end}.top-lg[data-v-ff63da29]{align-items:flex-start}.middle-lg[data-v-ff63da29]{align-items:center}.bottom-lg[data-v-ff63da29]{align-items:flex-end}.around-lg[data-v-ff63da29]{justify-content:space-around}.between-lg[data-v-ff63da29]{justify-content:space-between}.first-lg[data-v-ff63da29]{order:-1}.last-lg[data-v-ff63da29]{order:1}}.p-0[data-v-ff63da29]{padding:0rem}.p-0-half[data-v-ff63da29]{padding:.125rem}.p-1[data-v-ff63da29]{padding:.25rem}.p-1-half[data-v-ff63da29]{padding:.375rem}.p-2[data-v-ff63da29]{padding:.5rem}.p-2-half[data-v-ff63da29]{padding:.625rem}.p-3[data-v-ff63da29]{padding:.75rem}.p-4[data-v-ff63da29]{padding:1rem}.p-5[data-v-ff63da29]{padding:1.25rem}.p-6[data-v-ff63da29]{padding:1.5rem}.p-7[data-v-ff63da29]{padding:1.75rem}.p-8[data-v-ff63da29]{padding:2rem}.p-10[data-v-ff63da29]{padding:2.5rem}.py-0[data-v-ff63da29]{padding-top:0rem;padding-bottom:0rem}.py-0-half[data-v-ff63da29]{padding-top:.125rem;padding-bottom:.125rem}.py-1[data-v-ff63da29]{padding-top:.25rem;padding-bottom:.25rem}.py-1-half[data-v-ff63da29]{padding-top:.375rem;padding-bottom:.375rem}.py-2-half[data-v-ff63da29]{padding-top:.625rem;padding-bottom:.625rem}.py-2[data-v-ff63da29],.sam-floating-actions[data-v-ff63da29]{padding-top:.5rem;padding-bottom:.5rem}.py-3[data-v-ff63da29]{padding-top:.75rem;padding-bottom:.75rem}.py-4[data-v-ff63da29]{padding-top:1rem;padding-bottom:1rem}.py-5[data-v-ff63da29]{padding-top:1.25rem;padding-bottom:1.25rem}.py-6[data-v-ff63da29]{padding-top:1.5rem;padding-bottom:1.5rem}.py-7[data-v-ff63da29]{padding-top:1.75rem;padding-bottom:1.75rem}.py-8[data-v-ff63da29]{padding-top:2rem;padding-bottom:2rem}.py-10[data-v-ff63da29]{padding-top:2.5rem;padding-bottom:2.5rem}.px-0[data-v-ff63da29]{padding-left:0rem;padding-right:0rem}.px-0-half[data-v-ff63da29]{padding-left:.125rem;padding-right:.125rem}.px-1[data-v-ff63da29]{padding-left:.25rem;padding-right:.25rem}.px-1-half[data-v-ff63da29]{padding-left:.375rem;padding-right:.375rem}.px-2[data-v-ff63da29]{padding-left:.5rem;padding-right:.5rem}.px-2-half[data-v-ff63da29]{padding-left:.625rem;padding-right:.625rem}.px-3[data-v-ff63da29]{padding-left:.75rem;padding-right:.75rem}.px-4[data-v-ff63da29],.sam-floating-actions[data-v-ff63da29]{padding-left:1rem;padding-right:1rem}.px-5[data-v-ff63da29]{padding-left:1.25rem;padding-right:1.25rem}.px-6[data-v-ff63da29]{padding-left:1.5rem;padding-right:1.5rem}.px-7[data-v-ff63da29]{padding-left:1.75rem;padding-right:1.75rem}.px-8[data-v-ff63da29]{padding-left:2rem;padding-right:2rem}.px-10[data-v-ff63da29]{padding-left:2.5rem;padding-right:2.5rem}.pt-0[data-v-ff63da29]{padding-top:0rem}.pt-0-half[data-v-ff63da29]{padding-top:.125rem}.pt-1[data-v-ff63da29]{padding-top:.25rem}.pt-1-half[data-v-ff63da29]{padding-top:.375rem}.pt-2[data-v-ff63da29]{padding-top:.5rem}.pt-2-half[data-v-ff63da29]{padding-top:.625rem}.pt-3[data-v-ff63da29]{padding-top:.75rem}.pt-4[data-v-ff63da29]{padding-top:1rem}.pt-5[data-v-ff63da29]{padding-top:1.25rem}.pt-6[data-v-ff63da29]{padding-top:1.5rem}.pt-7[data-v-ff63da29]{padding-top:1.75rem}.pt-8[data-v-ff63da29]{padding-top:2rem}.pt-10[data-v-ff63da29]{padding-top:2.5rem}.pr-auto[data-v-ff63da29]{padding-right:auto}.pr-0[data-v-ff63da29]{padding-right:0rem}.pr-0-half[data-v-ff63da29]{padding-right:.125rem}.pr-1[data-v-ff63da29]{padding-right:.25rem}.pr-1-half[data-v-ff63da29]{padding-right:.375rem}.pr-2[data-v-ff63da29]{padding-right:.5rem}.pr-2-half[data-v-ff63da29]{padding-right:.625rem}.pr-3[data-v-ff63da29]{padding-right:.75rem}.pr-4[data-v-ff63da29]{padding-right:1rem}.pr-5[data-v-ff63da29]{padding-right:1.25rem}.pr-6[data-v-ff63da29]{padding-right:1.5rem}.pr-7[data-v-ff63da29]{padding-right:1.75rem}.pr-8[data-v-ff63da29]{padding-right:2rem}.pr-10[data-v-ff63da29]{padding-right:2.5rem}.pb-0[data-v-ff63da29]{padding-bottom:0rem}.pb-0-half[data-v-ff63da29]{padding-bottom:.125rem}.pb-1[data-v-ff63da29]{padding-bottom:.25rem}.pb-1-half[data-v-ff63da29]{padding-bottom:.375rem}.pb-2[data-v-ff63da29]{padding-bottom:.5rem}.pb-2-half[data-v-ff63da29]{padding-bottom:.625rem}.pb-3[data-v-ff63da29]{padding-bottom:.75rem}.pb-4[data-v-ff63da29]{padding-bottom:1rem}.pb-5[data-v-ff63da29]{padding-bottom:1.25rem}.pb-6[data-v-ff63da29]{padding-bottom:1.5rem}.pb-8[data-v-ff63da29]{padding-bottom:2rem}.pb-7[data-v-ff63da29]{padding-bottom:1.75rem}.pb-10[data-v-ff63da29]{padding-bottom:2.5rem}.pl-auto[data-v-ff63da29]{padding-left:auto}.pl-0[data-v-ff63da29]{padding-left:0rem}.pl-0-half[data-v-ff63da29]{padding-left:.125rem}.pl-1[data-v-ff63da29]{padding-left:.25rem}.pl-1-half[data-v-ff63da29]{padding-left:.375rem}.pl-2[data-v-ff63da29]{padding-left:.5rem}.pl-2-half[data-v-ff63da29]{padding-left:.625rem}.pl-3[data-v-ff63da29]{padding-left:.75rem}.pl-4[data-v-ff63da29]{padding-left:1rem}.pl-5[data-v-ff63da29]{padding-left:1.25rem}.pl-6[data-v-ff63da29]{padding-left:1.5rem}.pl-7[data-v-ff63da29]{padding-left:1.75rem}.pl-8[data-v-ff63da29]{padding-left:2rem}.pl-10[data-v-ff63da29]{padding-left:2.5rem}.m-auto[data-v-ff63da29]{margin:auto}.m-0[data-v-ff63da29]{margin:0rem}.m-0-half[data-v-ff63da29]{margin:.125rem}.m-1[data-v-ff63da29]{margin:.25rem}.m-1-half[data-v-ff63da29]{margin:.375rem}.m-2[data-v-ff63da29]{margin:.5rem}.m-2-half[data-v-ff63da29]{margin:.625rem}.m-3[data-v-ff63da29]{margin:.75rem}.m-4[data-v-ff63da29]{margin:1rem}.m-5[data-v-ff63da29]{margin:1.25rem}.m-6[data-v-ff63da29]{margin:1.5rem}.m-7[data-v-ff63da29]{margin:1.75rem}.m-8[data-v-ff63da29]{margin:2rem}.m-10[data-v-ff63da29]{margin:2.5rem}.my-auto[data-v-ff63da29]{margin-top:auto;margin-bottom:auto}.my-0[data-v-ff63da29]{margin-top:0rem;margin-bottom:0rem}.my-0-half[data-v-ff63da29]{margin-top:.125rem;margin-bottom:.125rem}.my-1[data-v-ff63da29]{margin-top:.25rem;margin-bottom:.25rem}.my-1-half[data-v-ff63da29]{margin-top:.375rem;margin-bottom:.375rem}.my-2[data-v-ff63da29]{margin-top:.5rem;margin-bottom:.5rem}.my-2-half[data-v-ff63da29]{margin-top:.625rem;margin-bottom:.625rem}.my-3[data-v-ff63da29]{margin-top:.75rem;margin-bottom:.75rem}.my-4[data-v-ff63da29]{margin-top:1rem;margin-bottom:1rem}.my-5[data-v-ff63da29]{margin-top:1.25rem;margin-bottom:1.25rem}.my-6[data-v-ff63da29]{margin-top:1.5rem;margin-bottom:1.5rem}.my-7[data-v-ff63da29]{margin-top:1.75rem;margin-bottom:1.75rem}.my-8[data-v-ff63da29]{margin-top:2rem;margin-bottom:2rem}.my-10[data-v-ff63da29]{margin-top:2.5rem;margin-bottom:2.5rem}.mx-auto[data-v-ff63da29]{margin-left:auto;margin-right:auto}.mx-0[data-v-ff63da29]{margin-left:0rem;margin-right:0rem}.mx-0-half[data-v-ff63da29]{margin-left:.125rem;margin-right:.125rem}.mx-1[data-v-ff63da29]{margin-left:.25rem;margin-right:.25rem}.mx-1-half[data-v-ff63da29]{margin-left:.375rem;margin-right:.375rem}.mx-2[data-v-ff63da29]{margin-left:.5rem;margin-right:.5rem}.mx-2-half[data-v-ff63da29]{margin-left:.625rem;margin-right:.625rem}.mx-3[data-v-ff63da29]{margin-left:.75rem;margin-right:.75rem}.mx-4[data-v-ff63da29]{margin-left:1rem;margin-right:1rem}.mx-5[data-v-ff63da29]{margin-left:1.25rem;margin-right:1.25rem}.mx-6[data-v-ff63da29]{margin-left:1.5rem;margin-right:1.5rem}.mx-7[data-v-ff63da29]{margin-left:1.75rem;margin-right:1.75rem}.mx-8[data-v-ff63da29]{margin-left:2rem;margin-right:2rem}.mx-10[data-v-ff63da29]{margin-left:2.5rem;margin-right:2.5rem}.mt-0[data-v-ff63da29]{margin-top:0rem}.mt-0-half[data-v-ff63da29]{margin-top:.125rem}.mt-1[data-v-ff63da29]{margin-top:.25rem}.mt-1-half[data-v-ff63da29]{margin-top:.375rem}.mt-2[data-v-ff63da29]{margin-top:.5rem}.mt-2-half[data-v-ff63da29]{margin-top:.625rem}.mt-3[data-v-ff63da29]{margin-top:.75rem}.mt-4[data-v-ff63da29]{margin-top:1rem}.mt-5[data-v-ff63da29]{margin-top:1.25rem}.mt-6[data-v-ff63da29]{margin-top:1.5rem}.mt-7[data-v-ff63da29]{margin-top:1.75rem}.mt-8[data-v-ff63da29]{margin-top:2rem}.mt-10[data-v-ff63da29]{margin-top:2.5rem}.mr-auto[data-v-ff63da29]{margin-right:auto}.mr-0[data-v-ff63da29]{margin-right:0rem}.mr-0-half[data-v-ff63da29]{margin-right:.125rem}.mr-1[data-v-ff63da29]{margin-right:.25rem}.mr-1-half[data-v-ff63da29]{margin-right:.375rem}.mr-2[data-v-ff63da29]{margin-right:.5rem}.mr-2-half[data-v-ff63da29]{margin-right:.625rem}.mr-3[data-v-ff63da29]{margin-right:.75rem}.mr-4[data-v-ff63da29]{margin-right:1rem}.mr-5[data-v-ff63da29]{margin-right:1.25rem}.mr-6[data-v-ff63da29]{margin-right:1.5rem}.mr-7[data-v-ff63da29]{margin-right:1.75rem}.mr-8[data-v-ff63da29]{margin-right:2rem}.mr-10[data-v-ff63da29]{margin-right:2.5rem}.mb-0[data-v-ff63da29]{margin-bottom:0rem}.mb-0-half[data-v-ff63da29]{margin-bottom:.125rem}.mb-1[data-v-ff63da29]{margin-bottom:.25rem}.mb-1-half[data-v-ff63da29]{margin-bottom:.375rem}.mb-2[data-v-ff63da29]{margin-bottom:.5rem}.mb-2-half[data-v-ff63da29]{margin-bottom:.625rem}.mb-3[data-v-ff63da29]{margin-bottom:.75rem}.mb-4[data-v-ff63da29]{margin-bottom:1rem}.mb-5[data-v-ff63da29]{margin-bottom:1.25rem}.mb-6[data-v-ff63da29]{margin-bottom:1.5rem}.mb-7[data-v-ff63da29]{margin-bottom:1.75rem}.mb-8[data-v-ff63da29]{margin-bottom:2rem}.mb-10[data-v-ff63da29]{margin-bottom:2.5rem}.ml-auto[data-v-ff63da29]{margin-left:auto}.ml-0[data-v-ff63da29]{margin-left:0rem}.ml-0-half[data-v-ff63da29]{margin-left:.125rem}.ml-1[data-v-ff63da29]{margin-left:.25rem}.ml-1-half[data-v-ff63da29]{margin-left:.375rem}.ml-2[data-v-ff63da29]{margin-left:.5rem}.ml-2-half[data-v-ff63da29]{margin-left:.625rem}.ml-3[data-v-ff63da29]{margin-left:.75rem}.ml-4[data-v-ff63da29]{margin-left:1rem}.ml-5[data-v-ff63da29]{margin-left:1.25rem}.ml-6[data-v-ff63da29]{margin-left:1.5rem}.ml-7[data-v-ff63da29]{margin-left:1.75rem}.ml-8[data-v-ff63da29]{margin-left:2rem}.ml-10[data-v-ff63da29]{margin-left:2.5rem}.shadow--card[data-v-ff63da29]{box-shadow:0 1px 6px #444b5508;box-shadow:0 1px 10px #444b5508}.shadow--notification[data-v-ff63da29]{box-shadow:0 1px 4px 2px #9194981f}.shadow--dropdown[data-v-ff63da29]{box-shadow:0 0 8px 3px #696c7212;box-shadow:0 1px 4px #696c7226}.shadow--top-navigation[data-v-ff63da29]{box-shadow:0 4px 6px #0000001a}.shadow--modal[data-v-ff63da29]{box-shadow:0 10px 10px 2px #444b5521;box-shadow:0 5px 28px #444b5529}.elevation--neg[data-v-ff63da29]{z-index:-1}.elevation--0[data-v-ff63da29]{z-index:0}.elevation--1[data-v-ff63da29],.sam-floating-actions[data-v-ff63da29]{z-index:1}.elevation--2[data-v-ff63da29]{z-index:10}.elevation--3[data-v-ff63da29]{z-index:100}.elevation--4[data-v-ff63da29]{z-index:1000}@keyframes old-skeleton-blink-ff63da29{50%{opacity:.3}}@keyframes skeleton-blink-ff63da29{50%{background-color:#e7e7e8}}@keyframes skeleton-blink-dark-ff63da29{50%{background-color:#c8c9f3}}@keyframes color-blink-ff63da29{50%{color:#919498}}.icons-section[data-v-ff63da29]{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #343941}.icons-row[data-v-ff63da29]{display:grid;grid-template-columns:4fr 32px 1fr 32px;align-items:center;grid-gap:32px;cursor:pointer;margin:16px auto}.icons-row h6[data-v-ff63da29]:hover{text-decoration:underline}.icons-row p[data-v-ff63da29]{text-align:right}.images-container[data-v-ff63da29]{display:grid;grid-template-columns:1fr 50%;gap:1rem}.images-wrapper[data-v-ff63da29]{display:grid;gap:.5rem;background-color:#fff;padding:.5rem;text-align:center}.images-wrapper h6[data-v-ff63da29]:hover{text-decoration:underline}.radio-group-wrapper[data-v-ff63da29]{padding:2rem;background-color:#fff;box-shadow:0 1px 2px #818489}.sam-floating-actions[data-v-ff63da29]{background:#040237;border-radius:.25rem;color:#fff;position:fixed;bottom:2rem;scale:1;transform-origin:center}.sam-floating-actions__clearButton[data-v-ff63da29] .sam-button{padding:0!important}.sam-floating-actions__positioningHelper[data-v-ff63da29]{height:0}.sam-floating-actions__positioningHelper.is-aligned-with-viewport .sam-floating-actions[data-v-ff63da29]{left:50%;translate:-50%}.fade-enter-active[data-v-ff63da29],.fade-leave-active[data-v-ff63da29]{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}.fade-enter[data-v-ff63da29],.fade-leave-to[data-v-ff63da29]{opacity:0;transform:scale(.6)}