@telia-ace/widget-types-grid 1.1.2-rc.0 → 1.1.2-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +22 -22
- package/index.mjs +101 -57
- package/package.json +6 -6
package/index.js
CHANGED
|
@@ -9,18 +9,18 @@
|
|
|
9
9
|
${t=>!!t.animationCss&&t.animationCss}
|
|
10
10
|
${t=>!!t.scrollableCss&&t.scrollableCss}
|
|
11
11
|
`,me={index:1,search:2,browse:3,guide:4,contact:5,"contact-method":6,conversation:7},ge=({className:t="",...n})=>{const[e,s]=b.useState("index"),[i,o]=b.useState(U.forth),r=d.useRouteData(),a=d.useRouter(),c=d.useProperties(),f=d.useContext(),h=d.useContainer(),u=d.useComponentNode(),{gap:p="0"}=f,{columns:w=1,animation:S="none",scrollable:m=!1,...v}=c,[C,A]=d.useScroll(m);if(!u||!a)return null;const{location:k}=a;r.name!==e&&r.name!==""&&S&&(o(de(e,r.name,me)),s(r.name));const{views:N}=h.get("$settings");if(!Object.keys(N).length)return null;const O=(x,D,R)=>{const E=T(D,R),j=u.getChildren(x)[0];return g.jsx(pe,{...n,...v,scrollableCss:C,ref:A,columns:w,gap:p,...E,className:M.appendClassNames(t,"humany-view"),children:g.jsx(B,{id:j.id,branch:"default"})})},T=(x,D)=>{if(S==="slide"||S==="fade")return{animationCss:d.transitionComposer.composeViewTransition(x,S,D),"data-state":x}};return g.jsx(he,{className:"humany-animated-view",children:g.jsx(K.TransitionGroup,{component:null,childFactory:x=>b.cloneElement(x,{direction:i}),children:g.jsx(K.Transition,{timeout:{enter:500,exit:500},onEnter:x=>x==null?void 0:x.clientHeight,unmountOnExit:!0,direction:U.forth,children:(x,{direction:D})=>g.jsx(Z,{views:N,location:k,render:R=>O(R,x,D)})},e)})})},fe=P(d.Grid)`
|
|
12
|
-
|
|
12
|
+
${t=>!!t.scrollableCss&&t.scrollableCss}
|
|
13
13
|
`,ye=({className:t="",...n})=>{const e=d.useProperties(),s=d.useContext(),i=d.useContainer(),o=d.useComponentNode(),{views:r}=i.get("$settings"),{gap:a="0"}=s,{columns:c=1,animation:f="none",scrollable:h=!1,...u}=e,[p,w]=d.useScroll(h);return o?g.jsx(fe,{...n,...u,scrollableCss:p,ref:w,columns:c,gap:a,className:M.appendClassNames(t,"humany-view"),children:g.jsx(Z,{views:r,render:S=>{const m=o.getChildren(S)[0];return g.jsx(B,{id:m.id,node:m,branch:"default"})}})}):null},W=t=>{var n,e;return z.css`
|
|
14
|
-
|
|
14
|
+
outline: none;
|
|
15
|
+
box-sizing: border-box;
|
|
16
|
+
* {
|
|
15
17
|
box-sizing: border-box;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
outline: none;
|
|
19
|
-
}
|
|
18
|
+
outline: none;
|
|
19
|
+
}
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
grid-column: ${t["data-indent"]?`${t["data-indent"]+1} / ${t["data-indent"]+(t["data-width"]||0)+1}`:`span ${t["data-width"]}`};
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
${((n=t.theme.fonts)==null?void 0:n.type)&&`
|
|
24
24
|
font-family: ${t.theme.fonts.type};
|
|
25
25
|
|
|
26
26
|
input, textarea {
|
|
@@ -28,29 +28,29 @@
|
|
|
28
28
|
}
|
|
29
29
|
`}
|
|
30
30
|
|
|
31
|
-
|
|
31
|
+
${((e=t.theme.fonts)==null?void 0:e.base)&&`
|
|
32
32
|
font-size: ${t.theme.fonts.base};
|
|
33
33
|
`}
|
|
34
34
|
|
|
35
35
|
&:focus-visible {
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
${d.paddedBorderTabStyle(t)};
|
|
37
|
+
}
|
|
38
38
|
`},be=P(ye)`
|
|
39
|
-
|
|
39
|
+
${t=>W(t)}
|
|
40
40
|
`,we=P(ge)`
|
|
41
|
-
|
|
41
|
+
${t=>W(t)}
|
|
42
42
|
`,ve=P.div`
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
43
|
+
text-align: center;
|
|
44
|
+
${t=>{var n,e,s;return typeof((n=t.theme.colors)==null?void 0:n.warning)<"u"&&z.css`
|
|
45
|
+
color: ${(e=t.theme.colors)==null?void 0:e.warning};
|
|
46
|
+
border: 2px dashed ${(s=t.theme.colors)==null?void 0:s.warning};
|
|
47
|
+
`}}
|
|
48
|
+
${t=>typeof t.theme.borderRadius<"u"&&`border-radius: ${t.theme.borderRadius};`}
|
|
49
49
|
${t=>W(t)}
|
|
50
50
|
`,Se=b.forwardRef(({className:t="",children:n,...e},s)=>{const i=d.useComponent(),{name:o,type:r,id:a}=d.useComponentDescriptor(),c=b.useMemo(()=>i?P(i)`
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
51
|
+
${W}
|
|
52
|
+
${d.filterCssPropsStyle}
|
|
53
|
+
`:null,[i]);return typeof i>"u"?null:i===null||c===null?process.env.NODE_ENV!=="production"?g.jsx(ve,{...e,title:`type: ${r}, definition-id: ${o}, instance-id: ${a}`,className:M.appendClassNames(t,"humany-non-resolved-component"),children:g.jsx(d.Typography,{variant:"h5",children:"Non Resolved Component Type"})}):null:g.jsx(b.Suspense,{fallback:null,children:g.jsx(c,{ref:s,...e,className:M.appendClassNames(t,"humany-component",`humany-component-${o}`),children:n})})}),Ce=t=>{const n=d.useComponentNode(t),e=d.useComponentPlatform(),[s,i]=b.useState({}),o=d.useIsMounted();return b.useEffect(()=>{n&&o.current&&i(n.attributes.properties)},[n,t,o]),b.useEffect(()=>{if(e){const r=e.events.subscribe("components:properties-changed",(a,c)=>{n===c.node&&o.current&&i(c.node.attributes.properties)});return()=>{r()}}},[e,o,t,n]),s},xe=(t,n)=>n?!0:typeof t=="string"?t==="full":t>0,B=b.forwardRef(({className:t="",id:n,branch:e,node:s,ariaLabel:i,tabIndex:o,context:r,...a},c)=>{const f=d.useComponentPlatform(),h=d.useContainer(),[u,p]=b.useState(),w=d.useColumns(),S=d.useContext(n),m=Ce(n),{size:v="none",indent:C=0}=d.useLayout(n),A=xe(v,s);if(b.useEffect(()=>{if(f){if(n&&!s){const E=f.nodes.get(n);if(E&&(p(y.asDescriptor(E,e)),A)){const j=E.mount(h);return()=>{j()}}}else if(s){p(y.asDescriptor(s,e));const E=s.mount(h);return()=>{E()}}}},[f,n,s,A]),!u||!A)return null;const k={...S,...r||{}},{cardinal:N,fonts:O={},accessibility:T={},...x}=k,D={type:O.type,base:O.base||"16px",small:O.small||"0.8em",normal:O.normal||"1em",medium:O.medium||"1.2em",large:O.large||"1.6em",huge:O.huge||"2.5em"},R={...x,fonts:D,accessibility:{...T}};return typeof N=="number"&&(R.sizes={cardinal:N,small:`${N}px`,normal:`${N*3}px`,medium:`${N*5}px`,large:`${N*8}px`}),g.jsx(z.ThemeProvider,{theme:R,children:g.jsx(d.ComponentNodeContext.Provider,{value:u,children:g.jsx(d.ComponentPropertyContext.Provider,{value:m,children:(()=>{const E={"data-width":v==="full"?w:Math.min(v,w),"data-indent":C,"data-name":u.name,"data-node-id":u.id,"data-component-type":u.type,"aria-label":i,tabIndex:o,id:u.id,role:m&&m.role,...a};switch(u.type){case"view":return typeof m.animation=="string"&&m.animation!=="none"?g.jsx(we,{...E,className:t}):g.jsx(be,{...E,className:t});default:{const j=d.filterCssProps(m);return g.jsx(Se,{ref:c,...E,...j,className:t})}}})()})})})}),J=({builder:t})=>{const n=d.useContainer(),[e,s]=b.useState(null);return b.useEffect(()=>{n.getAsync("components").then(i=>t(i).then(o=>{s(o)}))},[]),b.useEffect(()=>()=>{e&&n.getAsync("components").then(i=>{i.nodes.detached=i.nodes.detached.filter(o=>o.id!==e.id)})},[e]),e?g.jsx(B,{id:e.id,node:e,branch:"default"}):null},Oe=Object.freeze(Object.defineProperty({__proto__:null,default:J},Symbol.toStringTag,{value:"Module"})),Ee=b.lazy(()=>Promise.resolve().then(()=>Oe)),Me=({showSearch:t=!1})=>{const n=z.useTheme(),e=d.useContainer();return g.jsx(b.Suspense,{fallback:null,children:g.jsx(Ee,{builder:s=>e.get("settings").then(i=>{var f;const{properties:o,context:r}=Object.keys(i.components).reduce((h,u)=>(i.components[u].type==="not-found"&&(h.properties=i.components[u].properties,h.context=i.components[u].context),h),{properties:{},context:{}});o.showSearch=t;const a=s.createNode("area",{detached:!0});if(a.name="not-found-area",a.writeLayout({size:"full"}),t){const h=Object.keys(i.components).reduce((p,w)=>i.components[w].type==="search"?i.components[w].properties:p,{}),u=s.createNode("search",{detached:!0});u.writeLayout({size:"full"}),u.writeProperties({"css-margin-bottom":((f=n==null?void 0:n.sizes)==null?void 0:f.normal)||"15px",...h}),a.appendChild(u)}const c=s.createNode("not-found",{detached:!0});return c.writeLayout({size:"full"}),c.writeProperties(o),c.writeContext(r),a.appendChild(c),a})})})},Ae=t=>{if(t){const{type:n,content:e}=t;switch(n){case"FontAwesome":return`<i class="humany-icon fa fa-${e}"></i>`;case"Uri":return`<i class="humany-icon humany-custom-icon" style="background: url(${e}) no-repeat center center;background-size: contain;"></i>`;default:return""}}},Ne=t=>{const n=(i,o)=>{i&&(o?i.classList.add("humany-tabbing"):i.classList.remove("humany-tabbing"))},e=i=>{i.key==="Tab"?n(t,!0):i.key==="Enter"&&document.activeElement&&document.activeElement.classList.contains("humany-trigger")||n(t,!1)},s=i=>{document.activeElement&&document.activeElement.classList.contains("humany-trigger")&&document.activeElement.classList.contains("humany-tabbing")||n(t,!1)};return document.addEventListener("keydown",e),document.addEventListener("click",s),()=>{document.removeEventListener("keydown",e),document.removeEventListener("click",s)}};function De(t,n){const{symbol:e,widgetName:s,label:i="",ariaLabel:o="",tooltip:r=""}=n;t.classList.add("humany-trigger"),t.classList.add(`humany_${s}`),i.length&&t.classList.add("humany-has-text"),o.length&&!t.getAttribute("aria-label")&&t.setAttribute("aria-label",o),o.length&&!t.getAttribute("tabindex")&&t.setAttribute("tabindex","0"),r.length&&!t.getAttribute("title")&&t.setAttribute("title",r);const a=Ae(e)||"";return t.innerHTML=`${a}
|
|
54
54
|
<span class="humany-close">
|
|
55
55
|
<svg width="18" height="9" viewBox="0 0 18 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
56
56
|
<path d="M9 9C8.81794 9.00045 8.63759 8.96634 8.46939 8.89965C8.3012 8.83295 8.14851 8.735 8.02015 8.61145L0.194523 1.12367C0.068294 0.99862 -0.00155266 0.831133 2.61958e-05 0.657285C0.00160506 0.483436 0.0744832 0.317136 0.202964 0.194202C0.331445 0.0712675 0.505249 0.00153576 0.686941 2.50649e-05C0.868634 -0.00148563 1.04368 0.0653456 1.17437 0.186125L9 7.6739L16.8256 0.186125C16.9563 0.0653456 17.1314 -0.00148563 17.3131 2.50649e-05C17.4948 0.00153576 17.6686 0.0712675 17.797 0.194202C17.9255 0.317136 17.9984 0.483436 18 0.657285C18.0016 0.831133 17.9317 0.99862 17.8055 1.12367L9.97985 8.61145C9.85149 8.735 9.6988 8.83295 9.53061 8.89965C9.36241 8.96634 9.18206 9.00045 9 9Z" fill="white"/>
|
package/index.mjs
CHANGED
|
@@ -119,9 +119,14 @@ const Ht = (e, n, t) => typeof t[e] == "number" && typeof t[n] == "number" && t[
|
|
|
119
119
|
}
|
|
120
120
|
) });
|
|
121
121
|
}, qt = L(it)`
|
|
122
|
-
|
|
122
|
+
${(e) => !!e.scrollableCss && e.scrollableCss}
|
|
123
123
|
`, Qt = ({ className: e = "", ...n }) => {
|
|
124
|
-
const t = st(), i = Y(), s = z(), o = q(), { views: r } = s.get("$settings"), { gap: a = "0" } = i, {
|
|
124
|
+
const t = st(), i = Y(), s = z(), o = q(), { views: r } = s.get("$settings"), { gap: a = "0" } = i, {
|
|
125
|
+
columns: c = 1,
|
|
126
|
+
animation: m = "none",
|
|
127
|
+
scrollable: u = !1,
|
|
128
|
+
...l
|
|
129
|
+
} = t, [d, f] = ot(u);
|
|
125
130
|
return o ? /* @__PURE__ */ p(
|
|
126
131
|
qt,
|
|
127
132
|
{
|
|
@@ -147,16 +152,16 @@ const Ht = (e, n, t) => typeof t[e] == "number" && typeof t[n] == "number" && t[
|
|
|
147
152
|
}, G = (e) => {
|
|
148
153
|
var n, t;
|
|
149
154
|
return nt`
|
|
150
|
-
|
|
155
|
+
outline: none;
|
|
156
|
+
box-sizing: border-box;
|
|
157
|
+
* {
|
|
151
158
|
box-sizing: border-box;
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
outline: none;
|
|
155
|
-
}
|
|
159
|
+
outline: none;
|
|
160
|
+
}
|
|
156
161
|
|
|
157
|
-
|
|
162
|
+
grid-column: ${e["data-indent"] ? `${e["data-indent"] + 1} / ${e["data-indent"] + (e["data-width"] || 0) + 1}` : `span ${e["data-width"]}`};
|
|
158
163
|
|
|
159
|
-
|
|
164
|
+
${((n = e.theme.fonts) == null ? void 0 : n.type) && `
|
|
160
165
|
font-family: ${e.theme.fonts.type};
|
|
161
166
|
|
|
162
167
|
input, textarea {
|
|
@@ -164,41 +169,44 @@ const Ht = (e, n, t) => typeof t[e] == "number" && typeof t[n] == "number" && t[
|
|
|
164
169
|
}
|
|
165
170
|
`}
|
|
166
171
|
|
|
167
|
-
|
|
172
|
+
${((t = e.theme.fonts) == null ? void 0 : t.base) && `
|
|
168
173
|
font-size: ${e.theme.fonts.base};
|
|
169
174
|
`}
|
|
170
175
|
|
|
171
176
|
&:focus-visible {
|
|
172
|
-
|
|
173
|
-
|
|
177
|
+
${Ct(e)};
|
|
178
|
+
}
|
|
174
179
|
`;
|
|
175
180
|
}, Zt = L(Qt)`
|
|
176
|
-
|
|
181
|
+
${(e) => G(e)}
|
|
177
182
|
`, Jt = L(Yt)`
|
|
178
|
-
|
|
183
|
+
${(e) => G(e)}
|
|
179
184
|
`, Xt = L.div`
|
|
180
|
-
|
|
181
|
-
|
|
185
|
+
text-align: center;
|
|
186
|
+
${(e) => {
|
|
182
187
|
var n, t, i;
|
|
183
188
|
return typeof ((n = e.theme.colors) == null ? void 0 : n.warning) < "u" && nt`
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
189
|
+
color: ${(t = e.theme.colors) == null ? void 0 : t.warning};
|
|
190
|
+
border: 2px dashed ${(i = e.theme.colors) == null ? void 0 : i.warning};
|
|
191
|
+
`;
|
|
187
192
|
}}
|
|
188
|
-
|
|
193
|
+
${(e) => typeof e.theme.borderRadius < "u" && `border-radius: ${e.theme.borderRadius};`}
|
|
189
194
|
${(e) => G(e)}
|
|
190
195
|
`, te = at(
|
|
191
196
|
({ className: e = "", children: n, ...t }, i) => {
|
|
192
197
|
const s = Ot(), { name: o, type: r, id: a } = Et(), c = Pt(() => s ? L(s)`
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
198
|
+
${G}
|
|
199
|
+
${St}
|
|
200
|
+
` : null, [s]);
|
|
196
201
|
return typeof s > "u" ? null : s === null || c === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ p(
|
|
197
202
|
Xt,
|
|
198
203
|
{
|
|
199
204
|
...t,
|
|
200
205
|
title: `type: ${r}, definition-id: ${o}, instance-id: ${a}`,
|
|
201
|
-
className: j(
|
|
206
|
+
className: j(
|
|
207
|
+
e,
|
|
208
|
+
"humany-non-resolved-component"
|
|
209
|
+
),
|
|
202
210
|
children: /* @__PURE__ */ p(At, { variant: "h5", children: "Non Resolved Component Type" })
|
|
203
211
|
}
|
|
204
212
|
) : null : /* @__PURE__ */ p(kt, { fallback: null, children: /* @__PURE__ */ p(
|
|
@@ -344,7 +352,9 @@ const Ht = (e, n, t) => typeof t[e] == "number" && typeof t[n] == "number" && t[
|
|
|
344
352
|
{
|
|
345
353
|
builder: (i) => t.get("settings").then((s) => {
|
|
346
354
|
var m;
|
|
347
|
-
const { properties: o, context: r } = Object.keys(
|
|
355
|
+
const { properties: o, context: r } = Object.keys(
|
|
356
|
+
s.components
|
|
357
|
+
).reduce(
|
|
348
358
|
(u, l) => (s.components[l].type === "not-found" && (u.properties = s.components[l].properties, u.context = s.components[l].context), u),
|
|
349
359
|
{ properties: {}, context: {} }
|
|
350
360
|
);
|
|
@@ -353,16 +363,19 @@ const Ht = (e, n, t) => typeof t[e] == "number" && typeof t[n] == "number" && t[
|
|
|
353
363
|
if (a.name = "not-found-area", a.writeLayout({
|
|
354
364
|
size: "full"
|
|
355
365
|
}), e) {
|
|
356
|
-
const u = Object.keys(
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
366
|
+
const u = Object.keys(
|
|
367
|
+
s.components
|
|
368
|
+
).reduce((d, f) => s.components[f].type === "search" ? s.components[f].properties : d, {}), l = i.createNode("search", {
|
|
369
|
+
detached: !0
|
|
370
|
+
});
|
|
360
371
|
l.writeLayout({ size: "full" }), l.writeProperties({
|
|
361
372
|
"css-margin-bottom": ((m = n == null ? void 0 : n.sizes) == null ? void 0 : m.normal) || "15px",
|
|
362
373
|
...u
|
|
363
374
|
}), a.appendChild(l);
|
|
364
375
|
}
|
|
365
|
-
const c = i.createNode("not-found", {
|
|
376
|
+
const c = i.createNode("not-found", {
|
|
377
|
+
detached: !0
|
|
378
|
+
});
|
|
366
379
|
return c.writeLayout({ size: "full" }), c.writeProperties(o), c.writeContext(r), a.appendChild(c), a;
|
|
367
380
|
})
|
|
368
381
|
}
|
|
@@ -392,7 +405,13 @@ const Ht = (e, n, t) => typeof t[e] == "number" && typeof t[n] == "number" && t[
|
|
|
392
405
|
};
|
|
393
406
|
};
|
|
394
407
|
function ce(e, n) {
|
|
395
|
-
const {
|
|
408
|
+
const {
|
|
409
|
+
symbol: t,
|
|
410
|
+
widgetName: i,
|
|
411
|
+
label: s = "",
|
|
412
|
+
ariaLabel: o = "",
|
|
413
|
+
tooltip: r = ""
|
|
414
|
+
} = n;
|
|
396
415
|
e.classList.add("humany-trigger"), e.classList.add(`humany_${i}`), s.length && e.classList.add("humany-has-text"), o.length && !e.getAttribute("aria-label") && e.setAttribute("aria-label", o), o.length && !e.getAttribute("tabindex") && e.setAttribute("tabindex", "0"), r.length && !e.getAttribute("title") && e.setAttribute("title", r);
|
|
397
416
|
const a = re(t) || "";
|
|
398
417
|
return e.innerHTML = `${a}
|
|
@@ -413,7 +432,9 @@ function ce(e, n) {
|
|
|
413
432
|
stroke-miterlimit="10" />
|
|
414
433
|
</svg>
|
|
415
434
|
</span>
|
|
416
|
-
${s.length ? `<span>${s}</span>` : ""}`, setTimeout(
|
|
435
|
+
${s.length ? `<span>${s}</span>` : ""}`, setTimeout(
|
|
436
|
+
() => e && e.classList.add("humany-rendered")
|
|
437
|
+
), ae(e);
|
|
417
438
|
}
|
|
418
439
|
function le(e, n) {
|
|
419
440
|
e instanceof HTMLElement ? (n && e.setAttribute("title", n), e.classList.remove("humany-active"), e.classList.remove("humany-loading")) : e instanceof Array && e.forEach((t) => {
|
|
@@ -491,7 +512,10 @@ class me {
|
|
|
491
512
|
constructor(n, t) {
|
|
492
513
|
M(this, "container");
|
|
493
514
|
M(this, "unsubscribe", []);
|
|
494
|
-
this.options = t, this.container = n.createChild(this), this.container.register("widgetDOMElement", this.options.widgetDOMElement), this.container.register(
|
|
515
|
+
this.options = t, this.container = n.createChild(this), this.container.register("widgetDOMElement", this.options.widgetDOMElement), this.container.register(
|
|
516
|
+
"triggerDOMElement",
|
|
517
|
+
this.options.triggerDOMElement
|
|
518
|
+
);
|
|
495
519
|
const i = this.container.get("$widget");
|
|
496
520
|
this.options.widgetDOMElement.classList.add("humany-widget"), this.options.widgetDOMElement.classList.add(`humany_${i.name}`);
|
|
497
521
|
const s = n.get("widgetDOMElements") || [];
|
|
@@ -566,9 +590,16 @@ class J {
|
|
|
566
590
|
this.container = n, this.storageWriter = t;
|
|
567
591
|
}
|
|
568
592
|
static create(n) {
|
|
569
|
-
return P(
|
|
570
|
-
|
|
571
|
-
|
|
593
|
+
return P(
|
|
594
|
+
n,
|
|
595
|
+
B,
|
|
596
|
+
k.Necessary,
|
|
597
|
+
{
|
|
598
|
+
medium: v.Local
|
|
599
|
+
}
|
|
600
|
+
).then(
|
|
601
|
+
(t) => new J(n, t)
|
|
602
|
+
);
|
|
572
603
|
}
|
|
573
604
|
write(n, t, i, s) {
|
|
574
605
|
return H(this)(() => x(
|
|
@@ -618,27 +649,40 @@ class J {
|
|
|
618
649
|
}
|
|
619
650
|
const ge = (e) => {
|
|
620
651
|
const { container: n } = e;
|
|
621
|
-
return J.create(n).then(
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
}
|
|
652
|
+
return J.create(n).then(
|
|
653
|
+
(t) => {
|
|
654
|
+
const i = n.get("$settings"), s = { localStorage: t }, o = new ft(e, s), r = gt(o, i);
|
|
655
|
+
return e.events.subscribe(
|
|
656
|
+
"widget:state-change",
|
|
657
|
+
(a, c) => {
|
|
658
|
+
c.state === Gt.Deactivating && r();
|
|
659
|
+
}
|
|
660
|
+
), o;
|
|
661
|
+
}
|
|
662
|
+
);
|
|
663
|
+
}, be = (e) => import("@telia-ace/widget-routing").then(
|
|
664
|
+
({ RoutingService: n, HistoryMode: t }) => e.get("settings").then((i) => {
|
|
665
|
+
const {
|
|
666
|
+
routing: {
|
|
667
|
+
initialPath: s = "/",
|
|
668
|
+
mode: o = t.scopedHash,
|
|
669
|
+
basePath: r
|
|
670
|
+
},
|
|
671
|
+
views: a
|
|
672
|
+
} = i;
|
|
673
|
+
return new n(e, {
|
|
674
|
+
initialPath: s,
|
|
675
|
+
mode: o,
|
|
676
|
+
routes: Object.keys(a).map((m) => ({
|
|
677
|
+
name: m,
|
|
678
|
+
path: a[m].path
|
|
679
|
+
})),
|
|
680
|
+
basePath: r
|
|
681
|
+
});
|
|
682
|
+
})
|
|
683
|
+
), ye = (e) => import("@telia-ace/widget-services").then(({ StorageProvider: n }) => new n()), we = (e) => import("@telia-ace/widget-core").then(({ ActionResolver: n }) => new n(e)), ve = (e) => import("@telia-ace/widget-core").then(({ ComponentResolver: n }) => new n(e)), Ce = (e) => import("@telia-ace/widget-core").then(
|
|
684
|
+
({ ComponentPlatform: n, createComponentModel: t }) => ge(e.get("$widget"))
|
|
685
|
+
), K = "$settings", T = "open", et = "activeStickyWidget";
|
|
642
686
|
class Ie extends Wt {
|
|
643
687
|
constructor(t) {
|
|
644
688
|
super(t);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/widget-types-grid",
|
|
3
|
-
"version": "1.1.2-rc.
|
|
3
|
+
"version": "1.1.2-rc.2",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"types": "./index.d.ts",
|
|
6
6
|
"exports": {
|
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
}
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@telia-ace/widget-core": "^1.1.2-rc.
|
|
14
|
-
"@telia-ace/widget-routing": "^1.1.2-rc.
|
|
15
|
-
"@telia-ace/widget-services": "^1.1.2-rc.
|
|
16
|
-
"@telia-ace/widget-ui": "^1.1.2-rc.
|
|
17
|
-
"@telia-ace/widget-utilities": "^1.1.2-rc.
|
|
13
|
+
"@telia-ace/widget-core": "^1.1.2-rc.2",
|
|
14
|
+
"@telia-ace/widget-routing": "^1.1.2-rc.2",
|
|
15
|
+
"@telia-ace/widget-services": "^1.1.2-rc.2",
|
|
16
|
+
"@telia-ace/widget-ui": "^1.1.2-rc.2",
|
|
17
|
+
"@telia-ace/widget-utilities": "^1.1.2-rc.2",
|
|
18
18
|
"@webprovisions/bootstrapping": "^1.0.14",
|
|
19
19
|
"@webprovisions/platform": "^1.1.4"
|
|
20
20
|
},
|