@designsystem-se/af 34.0.3 → 34.0.4-beta.0

package/components/p-e9645cdc.js

@@ -1,72 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-f124fce4.js';
-import { L as LayoutContainerVariation, a as LayoutContainerMaxWidth } from './p-5f8dc01a.js';
-
-const layoutContainerCss = ".digi--util--fs--xs.sc-digi-layout-container{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-layout-container{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-layout-container{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-layout-container{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-layout-container{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-layout-container{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-layout-container{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-layout-container{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-layout-container{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-layout-container{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-layout-container{padding-top:5rem !important}.digi--util--pb--1.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-layout-container{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-layout-container{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-layout-container{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-layout-container{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-layout-container{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-layout-container{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-layout-container{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-layout-container{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-layout-container{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-layout-container{padding:2.5rem !important}.digi--util--p--60.sc-digi-layout-container{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-layout-container{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-layout-container{padding:4.5rem !important}.digi--util--p--90.sc-digi-layout-container{padding:5rem !important}.digi--util--ptb--1.sc-digi-layout-container{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-layout-container{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-layout-container{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-layout-container{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-layout-container{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-layout-container{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-layout-container{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-layout-container{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-layout-container{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-layout-container{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-layout-container{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-layout-container{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-layout-container{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-layout-container{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-layout-container{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-layout-container{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-layout-container{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-layout-container{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-layout-container{display:none}.sc-digi-layout-container-h{--digi--layout-container--width:var(--digi--container-width--smaller);--digi--layout-container--gutter:var(--digi--container-gutter--base);--digi--layout-container--vertical-padding:0;--digi--layout-container--margin-top:0;--digi--layout-container--margin-bottom:0}.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{box-sizing:border-box;width:100%;max-width:var(--digi--layout-container--width);padding:var(--digi--layout-container--vertical-padding) var(--digi--layout-container--gutter);margin-left:auto;margin-right:auto;margin-top:var(--digi--layout-container--margin-top);margin-bottom:var(--digi--layout-container--margin-bottom);box-sizing:border-box}@media (min-width: 36rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--small);--digi--layout-container--gutter:var(--digi--container-gutter--small)}}@media (min-width: 48rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--medium);--digi--layout-container--gutter:var(--digi--container-gutter--medium)}}@media (min-width: 62rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--large);--digi--layout-container--gutter:var(--digi--container-gutter--large)}}@media (min-width: 75rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--larger);--digi--layout-container--gutter:var(--digi--container-gutter--larger)}}@media (min-width: 87.5rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--largest);--digi--layout-container--gutter:var(--digi--container-gutter--largest)}.sc-digi-layout-container-h .digi-layout-container--max-width-1200.sc-digi-layout-container{--digi--layout-container--width:var(--digi--global--size--larger)}}.sc-digi-layout-container-h .digi-layout-container--fluid.sc-digi-layout-container{--digi--layout-container--width:none !important}.sc-digi-layout-container-h .digi-layout-container--no-gutter.sc-digi-layout-container{--digi--layout-container--gutter:0}.sc-digi-layout-container-h .digi-layout-container--vertical-padding.sc-digi-layout-container{--digi--layout-container--vertical-padding:var(--digi--padding--large)}.sc-digi-layout-container-h .digi-layout-container--margin-top.sc-digi-layout-container{--digi--layout-container--margin-top:var(--digi--margin--large)}.sc-digi-layout-container-h .digi-layout-container--margin-bottom.sc-digi-layout-container{--digi--layout-container--margin-bottom:var(--digi--margin--large)}";
-const DigiLayoutContainerStyle0 = layoutContainerCss;
-
-const LayoutContainer = /*@__PURE__*/ proxyCustomElement(class LayoutContainer extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this._variation = LayoutContainerVariation.STATIC;
-        this.afVariation = LayoutContainerVariation.STATIC;
-        this.afMaxWidth = LayoutContainerMaxWidth.WIDTH_1400;
-        this.afNoGutter = undefined;
-        this.afVerticalPadding = undefined;
-        this.afMarginTop = undefined;
-        this.afMarginBottom = undefined;
-    }
-    variationChangeHandler() {
-        this._variation = this.afVariation;
-    }
-    componentWillLoad() {
-        this.variationChangeHandler();
-    }
-    get cssModifiers() {
-        if (this._variation === LayoutContainerVariation.NONE) {
-            return {};
-        }
-        return {
-            'digi-layout-container': true,
-            'digi-layout-container--static': this._variation === LayoutContainerVariation.STATIC,
-            'digi-layout-container--fluid': this._variation === LayoutContainerVariation.FLUID,
-            'digi-layout-container--max-width-1200': this.afMaxWidth === LayoutContainerMaxWidth.WIDTH_1200,
-            'digi-layout-container--no-gutter': this.afNoGutter,
-            'digi-layout-container--vertical-padding': this.afVerticalPadding,
-            'digi-layout-container--margin-top': this.afMarginTop,
-            'digi-layout-container--margin-bottom': this.afMarginBottom
-        };
-    }
-    render() {
-        return (h("div", { key: '01d65500134b20d0b99a22905e9159325fca4931', class: Object.assign({}, this.cssModifiers) }, h("slot", { key: '256b8c6ee913710e1cc359fe228be062705b9546' })));
-    }
-    static get watchers() { return {
-        "afVariation": ["variationChangeHandler"]
-    }; }
-    static get style() { return DigiLayoutContainerStyle0; }
-}, [6, "digi-layout-container", {
-        "afVariation": [1, "af-variation"],
-        "afMaxWidth": [1, "af-max-width"],
-        "afNoGutter": [4, "af-no-gutter"],
-        "afVerticalPadding": [4, "af-vertical-padding"],
-        "afMarginTop": [4, "af-margin-top"],
-        "afMarginBottom": [4, "af-margin-bottom"],
-        "_variation": [32]
-    }, undefined, {
-        "afVariation": ["variationChangeHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-layout-container"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-layout-container":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LayoutContainer);
-            }
-            break;
-    } });
-}
-
-export { LayoutContainer as L, defineCustomElement as d };

