https://www.natursidan.se/app/themes/hopp/assets/javascript/chunks/consent-manager.2ecb95dd.js

1import{o as m,q as t,e as p,D as b}from"../application.3a13dd1a.js";async function v({manageChoices:e=!1,cookieCategories:o=[],cookiePolicyLink:s,onClose:g}={}){var c,r;const a=await m("consent"),d=t`
2    <div
3      class="ConsentManager"
4      data-controller="consent-manager toggle"
5      data-consent-manager-cookie-categories-value="${o.join(",")}"
6    >
7      <div class="ConsentManager-intro">
8        <h2 class="ConsentManager-heading">${a.intro.heading}</h2>
9        <p>${a.intro.text}</p>
10        ${s&&t`
11          <p class="ConsentManager-secondaryContent">
12            <a href="${s}?skipConsent=true" data-turbo="false">
13              ${a.intro.cookie_policy}
14            </a>
15          </p>
16        `}
17      </div>
18      <form
19        class="Form"
20        data-toggle-target="target"
21        data-action="consent-manager#save dialog#close"
22        ${!e&&'aria-hidden="true"'}
23      >
24        <div class="ConsentManager-choices">
25          <div
26            class="ConsentManager-choice Form-group Form-group--option Form-group--tight"
27          >
28            <input
29              class="Form-option"
30              type="checkbox"
31              name="necessary"
32              id="consent_manager_necessary"
33              value="1"
34              checked
35              disabled
36            />
37            <label class="Form-label" for="consent_manager_necessary">
38              <strong class="ConsentManager-choiceName">
39                ${(c=a.categories.necessary)==null?void 0:c.name}
40              </strong>
41              <span class="ConsentManager-choiceDescription">
42                ${(r=a.categories.necessary)==null?void 0:r.description}
43              </span>
44            </label>
45          </div>
46          ${o.map((n,u)=>{var i,l;return t`
47              <div
48                class="ConsentManager-choice Form-group Form-group--option Form-group--tight"
49              >
50                <input
51                  class="Form-option"
52                  type="checkbox"
53                  name="${n}"
54                  id="consent_manager_${n}"
55                  value="1"
56                  data-consent-manager-target="choice"
57                  ${u===0?'data-toggle-target="focus"':""}
58                  ${p(n)&&"checked"}
59                />
60                <label class="Form-label" for="consent_manager_${n}">
61                  <strong class="ConsentManager-choiceName">
62                    ${(i=a.categories[n])==null?void 0:i.name}
63                  </strong>
64                  <span class="ConsentManager-choiceDescription">
65                    ${(l=a.categories[n])==null?void 0:l.description}
66                  </span>
67                </label>
68              </div>
69            `})}
70        </div>
71        <div class="ConsentManager-actions">
72          <button
73            type="submit"
74            class="ConsentManager-action Button Button--small"
75          >
76            ${a.save_choices}
77          </button>
78          <div class="ConsentManager-secondaryActions">
79            <button
80              type="button"
81              class="ConsentManager-action ConsentManager-action--secondary u-buttonAsLink"
82              data-toggle-target="trigger"
83              data-action="toggle#toggle"
84            >
85              ${a.cancel_manage_choices}
86            </button>
87          </div>
88        </div>
89      </form>
90      <div
91        class="ConsentManager-actions"
92        data-toggle-target="target"
93        ${e&&'aria-hidden="true"'}
94      >
95        <button
96          type="button"
97          class="ConsentManager-action Button Button--small"
98          data-action="consent-manager#allowAll dialog#close"
99        >
100          ${a.allow_all}
101        </button>
102        <button
103          type="button"
104          class="ConsentManager-action Button Button--small"
105          data-action="consent-manager#denyAll dialog#close"
106        >
107          ${a.deny_all}
108        </button>
109        <div class="ConsentManager-secondaryActions">
110          <button
111            type="button"
112            class="ConsentManager-action ConsentManager-action--secondary u-buttonAsLink"
113            data-toggle-target="trigger"
114            data-action="toggle#toggle"
115          >
116            ${a.manage_choices}
117          </button>
118        </div>
119      </div>
120    </div>
121  `;return b({variants:"narrow withPadding",content:d,label:a.dialog_label,autoOpen:1,onClose:g})}export{v as default};