@proximus/lavender-container 2.0.0-alpha.203 → 2.0.0-alpha.205

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.
Files changed (5) hide show
  1. package/dist/Container.d.ts +1 -1
  2. package/dist/custom-elements.json +7 -9
  3. package/dist/index.es.js +95 -92
  4. package/dist/web-types.json +2 -3
  5. package/package.json +1 -1
package/dist/Container.d.ts CHANGED
@@ -2,8 +2,8 @@ import { WithExtraAttributes } from '@proximus/lavender-common';
2
2
  export declare const anchorSpacingValues: string[];
3
3
  export declare const subgridRowsValues: string[];
4
4
  export declare class Container extends WithExtraAttributes {
5
+ protected static readonly template: HTMLTemplateElement;
5
6
  static nativeName: string;
6
- private template;
7
7
  private _bgObserver;
8
8
  private _isInViewport;
9
9
  private contentObserver;
package/dist/custom-elements.json CHANGED
@@ -27,6 +27,13 @@
27
27
  "description": "",
28
28
  "name": "Container",
29
29
  "members": [
30
+ {
31
+ "kind": "field",
32
+ "name": "template",
33
+ "privacy": "protected",
34
+ "static": true,
35
+ "readonly": true
36
+ },
30
37
  {
31
38
  "kind": "field",
32
39
  "name": "nativeName",
@@ -36,11 +43,6 @@
36
43
  "static": true,
37
44
  "default": "'div'"
38
45
  },
39
- {
40
- "kind": "field",
41
- "name": "template",
42
- "privacy": "private"
43
- },
44
46
  {
45
47
  "kind": "field",
46
48
  "name": "_bgObserver",
@@ -556,10 +558,6 @@
556
558
  {
557
559
  "kind": "field",
558
560
  "name": "subgridGapLaptop"
559
- },
560
- {
561
- "kind": "field",
562
- "name": "innerHTML"
563
561
  }
564
562
  ],
565
563
  "attributes": [
package/dist/index.es.js CHANGED
@@ -1,14 +1,14 @@
1
- import { WithExtraAttributes as e, backgroundColorValues as t, backgroundSizeValues as n, booleanPropertyToAttributeSetter as r, borderColorValues as i, borderRadiusValues as a, borderSideValues as o, borderValues as s, boxShadowValues as c, checkName as l, cssTokenBreakpoints as u, gapValues as d, gradientValues as f, log as p, noBorderRadiusValues as m, paddingValues as h, propertyToAttributeSetter as g } from "@proximus/lavender-common";
1
+ import { WithExtraAttributes as e, backgroundColorValues as t, backgroundSizeValues as n, booleanPropertyToAttributeSetter as r, borderColorValues as i, borderRadiusValues as a, borderSideValues as o, borderValues as s, boxShadowValues as c, checkName as l, createTemplate as u, cssTokenBreakpoints as d, gapValues as f, gradientValues as p, log as m, noBorderRadiusValues as h, paddingValues as g, propertyToAttributeSetter as _, renderTemplate as v } from "@proximus/lavender-common";
2
2
  //#region src/container.css?inline
3
- var _ = ":host{display:block}.container{font-family:var(--px-font-family);background-color:var(--background-color);border-radius:var(--px-radius-main);box-sizing:border-box;height:100%}:host([background-image]) .container{background-image:var(--background-image)}:host([background-gradient]) .container{background-image:var(--background-gradient)}:host([inverted]) .container{background-color:var(--background-color-inverted);color:var(--px-color-text-neutral-inverted)}.border-none{border:none}.border-s{border:var(--px-size-border-s) solid var(--border-color)}.border-m{border:var(--px-size-border-m) solid var(--border-color)}.border-l{border:var(--px-size-border-l) solid var(--border-color)}.border-side-top{border-bottom-style:none;border-left-style:none;border-right-style:none}.border-side-right{border-top-style:none;border-bottom-style:none;border-left-style:none}.border-side-bottom{border-top-style:none;border-left-style:none;border-right-style:none}.border-side-left{border-top-style:none;border-bottom-style:none;border-right-style:none}.border-side-block{border-inline-style:none}.border-side-inline{border-block-style:none}:host([inverted]) .border-s,:host([inverted]) .border-m,:host([inverted]) .border-l{border-color:var(--border-color-inverted)}.border-radius-main{border-radius:var(--px-radius-main)}.border-radius-pill{border-radius:var(--px-radius-pill)}.no-border-radius-top{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all,.border-radius-none{border-radius:var(--px-radius-none)}.bgimg{background-repeat:no-repeat}.background-size-cover{background-position:50%;background-size:cover}.background-size-contain{background-size:contain}.box-shadow-none{box-shadow:none}.box-shadow-s{box-shadow:0 1px 2px #2525251f}.box-shadow-m{box-shadow:0 4px 6px -1px #25252514}.box-shadow-l{box-shadow:0 10px 15px -3px #25252514}.box-shadow-xl{box-shadow:0 20px 25px -5px #25252514}.anchored{position:relative}::slotted([slot=anchor-right]),::slotted([slot=anchor-left]),::slotted([slot=anchor-full]){position:absolute;top:0}::slotted([slot=anchor-right]),::slotted([slot=anchor-left]){z-index:3;transform:translateY(-50%)}::slotted([slot=anchor-right]){right:var(--container-anchor-offset--mobile,var(--container-padding-right,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-left]){left:var(--container-anchor-offset--mobile,var(--container-padding-left,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-full]){text-align:center;z-index:2;left:0;right:0;transform:translateY(-100%)}::slotted(px-vstack:only-of-type),::slotted(px-hstack:only-of-type),::slotted(px-stack:only-of-type),::slotted(px-grid:only-of-type){height:100%}:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--mobile)}.border-s ::slotted([slot=anchor-full]){right:calc(var(--px-size-border-s) * -1);left:calc(var(--px-size-border-s) * -1)}.border-m ::slotted([slot=anchor-full]){right:calc(var(--px-size-border-m) * -1);left:calc(var(--px-size-border-m) * -1)}.border-l ::slotted([slot=anchor-full]){right:calc(var(--px-size-border-l) * -1);left:calc(var(--px-size-border-l) * -1)}:host([subgrid-rows]){display:contents}:host([subgrid-rows]) .container{grid-template-rows:subgrid;grid-row:span var(--subgrid-rows);display:grid}:host([subgrid-rows]):host([grow]) .container{flex-grow:var(--grow-value)}:host([subgrid-rows]):host([shrink]) .container{flex-shrink:var(--shrink-value)}:host([subgrid-rows]):host([basis]) .container{flex-basis:var(--basis-value)}:host([subgrid-rows]):host([align-self]) .container{align-self:var(--align-self-value)}:host([subgrid-rows]):host([col-span]) .container{grid-column:span var(--col-span-value) / span var(--col-span-value)}:host([subgrid-rows]):host([justify-self]) .container{justify-self:var(--justify-self-value)}:host([subgrid-rows]):host([order]) .container{order:var(--order-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--mobile)}@media screen and (width<=47.938rem){.container{background-color:var(--background-color--mobile,var(--background-color))}:host([background-image--mobile]) .container{background-image:var(--background-image--mobile,var(--background-image))}:host([background-gradient--mobile]) .container{background-image:var(--background-gradient--mobile,var(--background-gradient))}:host([inverted]) .container{background-color:var(--background-color-inverted--mobile,var(--background-color-inverted))}.border-side-top--mobile{border-style:solid none none}.border-side-right--mobile{border-style:none solid none none}.border-side-bottom--mobile{border-style:none none solid}.border-side-left--mobile{border-style:none none none solid}.border-side-block--mobile{border-block-style:solid;border-inline-style:none}.border-side-inline--mobile{border-block-style:none;border-inline-style:solid}.no-border-radius-top--mobile{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--mobile{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--mobile{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--mobile{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--mobile{border-radius:var(--px-radius-none)}:host([subgrid-rows]):host([grow--mobile]) .container{flex-grow:var(--grow--mobile-value)}:host([subgrid-rows]):host([shrink--mobile]) .container{flex-shrink:var(--shrink--mobile-value)}:host([subgrid-rows]):host([basis--mobile]) .container{flex-basis:var(--basis--mobile-value)}:host([subgrid-rows]):host([align-self--mobile]) .container{align-self:var(--align-self--mobile-value)}:host([subgrid-rows]):host([col-span--mobile]) .container{grid-column:span var(--col-span--mobile-value) / span var(--col-span--mobile-value)}:host([subgrid-rows]):host([justify-self--mobile]) .container{justify-self:var(--justify-self--mobile-value)}:host([subgrid-rows]):host([order--mobile]) .container{order:var(--order--mobile-value)}}@media screen and (width>=48rem) and (width<=64rem){.container{background-color:var(--background-color--tablet,var(--background-color))}:host([background-image--tablet]) .container{background-image:var(--background-image--tablet,var(--background-image))}:host([background-gradient--tablet]) .container{background-image:var(--background-gradient--tablet,var(--background-gradient))}:host([inverted]) .container{background-color:var(--background-color-inverted--tablet,var(--background-color-inverted))}.no-border-radius-top--tablet{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--tablet{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--tablet{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--tablet{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--tablet{border-radius:var(--px-radius-none)}.border-side-top--tablet{border-style:solid none none}.border-side-right--tablet{border-style:none solid none none}.border-side-bottom--tablet{border-style:none none solid}.border-side-left--tablet{border-style:none none none solid}.border-side-block--tablet{border-block-style:solid;border-inline-style:none}.border-side-inline--tablet{border-block-style:none;border-inline-style:solid}::slotted([slot=anchor-right]){right:var(--container-anchor-offset--tablet,var(--container-padding-right,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-left]){left:var(--container-anchor-offset--tablet,var(--container-padding-left,var(--container-padding-inline,var(--container-padding))))}:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--tablet)}:host([subgrid-rows]):host([col-span--tablet]) .container{grid-column:span var(--col-span--tablet-value) / span var(--col-span--tablet-value)}:host([subgrid-rows]):host([grow--tablet]) .container{flex-grow:var(--grow--tablet-value)}:host([subgrid-rows]):host([shrink--tablet]) .container{flex-shrink:var(--shrink--tablet-value)}:host([subgrid-rows]):host([basis--tablet]) .container{flex-basis:var(--basis--tablet-value)}:host([subgrid-rows]):host([align-self--tablet]) .container{align-self:var(--align-self--tablet-value)}:host([subgrid-rows]):host([justify-self--tablet]) .container{justify-self:var(--justify-self--tablet-value)}:host([subgrid-rows]):host([order--tablet]) .container{order:var(--order--tablet-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--tablet)}}@media screen and (width>=64.0625rem) and (width<=90rem){:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--laptop)}:host([subgrid-rows]):host([col-span--laptop]) .container{grid-column:span var(--col-span--laptop-value) / span var(--col-span--laptop-value)}:host([subgrid-rows]):host([grow--laptop]) .container{flex-grow:var(--grow--laptop-value)}:host([subgrid-rows]):host([shrink--laptop]) .container{flex-shrink:var(--shrink--laptop-value)}:host([subgrid-rows]):host([basis--laptop]) .container{flex-basis:var(--basis--laptop-value)}:host([subgrid-rows]):host([align-self--laptop]) .container{align-self:var(--align-self--laptop-value)}:host([subgrid-rows]):host([justify-self--laptop]) .container{justify-self:var(--justify-self--laptop-value)}:host([subgrid-rows]):host([order--laptop]) .container{order:var(--order--laptop-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--laptop)}}@media screen and (width>=64.0625rem){.container{background-color:var(--background-color--laptop,var(--background-color))}:host([background-image--laptop]) .container{background-image:var(--background-image--laptop,var(--background-image))}:host([background-gradient--laptop]) .container{background-image:var(--background-gradient--laptop,var(--background-gradient))}:host([inverted]) .container{background-color:var(--background-color-inverted--laptop,var(--background-color-inverted))}.no-border-radius-top--laptop{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--laptop{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--laptop{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--laptop{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--laptop{border-radius:var(--px-radius-none)}::slotted([slot=anchor-right]){right:var(--container-anchor-offset--laptop,var(--container-padding-right,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-left]){left:var(--container-anchor-offset--laptop,var(--container-padding-left,var(--container-padding-inline,var(--container-padding))))}:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--laptop)}.border-side-top--laptop{border-style:solid none none}.border-side-right--laptop{border-style:none solid none none}.border-side-bottom--laptop{border-style:none none solid}.border-side-left--laptop{border-style:none none none solid}.border-side-block--laptop{border-block-style:solid;border-inline-style:none}.border-side-inline--laptop{border-block-style:none;border-inline-style:solid}}@media screen and (width>=90.0625rem){:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--desktop)}:host([subgrid-rows]):host([col-span--desktop]) .container{grid-column:span var(--col-span--desktop-value) / span var(--col-span--desktop-value)}:host([subgrid-rows]):host([grow--desktop]) .container{flex-grow:var(--grow--desktop-value)}:host([subgrid-rows]):host([shrink--desktop]) .container{flex-shrink:var(--shrink--desktop-value)}:host([subgrid-rows]):host([basis--desktop]) .container{flex-basis:var(--basis--desktop-value)}:host([subgrid-rows]):host([align-self--desktop]) .container{align-self:var(--align-self--desktop-value)}:host([subgrid-rows]):host([justify-self--desktop]) .container{justify-self:var(--justify-self--desktop-value)}:host([subgrid-rows]):host([order--desktop]) .container{order:var(--order--desktop-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--desktop)}}", v = new CSSStyleSheet();
4
- v.replaceSync(_);
5
- var y = [
3
+ var y = ":host{display:block}.container{font-family:var(--px-font-family);background-color:var(--background-color);border-radius:var(--px-radius-main);box-sizing:border-box;height:100%}:host([background-image]) .container{background-image:var(--background-image)}:host([background-gradient]) .container{background-image:var(--background-gradient)}:host([inverted]) .container{background-color:var(--background-color-inverted);color:var(--px-color-text-neutral-inverted)}.border-none{border:none}.border-s{border:var(--px-size-border-s) solid var(--border-color)}.border-m{border:var(--px-size-border-m) solid var(--border-color)}.border-l{border:var(--px-size-border-l) solid var(--border-color)}.border-side-top{border-bottom-style:none;border-left-style:none;border-right-style:none}.border-side-right{border-top-style:none;border-bottom-style:none;border-left-style:none}.border-side-bottom{border-top-style:none;border-left-style:none;border-right-style:none}.border-side-left{border-top-style:none;border-bottom-style:none;border-right-style:none}.border-side-block{border-inline-style:none}.border-side-inline{border-block-style:none}:host([inverted]) .border-s,:host([inverted]) .border-m,:host([inverted]) .border-l{border-color:var(--border-color-inverted)}.border-radius-main{border-radius:var(--px-radius-main)}.border-radius-pill{border-radius:var(--px-radius-pill)}.no-border-radius-top{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all,.border-radius-none{border-radius:var(--px-radius-none)}.bgimg{background-repeat:no-repeat}.background-size-cover{background-position:50%;background-size:cover}.background-size-contain{background-size:contain}.box-shadow-none{box-shadow:none}.box-shadow-s{box-shadow:0 1px 2px #2525251f}.box-shadow-m{box-shadow:0 4px 6px -1px #25252514}.box-shadow-l{box-shadow:0 10px 15px -3px #25252514}.box-shadow-xl{box-shadow:0 20px 25px -5px #25252514}.anchored{position:relative}::slotted([slot=anchor-right]),::slotted([slot=anchor-left]),::slotted([slot=anchor-full]){position:absolute;top:0}::slotted([slot=anchor-right]),::slotted([slot=anchor-left]){z-index:3;transform:translateY(-50%)}::slotted([slot=anchor-right]){right:var(--container-anchor-offset--mobile,var(--container-padding-right,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-left]){left:var(--container-anchor-offset--mobile,var(--container-padding-left,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-full]){text-align:center;z-index:2;left:0;right:0;transform:translateY(-100%)}::slotted(px-vstack:only-of-type),::slotted(px-hstack:only-of-type),::slotted(px-stack:only-of-type),::slotted(px-grid:only-of-type){height:100%}:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--mobile)}.border-s ::slotted([slot=anchor-full]){right:calc(var(--px-size-border-s) * -1);left:calc(var(--px-size-border-s) * -1)}.border-m ::slotted([slot=anchor-full]){right:calc(var(--px-size-border-m) * -1);left:calc(var(--px-size-border-m) * -1)}.border-l ::slotted([slot=anchor-full]){right:calc(var(--px-size-border-l) * -1);left:calc(var(--px-size-border-l) * -1)}:host([subgrid-rows]){display:contents}:host([subgrid-rows]) .container{grid-template-rows:subgrid;grid-row:span var(--subgrid-rows);display:grid}:host([subgrid-rows]):host([grow]) .container{flex-grow:var(--grow-value)}:host([subgrid-rows]):host([shrink]) .container{flex-shrink:var(--shrink-value)}:host([subgrid-rows]):host([basis]) .container{flex-basis:var(--basis-value)}:host([subgrid-rows]):host([align-self]) .container{align-self:var(--align-self-value)}:host([subgrid-rows]):host([col-span]) .container{grid-column:span var(--col-span-value) / span var(--col-span-value)}:host([subgrid-rows]):host([justify-self]) .container{justify-self:var(--justify-self-value)}:host([subgrid-rows]):host([order]) .container{order:var(--order-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--mobile)}@media screen and (width<=47.938rem){.container{background-color:var(--background-color--mobile,var(--background-color))}:host([background-image--mobile]) .container{background-image:var(--background-image--mobile,var(--background-image))}:host([background-gradient--mobile]) .container{background-image:var(--background-gradient--mobile,var(--background-gradient))}:host([inverted]) .container{background-color:var(--background-color-inverted--mobile,var(--background-color-inverted))}.border-side-top--mobile{border-style:solid none none}.border-side-right--mobile{border-style:none solid none none}.border-side-bottom--mobile{border-style:none none solid}.border-side-left--mobile{border-style:none none none solid}.border-side-block--mobile{border-block-style:solid;border-inline-style:none}.border-side-inline--mobile{border-block-style:none;border-inline-style:solid}.no-border-radius-top--mobile{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--mobile{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--mobile{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--mobile{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--mobile{border-radius:var(--px-radius-none)}:host([subgrid-rows]):host([grow--mobile]) .container{flex-grow:var(--grow--mobile-value)}:host([subgrid-rows]):host([shrink--mobile]) .container{flex-shrink:var(--shrink--mobile-value)}:host([subgrid-rows]):host([basis--mobile]) .container{flex-basis:var(--basis--mobile-value)}:host([subgrid-rows]):host([align-self--mobile]) .container{align-self:var(--align-self--mobile-value)}:host([subgrid-rows]):host([col-span--mobile]) .container{grid-column:span var(--col-span--mobile-value) / span var(--col-span--mobile-value)}:host([subgrid-rows]):host([justify-self--mobile]) .container{justify-self:var(--justify-self--mobile-value)}:host([subgrid-rows]):host([order--mobile]) .container{order:var(--order--mobile-value)}}@media screen and (width>=48rem) and (width<=64rem){.container{background-color:var(--background-color--tablet,var(--background-color))}:host([background-image--tablet]) .container{background-image:var(--background-image--tablet,var(--background-image))}:host([background-gradient--tablet]) .container{background-image:var(--background-gradient--tablet,var(--background-gradient))}:host([inverted]) .container{background-color:var(--background-color-inverted--tablet,var(--background-color-inverted))}.no-border-radius-top--tablet{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--tablet{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--tablet{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--tablet{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--tablet{border-radius:var(--px-radius-none)}.border-side-top--tablet{border-style:solid none none}.border-side-right--tablet{border-style:none solid none none}.border-side-bottom--tablet{border-style:none none solid}.border-side-left--tablet{border-style:none none none solid}.border-side-block--tablet{border-block-style:solid;border-inline-style:none}.border-side-inline--tablet{border-block-style:none;border-inline-style:solid}::slotted([slot=anchor-right]){right:var(--container-anchor-offset--tablet,var(--container-padding-right,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-left]){left:var(--container-anchor-offset--tablet,var(--container-padding-left,var(--container-padding-inline,var(--container-padding))))}:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--tablet)}:host([subgrid-rows]):host([col-span--tablet]) .container{grid-column:span var(--col-span--tablet-value) / span var(--col-span--tablet-value)}:host([subgrid-rows]):host([grow--tablet]) .container{flex-grow:var(--grow--tablet-value)}:host([subgrid-rows]):host([shrink--tablet]) .container{flex-shrink:var(--shrink--tablet-value)}:host([subgrid-rows]):host([basis--tablet]) .container{flex-basis:var(--basis--tablet-value)}:host([subgrid-rows]):host([align-self--tablet]) .container{align-self:var(--align-self--tablet-value)}:host([subgrid-rows]):host([justify-self--tablet]) .container{justify-self:var(--justify-self--tablet-value)}:host([subgrid-rows]):host([order--tablet]) .container{order:var(--order--tablet-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--tablet)}}@media screen and (width>=64.0625rem) and (width<=90rem){:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--laptop)}:host([subgrid-rows]):host([col-span--laptop]) .container{grid-column:span var(--col-span--laptop-value) / span var(--col-span--laptop-value)}:host([subgrid-rows]):host([grow--laptop]) .container{flex-grow:var(--grow--laptop-value)}:host([subgrid-rows]):host([shrink--laptop]) .container{flex-shrink:var(--shrink--laptop-value)}:host([subgrid-rows]):host([basis--laptop]) .container{flex-basis:var(--basis--laptop-value)}:host([subgrid-rows]):host([align-self--laptop]) .container{align-self:var(--align-self--laptop-value)}:host([subgrid-rows]):host([justify-self--laptop]) .container{justify-self:var(--justify-self--laptop-value)}:host([subgrid-rows]):host([order--laptop]) .container{order:var(--order--laptop-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--laptop)}}@media screen and (width>=64.0625rem){.container{background-color:var(--background-color--laptop,var(--background-color))}:host([background-image--laptop]) .container{background-image:var(--background-image--laptop,var(--background-image))}:host([background-gradient--laptop]) .container{background-image:var(--background-gradient--laptop,var(--background-gradient))}:host([inverted]) .container{background-color:var(--background-color-inverted--laptop,var(--background-color-inverted))}.no-border-radius-top--laptop{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--laptop{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--laptop{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--laptop{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--laptop{border-radius:var(--px-radius-none)}::slotted([slot=anchor-right]){right:var(--container-anchor-offset--laptop,var(--container-padding-right,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-left]){left:var(--container-anchor-offset--laptop,var(--container-padding-left,var(--container-padding-inline,var(--container-padding))))}:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--laptop)}.border-side-top--laptop{border-style:solid none none}.border-side-right--laptop{border-style:none solid none none}.border-side-bottom--laptop{border-style:none none solid}.border-side-left--laptop{border-style:none none none solid}.border-side-block--laptop{border-block-style:solid;border-inline-style:none}.border-side-inline--laptop{border-block-style:none;border-inline-style:solid}}@media screen and (width>=90.0625rem){:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--desktop)}:host([subgrid-rows]):host([col-span--desktop]) .container{grid-column:span var(--col-span--desktop-value) / span var(--col-span--desktop-value)}:host([subgrid-rows]):host([grow--desktop]) .container{flex-grow:var(--grow--desktop-value)}:host([subgrid-rows]):host([shrink--desktop]) .container{flex-shrink:var(--shrink--desktop-value)}:host([subgrid-rows]):host([basis--desktop]) .container{flex-basis:var(--basis--desktop-value)}:host([subgrid-rows]):host([align-self--desktop]) .container{align-self:var(--align-self--desktop-value)}:host([subgrid-rows]):host([justify-self--desktop]) .container{justify-self:var(--justify-self--desktop-value)}:host([subgrid-rows]):host([order--desktop]) .container{order:var(--order--desktop-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--desktop)}}", b = new CSSStyleSheet();
4
+ b.replaceSync(y);
5
+ var x = [
6
6
  "top-patch",
7
7
  "top-neighbor-patch",
8
8
  "top-ribbon",
9
9
  "top-neighbor-ribbon",
10
10
  "top-patch-and-neighbor-ribbon"
11
- ], b = [
11
+ ], S = [
12
12
  "1",
13
13
  "2",
14
14
  "3",
@@ -21,21 +21,24 @@ var y = [
21
21
  "10",
22
22
  "11",
23
23
  "12"
24
- ], x = (e, t, n) => `:host([${e}${n ? `--${n}` : ""}='${t}']) .container`, S = "px-padding", C = [
25
- u("padding", x, h, S, "--container-padding"),
26
- u("padding-inline", x, h, S),
27
- u("padding-block", x, h, S),
28
- u("padding-top", x, h, S),
29
- u("padding-right", x, h, S, "--container-padding-right"),
30
- u("padding-bottom", x, h, S),
31
- u("padding-left", x, h, S, "--container-padding-left"),
32
- u("gap", x, d, "px-spacing", void 0, "subgrid-gap")
33
- ], w = class extends e {
24
+ ], C = (e, t, n) => `:host([${e}${n ? `--${n}` : ""}='${t}']) .container`, w = "px-padding", T = [
25
+ d("padding", C, g, w, "--container-padding"),
26
+ d("padding-inline", C, g, w),
27
+ d("padding-block", C, g, w),
28
+ d("padding-top", C, g, w),
29
+ d("padding-right", C, g, w, "--container-padding-right"),
30
+ d("padding-bottom", C, g, w),
31
+ d("padding-left", C, g, w, "--container-padding-left"),
32
+ d("gap", C, f, "px-spacing", void 0, "subgrid-gap")
33
+ ], E = class d extends e {
34
+ static {
35
+ this.template = u("<div class=\"container\"><slot></slot><slot name=\"anchor-left\"></slot><slot name=\"anchor-right\"></slot><slot name=\"anchor-full\"></slot></div>");
36
+ }
34
37
  static {
35
38
  this.nativeName = "div";
36
39
  }
37
40
  constructor() {
38
- super(v, ...C), this.template = () => "<div class=\"container\">\n <slot></slot>\n <slot name=\"anchor-left\"></slot>\n <slot name=\"anchor-right\"></slot>\n <slot name=\"anchor-full\"></slot>\n </div>", this._bgObserver = null, this._isInViewport = !1, this.contentObserver = null, this.shadowRoot.innerHTML = this.template();
41
+ super(b, ...T), this._bgObserver = null, this._isInViewport = !1, this.contentObserver = null, v(this.shadowRoot, d.template);
39
42
  }
40
43
  static get observedAttributes() {
41
44
  return [
@@ -109,7 +112,7 @@ var y = [
109
112
  case "no-border-radius--mobile":
110
113
  case "no-border-radius--tablet":
111
114
  case "no-border-radius--laptop":
112
- this.updateNoBorderRadius(e, t, r, m);
115
+ this.updateNoBorderRadius(e, t, r, h);
113
116
  break;
114
117
  case "background-color":
115
118
  case "background-color--mobile":
@@ -139,13 +142,13 @@ var y = [
139
142
  this.updateAttribute(e, t, r, c);
140
143
  break;
141
144
  case "anchor-offset":
142
- this.updateAnchorOffset(t, r, h);
145
+ this.updateAnchorOffset(t, r, g);
143
146
  break;
144
147
  case "anchor-spacing":
145
- this.updateAnchorSpacing(t, r, y);
148
+ this.updateAnchorSpacing(t, r, x);
146
149
  break;
147
150
  case "subgrid-rows":
148
- this.updateSubgridRows(e, t, r, b);
151
+ this.updateSubgridRows(e, t, r, S);
149
152
  break;
150
153
  default: super.attributeChangedCallback(e, t, r);
151
154
  }
@@ -165,32 +168,32 @@ var y = [
165
168
  this.$el.style.setProperty(`--${e}`, `url("${t}")`);
166
169
  }
167
170
  updateGradient(e, t) {
168
- if (this.checkName(f, t)) {
171
+ if (this.checkName(p, t)) {
169
172
  let n = this.splitAttrNameFromBreakpoint(e);
170
173
  e = n.attrName;
171
174
  let r = n.breakpoint;
172
175
  this.$el.style.setProperty(`--${e}${r}`, `linear-gradient(var(--px-color-background-gradient-${t}))`);
173
- } else p(`"${t}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${f.join("\", \"")}".`);
176
+ } else m(`"${t}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${p.join("\", \"")}".`);
174
177
  }
175
178
  updateBackgroundColor(e, n) {
176
179
  let r = n.startsWith("surface-");
177
180
  if (this.checkName(t, n)) {
178
181
  let t = this.splitAttrNameFromBreakpoint(e), i = t.breakpoint;
179
182
  this.$el.style.setProperty(`--${t.attrName}${i}`, `var(--px-color-background-${n}${r ? "" : "-default"})`), this.$el.style.setProperty(`--${t.attrName}-inverted${i}`, `var(--px-color-background-${n}${r ? "" : "-inverted"})`);
180
- } else p(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${t.join("\", \"")}".`);
183
+ } else m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${t.join("\", \"")}".`);
181
184
  }
182
185
  updateBorderColor(e, t) {
183
- this.checkName(i, t) ? (this.$el.style.setProperty(`--${e}`, `var(--px-color-border-${t}-default)`), this.$el.style.setProperty(`--${e}-inverted`, `var(--px-color-border-${t}-inverted)`)) : p(`"${t}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${i.join("\", \"")}".`);
186
+ this.checkName(i, t) ? (this.$el.style.setProperty(`--${e}`, `var(--px-color-border-${t}-default)`), this.$el.style.setProperty(`--${e}-inverted`, `var(--px-color-border-${t}-inverted)`)) : m(`"${t}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${i.join("\", \"")}".`);
184
187
  }
185
188
  updateNoBorderRadius(e, t, n, r) {
186
- if (!this.checkName(r, n)) p(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
189
+ if (!this.checkName(r, n)) m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
187
190
  else {
188
191
  let r = this.splitAttrNameFromBreakpoint(e), i = r.breakpoint;
189
192
  t !== null && t !== "" && this.$el.classList.toggle(`${r.attrName}-${t}${i}`), n !== null && n !== "" && this.$el.classList.toggle(`${r.attrName}-${n}${i}`);
190
193
  }
191
194
  }
192
195
  updateAttribute(e, t, n, r) {
193
- if (!this.checkName(r, n)) p(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
196
+ if (!this.checkName(r, n)) m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
194
197
  else {
195
198
  let r = this.splitAttrNameFromBreakpoint(e), i = r.breakpoint;
196
199
  t !== null && t !== "" && this.$el.classList.toggle(`${r.attrName}-${t}${i}`), n !== null && n !== "" && this.$el.classList.toggle(`${r.attrName}-${n}${i}`);
@@ -213,7 +216,7 @@ var y = [
213
216
  }
214
217
  updateAnchorOffset(e, t, n) {
215
218
  if (!l(n, t)) {
216
- p(`"${t}" is not a valid anchor-offset value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
219
+ m(`"${t}" is not a valid anchor-offset value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
217
220
  return;
218
221
  }
219
222
  let r = (e) => {
@@ -226,7 +229,7 @@ var y = [
226
229
  }
227
230
  updateAnchorSpacing(e, t, n) {
228
231
  if (!l(n, t)) {
229
- p(`"${t}" is not a valid anchor-spacing value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
232
+ m(`"${t}" is not a valid anchor-spacing value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
230
233
  return;
231
234
  }
232
235
  let r = (e) => {
@@ -235,7 +238,7 @@ var y = [
235
238
  r(e), r(t);
236
239
  }
237
240
  updateSubgridRows(e, t, n, r) {
238
- l(r, n) ? this.style.setProperty(`--${e}`, n) : p(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
241
+ l(r, n) ? this.style.setProperty(`--${e}`, n) : m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
239
242
  }
240
243
  get $el() {
241
244
  return this?.shadowRoot?.querySelector(".container");
@@ -247,337 +250,337 @@ var y = [
247
250
  return this.getAttribute("padding");
248
251
  }
249
252
  set padding(e) {
250
- g(this, "padding", e);
253
+ _(this, "padding", e);
251
254
  }
252
255
  get paddingBlock() {
253
256
  return this.getAttribute("padding-block");
254
257
  }
255
258
  set paddingBlock(e) {
256
- g(this, "padding-block", e);
259
+ _(this, "padding-block", e);
257
260
  }
258
261
  get paddingInline() {
259
262
  return this.getAttribute("padding-inline");
260
263
  }
261
264
  set paddingInline(e) {
262
- g(this, "padding-inline", e);
265
+ _(this, "padding-inline", e);
263
266
  }
264
267
  get paddingTop() {
265
268
  return this.getAttribute("padding-top");
266
269
  }
267
270
  set paddingTop(e) {
268
- g(this, "padding-top", e);
271
+ _(this, "padding-top", e);
269
272
  }
270
273
  get paddingRight() {
271
274
  return this.getAttribute("padding-right");
272
275
  }
273
276
  set paddingRight(e) {
274
- g(this, "padding-right", e);
277
+ _(this, "padding-right", e);
275
278
  }
276
279
  get paddingBottom() {
277
280
  return this.getAttribute("padding-bottom");
278
281
  }
279
282
  set paddingBottom(e) {
280
- g(this, "padding-bottom", e);
283
+ _(this, "padding-bottom", e);
281
284
  }
282
285
  get paddingLeft() {
283
286
  return this.getAttribute("padding-left");
284
287
  }
285
288
  set paddingLeft(e) {
286
- g(this, "padding-left", e);
289
+ _(this, "padding-left", e);
287
290
  }
288
291
  get paddingMobile() {
289
292
  return this.getAttribute("padding--mobile");
290
293
  }
291
294
  set paddingMobile(e) {
292
- g(this, "padding--mobile", e);
295
+ _(this, "padding--mobile", e);
293
296
  }
294
297
  get paddingBlockMobile() {
295
298
  return this.getAttribute("padding-block--mobile");
296
299
  }
297
300
  set paddingBlockMobile(e) {
298
- g(this, "padding-block--mobile", e);
301
+ _(this, "padding-block--mobile", e);
299
302
  }
300
303
  get paddingInlineMobile() {
301
304
  return this.getAttribute("padding-inline--mobile");
302
305
  }
303
306
  set paddingInlineMobile(e) {
304
- g(this, "padding-inline--mobile", e);
307
+ _(this, "padding-inline--mobile", e);
305
308
  }
306
309
  get paddingTopMobile() {
307
310
  return this.getAttribute("padding-top--mobile");
308
311
  }
309
312
  set paddingTopMobile(e) {
310
- g(this, "padding-top--mobile", e);
313
+ _(this, "padding-top--mobile", e);
311
314
  }
312
315
  get paddingRightMobile() {
313
316
  return this.getAttribute("padding-right--mobile");
314
317
  }
315
318
  set paddingRightMobile(e) {
316
- g(this, "padding-right--mobile", e);
319
+ _(this, "padding-right--mobile", e);
317
320
  }
318
321
  get paddingBottomMobile() {
319
322
  return this.getAttribute("padding-bottom--mobile");
320
323
  }
321
324
  set paddingBottomMobile(e) {
322
- g(this, "padding-bottom--mobile", e);
325
+ _(this, "padding-bottom--mobile", e);
323
326
  }
324
327
  get paddingLeftMobile() {
325
328
  return this.getAttribute("padding-left--mobile");
326
329
  }
327
330
  set paddingLeftMobile(e) {
328
- g(this, "padding-left--mobile", e);
331
+ _(this, "padding-left--mobile", e);
329
332
  }
330
333
  get paddingTablet() {
331
334
  return this.getAttribute("padding--tablet");
332
335
  }
333
336
  set paddingTablet(e) {
334
- g(this, "padding--tablet", e);
337
+ _(this, "padding--tablet", e);
335
338
  }
336
339
  get paddingBlockTablet() {
337
340
  return this.getAttribute("padding-block--tablet");
338
341
  }
339
342
  set paddingBlockTablet(e) {
340
- g(this, "padding-block--tablet", e);
343
+ _(this, "padding-block--tablet", e);
341
344
  }
342
345
  get paddingInlineTablet() {
343
346
  return this.getAttribute("padding-inline--tablet");
344
347
  }
345
348
  set paddingInlineTablet(e) {
346
- g(this, "padding-inline--tablet", e);
349
+ _(this, "padding-inline--tablet", e);
347
350
  }
348
351
  get paddingTopTablet() {
349
352
  return this.getAttribute("padding-top--tablet");
350
353
  }
351
354
  set paddingTopTablet(e) {
352
- g(this, "padding-top--tablet", e);
355
+ _(this, "padding-top--tablet", e);
353
356
  }
354
357
  get paddingRightTablet() {
355
358
  return this.getAttribute("padding-right--tablet");
356
359
  }
357
360
  set paddingRightTablet(e) {
358
- g(this, "padding-right--tablet", e);
361
+ _(this, "padding-right--tablet", e);
359
362
  }
360
363
  get paddingBottomTablet() {
361
364
  return this.getAttribute("padding-bottom--tablet");
362
365
  }
363
366
  set paddingBottomTablet(e) {
364
- g(this, "padding-bottom--tablet", e);
367
+ _(this, "padding-bottom--tablet", e);
365
368
  }
366
369
  get paddingLeftTablet() {
367
370
  return this.getAttribute("padding-left--tablet");
368
371
  }
369
372
  set paddingLeftTablet(e) {
370
- g(this, "padding-left--tablet", e);
373
+ _(this, "padding-left--tablet", e);
371
374
  }
372
375
  get paddingLaptop() {
373
376
  return this.getAttribute("padding--laptop");
374
377
  }
375
378
  set paddingLaptop(e) {
376
- g(this, "padding--laptop", e);
379
+ _(this, "padding--laptop", e);
377
380
  }
378
381
  get paddingBlockLaptop() {
379
382
  return this.getAttribute("padding-block--laptop");
380
383
  }
381
384
  set paddingBlockLaptop(e) {
382
- g(this, "padding-block--laptop", e);
385
+ _(this, "padding-block--laptop", e);
383
386
  }
384
387
  get paddingInlineLaptop() {
385
388
  return this.getAttribute("padding-inline--laptop");
386
389
  }
387
390
  set paddingInlineLaptop(e) {
388
- g(this, "padding-inline--laptop", e);
391
+ _(this, "padding-inline--laptop", e);
389
392
  }
390
393
  get paddingTopLaptop() {
391
394
  return this.getAttribute("padding-top--laptop");
392
395
  }
393
396
  set paddingTopLaptop(e) {
394
- g(this, "padding-top--laptop", e);
397
+ _(this, "padding-top--laptop", e);
395
398
  }
396
399
  get paddingRightLaptop() {
397
400
  return this.getAttribute("padding-right--laptop");
398
401
  }
399
402
  set paddingRightLaptop(e) {
400
- g(this, "padding-right--laptop", e);
403
+ _(this, "padding-right--laptop", e);
401
404
  }
402
405
  get paddingBottomLaptop() {
403
406
  return this.getAttribute("padding-bottom--laptop");
404
407
  }
405
408
  set paddingBottomLaptop(e) {
406
- g(this, "padding-bottom--laptop", e);
409
+ _(this, "padding-bottom--laptop", e);
407
410
  }
408
411
  get paddingLeftLaptop() {
409
412
  return this.getAttribute("padding-left--laptop");
410
413
  }
411
414
  set paddingLeftLaptop(e) {
412
- g(this, "padding-left--laptop", e);
415
+ _(this, "padding-left--laptop", e);
413
416
  }
414
417
  get border() {
415
418
  return this.getAttribute("border");
416
419
  }
417
420
  set border(e) {
418
- g(this, "border", e);
421
+ _(this, "border", e);
419
422
  }
420
423
  get borderColor() {
421
424
  return this.getAttribute("border-color");
422
425
  }
423
426
  set borderColor(e) {
424
- g(this, "border-color", e);
427
+ _(this, "border-color", e);
425
428
  }
426
429
  get borderSide() {
427
430
  return this.getAttribute("border-side");
428
431
  }
429
432
  set borderSide(e) {
430
- g(this, "border-side", e);
433
+ _(this, "border-side", e);
431
434
  }
432
435
  get borderSideMobile() {
433
436
  return this.getAttribute("border-side--mobile");
434
437
  }
435
438
  set borderSideMobile(e) {
436
- g(this, "border-side--mobile", e);
439
+ _(this, "border-side--mobile", e);
437
440
  }
438
441
  get borderSideTablet() {
439
442
  return this.getAttribute("border-side--tablet");
440
443
  }
441
444
  set borderSideTablet(e) {
442
- g(this, "border-side--tablet", e);
445
+ _(this, "border-side--tablet", e);
443
446
  }
444
447
  get borderSideLaptop() {
445
448
  return this.getAttribute("border-side--laptop");
446
449
  }
447
450
  set borderSideLaptop(e) {
448
- g(this, "border-side--laptop", e);
451
+ _(this, "border-side--laptop", e);
449
452
  }
450
453
  get borderRadius() {
451
454
  return this.getAttribute("border-radius");
452
455
  }
453
456
  set borderRadius(e) {
454
- g(this, "border-radius", e);
457
+ _(this, "border-radius", e);
455
458
  }
456
459
  get noBorderRadius() {
457
460
  return this.getAttribute("no-border-radius");
458
461
  }
459
462
  set noBorderRadius(e) {
460
- g(this, "no-border-radius", e);
463
+ _(this, "no-border-radius", e);
461
464
  }
462
465
  get noBorderRadiusMobile() {
463
466
  return this.getAttribute("no-border-radius--mobile");
464
467
  }
465
468
  set noBorderRadiusMobile(e) {
466
- g(this, "no-border-radius--mobile", e);
469
+ _(this, "no-border-radius--mobile", e);
467
470
  }
468
471
  get noBorderRadiusTablet() {
469
472
  return this.getAttribute("no-border-radius--tablet");
470
473
  }
471
474
  set noBorderRadiusTablet(e) {
472
- g(this, "no-border-radius--tablet", e);
475
+ _(this, "no-border-radius--tablet", e);
473
476
  }
474
477
  get noBorderRadiusLaptop() {
475
478
  return this.getAttribute("no-border-radius--laptop");
476
479
  }
477
480
  set noBorderRadiusLaptop(e) {
478
- g(this, "no-border-radius--laptop", e);
481
+ _(this, "no-border-radius--laptop", e);
479
482
  }
480
483
  get backgroundColor() {
481
484
  return this.getAttribute("background-color");
482
485
  }
483
486
  set backgroundColor(e) {
484
- g(this, "background-color", e);
487
+ _(this, "background-color", e);
485
488
  }
486
489
  get backgroundColorMobile() {
487
490
  return this.getAttribute("background-color--mobile");
488
491
  }
489
492
  set backgroundColorMobile(e) {
490
- g(this, "background-color--mobile", e);
493
+ _(this, "background-color--mobile", e);
491
494
  }
492
495
  get backgroundColorTablet() {
493
496
  return this.getAttribute("background-color--tablet");
494
497
  }
495
498
  set backgroundColorTablet(e) {
496
- g(this, "background-color--tablet", e);
499
+ _(this, "background-color--tablet", e);
497
500
  }
498
501
  get backgroundColorLaptop() {
499
502
  return this.getAttribute("background-color--laptop");
500
503
  }
501
504
  set backgroundColorLaptop(e) {
502
- g(this, "background-color--laptop", e);
505
+ _(this, "background-color--laptop", e);
503
506
  }
504
507
  get gradient() {
505
508
  return this.getAttribute("background-gradient");
506
509
  }
507
510
  set gradient(e) {
508
- g(this, "background-gradient", e);
511
+ _(this, "background-gradient", e);
509
512
  }
510
513
  get gradientMobile() {
511
514
  return this.getAttribute("background-gradient--mobile");
512
515
  }
513
516
  set gradientMobile(e) {
514
- g(this, "background-gradient--mobile", e);
517
+ _(this, "background-gradient--mobile", e);
515
518
  }
516
519
  get gradientTablet() {
517
520
  return this.getAttribute("background-gradient--tablet");
518
521
  }
519
522
  set gradientTablet(e) {
520
- g(this, "background-gradient--tablet", e);
523
+ _(this, "background-gradient--tablet", e);
521
524
  }
522
525
  get gradientLaptop() {
523
526
  return this.getAttribute("background-gradient--laptop");
524
527
  }
525
528
  set gradientLaptop(e) {
526
- g(this, "background-gradient--laptop", e);
529
+ _(this, "background-gradient--laptop", e);
527
530
  }
528
531
  get backgroundImage() {
529
532
  return this.getAttribute("background-image");
530
533
  }
531
534
  set backgroundImage(e) {
532
- g(this, "background-image", e);
535
+ _(this, "background-image", e);
533
536
  }
534
537
  get backgroundImageMobile() {
535
538
  return this.getAttribute("background-image--mobile");
536
539
  }
537
540
  set backgroundImageMobile(e) {
538
- g(this, "background-image--mobile", e);
541
+ _(this, "background-image--mobile", e);
539
542
  }
540
543
  get backgroundImageTablet() {
541
544
  return this.getAttribute("background-image--tablet");
542
545
  }
543
546
  set backgroundImageTablet(e) {
544
- g(this, "background-image--tablet", e);
547
+ _(this, "background-image--tablet", e);
545
548
  }
546
549
  get backgroundImageLaptop() {
547
550
  return this.getAttribute("background-image--laptop");
548
551
  }
549
552
  set backgroundImageLaptop(e) {
550
- g(this, "background-image--laptop", e);
553
+ _(this, "background-image--laptop", e);
551
554
  }
552
555
  get backgroundSize() {
553
556
  return this.getAttribute("background-size");
554
557
  }
555
558
  set backgroundSize(e) {
556
- g(this, "background-size", e);
559
+ _(this, "background-size", e);
557
560
  }
558
561
  get backgroundPosition() {
559
562
  return this.getAttribute("background-position");
560
563
  }
561
564
  set backgroundPosition(e) {
562
- g(this, "background-position", e);
565
+ _(this, "background-position", e);
563
566
  }
564
567
  get boxShadow() {
565
568
  return this.getAttribute("box-shadow");
566
569
  }
567
570
  set boxShadow(e) {
568
- g(this, "box-shadow", e);
571
+ _(this, "box-shadow", e);
569
572
  }
570
573
  get anchorOffset() {
571
574
  return this.getAttribute("anchor-offset");
572
575
  }
573
576
  set anchorOffset(e) {
574
- g(this, "anchor-offset", e);
577
+ _(this, "anchor-offset", e);
575
578
  }
576
579
  get anchorSpacing() {
577
580
  return this.getAttribute("anchor-spacing");
578
581
  }
579
582
  set anchorSpacing(e) {
580
- g(this, "anchor-spacing", e);
583
+ _(this, "anchor-spacing", e);
581
584
  }
582
585
  get inverted() {
583
586
  return this.hasAttribute("inverted");
@@ -589,33 +592,33 @@ var y = [
589
592
  return this.getAttribute("subgrid-rows");
590
593
  }
591
594
  set subgridRows(e) {
592
- g(this, "subgrid-rows", e);
595
+ _(this, "subgrid-rows", e);
593
596
  }
594
597
  get subgridGap() {
595
598
  return this.getAttribute("subgrid-gap");
596
599
  }
597
600
  set subgridGap(e) {
598
- g(this, "subgrid-gap", e);
601
+ _(this, "subgrid-gap", e);
599
602
  }
600
603
  get subgridGapMobile() {
601
604
  return this.getAttribute("subgrid-gap--mobile");
602
605
  }
603
606
  set subgridGapMobile(e) {
604
- g(this, "subgrid-gap--mobile", e);
607
+ _(this, "subgrid-gap--mobile", e);
605
608
  }
606
609
  get subgridGapTablet() {
607
610
  return this.getAttribute("subgrid-gap--tablet");
608
611
  }
609
612
  set subgridGapTablet(e) {
610
- g(this, "subgrid-gap--tablet", e);
613
+ _(this, "subgrid-gap--tablet", e);
611
614
  }
612
615
  get subgridGapLaptop() {
613
616
  return this.getAttribute("subgrid-gap--laptop");
614
617
  }
615
618
  set subgridGapLaptop(e) {
616
- g(this, "subgrid-gap--laptop", e);
619
+ _(this, "subgrid-gap--laptop", e);
617
620
  }
618
621
  };
619
- customElements.get("px-container") || customElements.define("px-container", w);
622
+ customElements.get("px-container") || customElements.define("px-container", E);
620
623
  //#endregion
621
- export { w as Container, y as anchorSpacingValues, b as subgridRowsValues };
624
+ export { E as Container, x as anchorSpacingValues, S as subgridRowsValues };
package/dist/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@proximus/lavender-container",
4
- "version": "2.0.0-alpha.203",
4
+ "version": "2.0.0-alpha.205",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -144,8 +144,7 @@
144
144
  { "name": "subgridGap" },
145
145
  { "name": "subgridGapMobile" },
146
146
  { "name": "subgridGapTablet" },
147
- { "name": "subgridGapLaptop" },
148
- { "name": "innerHTML" }
147
+ { "name": "subgridGapLaptop" }
149
148
  ],
150
149
  "events": []
151
150
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-container",
3
- "version": "2.0.0-alpha.203",
3
+ "version": "2.0.0-alpha.205",
4
4
  "description": "",
5
5
  "files": [
6
6
  "dist"