package/components/p-e9c9e33c.js

@@ -1,79 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-f124fce4.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-
-const UtilMutationObserver = /*@__PURE__*/ proxyCustomElement(class UtilMutationObserver extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afOnChange = createEvent(this, "afOnChange", 7);
-        this._observer = null;
-        this._isObserving = false;
-        this.afId = randomIdGenerator('digi-util-mutation-observer');
-        this.afOptions = {
-            attributes: false,
-            childList: true,
-            subtree: false,
-            characterData: false
-        };
-    }
-    afOptionsWatcher(newValue) {
-        this._afOptions =
-            typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
-    }
-    componentWillLoad() {
-        this.afOptionsWatcher(this.afOptions);
-        this.initObserver();
-    }
-    disconnectedCallback() {
-        if (this._isObserving) {
-            this.removeObserver();
-        }
-    }
-    initObserver() {
-        this._observer = new MutationObserver((mutationsList) => {
-            for (const mutation of mutationsList) {
-                if (mutation.type === 'childList' ||
-                    mutation.type === 'attributes' ||
-                    mutation.type === 'characterData') {
-                    this.changeHandler(mutation);
-                }
-            }
-        });
-        this._observer.observe(this.$el, this._afOptions);
-        this._isObserving = true;
-    }
-    removeObserver() {
-        this._observer.disconnect();
-        this._isObserving = false;
-    }
-    changeHandler(e) {
-        this.afOnChange.emit(e);
-    }
-    render() {
-        h("div", { id: this.afId, ref: (el) => (this.$el = el) }, h("slot", null));
-    }
-    get $el() { return this; }
-    static get watchers() { return {
-        "afOptions": ["afOptionsWatcher"]
-    }; }
-}, [6, "digi-util-mutation-observer", {
-        "afId": [1, "af-id"],
-        "afOptions": [1, "af-options"]
-    }, undefined, {
-        "afOptions": ["afOptionsWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-util-mutation-observer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-util-mutation-observer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UtilMutationObserver);
-            }
-            break;
-    } });
-}
-
-export { UtilMutationObserver as U, defineCustomElement as d };

package/components/p-f0bdf339.js

@@ -1,88 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-f124fce4.js';
-
-const UtilIntersectionObserver = /*@__PURE__*/ proxyCustomElement(class UtilIntersectionObserver extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.afOnChange = createEvent(this, "afOnChange", 7);
-        this.afOnIntersect = createEvent(this, "afOnIntersect", 7);
-        this.afOnUnintersect = createEvent(this, "afOnUnintersect", 7);
-        this._observer = null;
-        this._hasIntersected = false;
-        this._isObserving = false;
-        this.afOnce = false;
-        this.afOptions = {
-            rootMargin: '0px',
-            threshold: 0
-        };
-    }
-    afOptionsWatcher(newValue) {
-        this._afOptions =
-            typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
-    }
-    componentWillLoad() {
-        this.afOptionsWatcher(this.afOptions);
-        this.initObserver();
-    }
-    disconnectedCallback() {
-        if (this._isObserving) {
-            this.removeObserver();
-        }
-    }
-    initObserver() {
-        this._observer = new IntersectionObserver(([entry]) => {
-            if (entry && entry.isIntersecting) {
-                this.intersectionHandler();
-                if (this.afOnce) {
-                    this.removeObserver();
-                }
-            }
-            else if (entry && this._hasIntersected) {
-                this.unintersectionHandler();
-            }
-        }, this._afOptions);
-        this._observer.observe(this.$el);
-        this._isObserving = true;
-    }
-    removeObserver() {
-        this._observer.disconnect();
-        this._isObserving = false;
-    }
-    intersectionHandler() {
-        this.afOnChange.emit(true);
-        this.afOnIntersect.emit();
-        this._hasIntersected = true;
-    }
-    unintersectionHandler() {
-        this.afOnChange.emit(false);
-        this.afOnUnintersect.emit();
-        this._hasIntersected = false;
-    }
-    render() {
-        return h("slot", { key: 'ce0c9e2bd65c8a8edb706b02b0cc03a1788ca2eb' });
-    }
-    get $el() { return this; }
-    static get watchers() { return {
-        "afOptions": ["afOptionsWatcher"]
-    }; }
-}, [6, "digi-util-intersection-observer", {
-        "afOnce": [4, "af-once"],
-        "afOptions": [1, "af-options"]
-    }, undefined, {
-        "afOptions": ["afOptionsWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["digi-util-intersection-observer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "digi-util-intersection-observer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UtilIntersectionObserver);
-            }
-            break;
-    } });
-}
-
-export { UtilIntersectionObserver as U, defineCustomElement as d };