npm - @oiz/stzh-components - Versions diffs - 4.9.0-beta3 → 4.9.0-beta4 - Mend

@oiz/stzh-components 4.9.0-beta3 → 4.9.0-beta4

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 (1425) hide show

package/dist/components/p-COAWSn9b.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"p-COAWSn9b.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-datepicker/stzh-datepicker.scss?tag=stzh-datepicker&encapsulation=scoped","src/components/stzh-datepicker/stzh-datepicker.tsx"],"sourcesContent":[":host {\n --calendar-width: #{$calendarWidth};\n\n width: 100%;\n position: relative;\n\n &[inline]:not([inline=\"false\"]) {\n width: var(--calendar-width);\n }\n}\n\n.stzh-datepicker {\n &__popover {\n --width: auto;\n }\n\n &__calendar {\n margin-left: auto;\n margin-right: auto;\n\n &.is-inline {\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n }\n\n &__actions {\n display: flex;\n width: var(--calendar-width);\n margin-left: auto;\n margin-right: auto;\n\n &.is-inline {\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n\n &:not(:empty) {\n padding-left: space(\"small\");\n padding-right: space(\"small\");\n }\n }\n\n /* Has action */\n\n &--has-action &__popover {\n --content-padding: 0 0 #{space(\"small\")} 0;\n }\n}\n","import {\n Component,\n Prop,\n Host,\n Element,\n h,\n Event,\n EventEmitter,\n Method,\n Watch,\n Fragment,\n State,\n Listen,\n} from \"@stencil/core\";\n\nimport { StzhCalendarChangeEvent, StzhDatepickerChangeEvent } from \"../../index\";\n\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nimport { printISODate } from \"../../utils/date-utils\";\nimport { StzhLocaleAdapter } from \"../../index\";\n\nimport { StzhDatepickerLocalizedText } from \"./stzh-datepicker.localization\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot action - Slot for action below calendar (stzh-link element)\n */\n@Component({\n tag: \"stzh-datepicker\",\n styleUrl: \"stzh-datepicker.scss\",\n scoped: true,\n})\nexport class StzhDatepicker {\n /**\n * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n * This setting can be used alone or together with the max property.\n */\n @Prop() calendarMin: string = \"\";\n\n /**\n * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n * This setting can be used alone or together with the min property.\n */\n @Prop() calendarMax: string = \"\";\n\n /**\n * Controls which days are disabled and therefore disallowed.\n * For example, this can be used to disallow selection of weekends.\n */\n @Prop() calendarIsDateDisabled: StzhCalendarDateDisabledPredicate = () => false;\n\n /** Name of the hidden date picker input. */\n @Prop({ reflect: true }) name: string = \"\";\n\n /** Value of the hidden date picker input. If a date can be parsed (via picker always), the value is in ISO format. Otherwise the value equals the manual input. */\n @Prop({ mutable: true }) value: string = \"\";\n @State() calendarValue: string = \"\";\n @State() inputValue: string = \"\";\n\n /** Default value (used by reset) */\n @Prop({ mutable: true }) defaultValue: string = \"\";\n\n /** Label for input field and popover */\n @Prop() label: string = \"\";\n\n /** Whether label is visually hidden. */\n @Prop() labelHidden: boolean = false;\n\n /** Whether the element is readonly or not */\n @Prop({ reflect: true }) readonly: boolean = false;\n\n /** Whether the element is disabled or not */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /** Description message (use description slot as alternative) */\n @Prop() description: string;\n\n /** Long description message appearing in a popover (use description-long slot as alternative) */\n @Prop() descriptionLong: string;\n\n /** One or multiple error message (use error slot as alternative) */\n @Prop() error: string | string[];\n\n /** Invalid status */\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /** Required status */\n @Prop({ reflect: true }) required: boolean = false;\n\n /** Hide `(optional)` label (or use `required` inside form to hide it) */\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /** Size variant */\n @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n /** Show calendar inline */\n @Prop({ reflect: true }) inline: boolean = false;\n\n /**\n * Date adapter visible date shown to the user, for custom parsing/formatting.\n * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n * and a `format` function which accepts a `Date` and returns a `string`.\n */\n @Prop() dateAdapter: StzhLocaleAdapter;\n\n /**\n * Date adapter for internal date passed to backend, for custom parsing/formatting.\n * Can be `\"iso\"` (default, date in ISO format) / `\"legacy\"` (date in `d.m.Y` format)\n * or `StzhLocaleAdapter` (must be object with a `parse` function which accepts a `string` and returns a `Date`,\n * and a `format` function which accepts a `Date` and returns a `string`.)\n */\n @Prop() internalDateAdapter: \"iso\" | \"legacy\" | StzhLocaleAdapter = \"iso\";\n private _internalDateAdapter: StzhLocaleAdapter;\n\n /** Translation strings. */\n @Prop() localization: StzhDatepickerLocalizedText;\n\n @State() buttonLabel: string;\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Watch(\"localization\")\n createDateFormatters() {\n if (this.localization) {\n this.dateFormatLong = new Intl.DateTimeFormat(this.localization.$locale, {\n day: \"numeric\",\n month: \"long\",\n year: \"numeric\",\n });\n }\n }\n\n /** Update calendar and input when value prop has changed */\n @Watch(\"value\")\n valueWatcher(newValue: string) {\n if (!this._internalDateAdapter) {\n return;\n }\n\n const date = this._internalDateAdapter.parse(newValue, \"dateInput\");\n\n this.calendarValue = printISODate(date);\n this.inputValue = this.dateAdapter.format(date, \"dateInput\");\n\n this.updateButtonAccessibleLabel();\n }\n\n @Watch(\"dateAdapter\")\n dateAdapterWatcher(newValue: StzhLocaleAdapter) {\n if (!newValue) {\n this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formats,\n this.localization.$globals,\n );\n }\n }\n\n @Watch(\"internalDateAdapter\")\n internalDateAdapterWatcher(newValue: \"iso\" | \"legacy\" | StzhLocaleAdapter) {\n if (newValue === \"iso\" || !newValue) {\n this._internalDateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formatsIso,\n this.localization.$globals,\n );\n } else if (newValue === \"legacy\") {\n this._internalDateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formatsLegacy,\n this.localization.$globals,\n );\n } else {\n this._internalDateAdapter = newValue;\n }\n }\n\n /** Set value by a JS Date object */\n @Method()\n async setDate(date: Date) {\n this.value = this._internalDateAdapter.format(date, \"dateInput\");\n }\n\n /** Return internal popover element */\n @Method()\n async getPopover(): Promise<HTMLStzhPopoverElement> {\n return this.popoverElement;\n }\n\n /** Datepicker change event */\n @Event() stzhChange: EventEmitter<StzhDatepickerChangeEvent>;\n\n @Element() element: HTMLStzhDatepickerElement;\n\n /**\n * To format dates exclusively for the benefit of screen readers.\n *\n * We prefer DateTimeFormat over date.toLocaleDateString, as the former has\n * better performance when formatting large number of dates. See:\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance\n */\n private dateFormatLong: Intl.DateTimeFormat;\n\n private input: HTMLStzhInputElement;\n private popoverElement: HTMLStzhPopoverElement;\n // private calendar: HTMLStzhCalendarElement;\n\n private handleReset = async () => {\n this.value = this.defaultValue;\n };\n\n private onRootFocus = () => {\n if (this.input) {\n this.input.focus();\n }\n };\n\n private onInputChanged = () => {\n const parsedDate = this.dateAdapter.parse(this.input.value, \"dateInput\");\n\n if (this.input.value === \"\" || parsedDate) {\n const formattedDate = this._internalDateAdapter.format(parsedDate, \"dateInput\");\n\n if (this.value !== formattedDate) {\n this.value = formattedDate;\n } else {\n this.valueWatcher(formattedDate);\n }\n\n this.stzhChange.emit({\n component: \"stzh-datepicker\",\n value: this.value,\n valueAsDate: parsedDate,\n });\n }\n };\n\n private onCalendarChange = (event: CustomEvent<StzhCalendarChangeEvent>) => {\n if (event.detail.component !== \"stzh-calendar\") {\n // Do not emit stzhChange event from year/month dropdowns\n event.stopPropagation();\n return;\n }\n\n this.value = event.detail.valueAsDate && this._internalDateAdapter.format(event.detail.valueAsDate, \"dateInput\");\n\n this.stzhChange.emit({\n component: \"stzh-datepicker\",\n value: this.value,\n valueAsDate: event.detail.valueAsDate,\n });\n\n if (this.popoverElement) {\n this.popoverElement.hide();\n }\n };\n\n private updateButtonAccessibleLabel() {\n if (!this.localization) {\n return;\n }\n\n try {\n const valueAsDate = this._internalDateAdapter.parse(this.value, \"dateInput\");\n this.buttonLabel = `${this.label}, ${this.localization.buttonLabel}, ${this.localization.selectedDateMessage} ${this.dateFormatLong.format(valueAsDate)}`;\n } catch (err) {\n this.buttonLabel = `${this.label}, ${this.localization.buttonLabel}`;\n }\n }\n\n connectedCallback() {\n this.createDateFormatters();\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"datepicker\");\n }\n\n this.dateAdapterWatcher(this.dateAdapter);\n this.internalDateAdapterWatcher(this.internalDateAdapter);\n this.valueWatcher(this.value);\n this.defaultValue = this.defaultValue || this.value;\n }\n\n render() {\n const actionUsed = hasSlot(this.element, \"action\");\n\n const classes = {\n \"stzh-datepicker\": true,\n \"stzh-datepicker--inline\": this.inline,\n \"stzh-datepicker--has-action\": actionUsed,\n };\n\n return (\n <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <div class={classes}>\n <input type=\"hidden\" name={this.name} value={this.value} defaultValue={this.defaultValue} />\n\n {this.inline && (\n <Fragment>\n <stzh-calendar\n // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n value={this.calendarValue}\n class=\"stzh-datepicker__calendar is-inline\"\n isDateDisabled={this.calendarIsDateDisabled}\n min={this.calendarMin}\n max={this.calendarMax}\n onStzhChange={this.onCalendarChange}\n ></stzh-calendar>\n <div class=\"stzh-datepicker__actions\">\n <slot name=\"action\"></slot>\n </div>\n </Fragment>\n )}\n\n {!this.inline && (\n <stzh-input\n value={this.inputValue}\n label={this.label}\n labelHidden={this.labelHidden}\n ref={el => (this.input = el as HTMLStzhInputElement)}\n noAutocomplete\n onStzhChanged={this.onInputChanged}\n readonly={this.readonly}\n disabled={this.disabled}\n description={this.description}\n descriptionLong={this.descriptionLong}\n error={this.error}\n invalid={this.invalid}\n required={this.required}\n hideOptional={this.hideOptional}\n size={this.size}\n >\n <stzh-popover\n ref={el => (this.popoverElement = el as HTMLStzhPopoverElement)}\n class=\"stzh-datepicker__popover\"\n slot=\"button-right\"\n placement=\"bottom-end\"\n strategy=\"fixed\"\n label={this.label}\n >\n <stzh-button\n icon-only\n icon=\"calendar\"\n size={this.size}\n disabled={this.disabled}\n a11yLabel={this.buttonLabel}\n ></stzh-button>\n <div slot=\"content\">\n <stzh-calendar\n // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n value={this.calendarValue}\n class=\"stzh-datepicker__calendar is-popover\"\n isDateDisabled={this.calendarIsDateDisabled}\n min={this.calendarMin}\n max={this.calendarMax}\n onStzhChange={this.onCalendarChange}\n ></stzh-calendar>\n <div class=\"stzh-datepicker__actions\">\n <slot name=\"action\"></slot>\n </div>\n </div>\n </stzh-popover>\n </stzh-input>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/p-C_qr3ErC.js DELETED Viewed

@@ -1,434 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-ptAFQZzh.js';
-import { b as isVisible, o as offset } from './p-CN5apKPb.js';
-import { g as getDefaultExportFromCjs } from './p-E-ZsRS8r.js';
-import { r as requireDebounce, a as requireIsObject } from './p-CIOHhwVv.js';
-var throttle_1;
-var hasRequiredThrottle;
-function requireThrottle () {
-	if (hasRequiredThrottle) return throttle_1;
-	hasRequiredThrottle = 1;
-	var debounce = requireDebounce(),
-	    isObject = requireIsObject();
-	/** Error message constants. */
-	var FUNC_ERROR_TEXT = 'Expected a function';
-	/**
-	 * Creates a throttled function that only invokes `func` at most once per
-	 * every `wait` milliseconds. The throttled function comes with a `cancel`
-	 * method to cancel delayed `func` invocations and a `flush` method to
-	 * immediately invoke them. Provide `options` to indicate whether `func`
-	 * should be invoked on the leading and/or trailing edge of the `wait`
-	 * timeout. The `func` is invoked with the last arguments provided to the
-	 * throttled function. Subsequent calls to the throttled function return the
-	 * result of the last `func` invocation.
-	 *
-	 * **Note:** If `leading` and `trailing` options are `true`, `func` is
-	 * invoked on the trailing edge of the timeout only if the throttled function
-	 * is invoked more than once during the `wait` timeout.
-	 *
-	 * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
-	 * until to the next tick, similar to `setTimeout` with a timeout of `0`.
-	 *
-	 * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
-	 * for details over the differences between `_.throttle` and `_.debounce`.
-	 *
-	 * @static
-	 * @memberOf _
-	 * @since 0.1.0
-	 * @category Function
-	 * @param {Function} func The function to throttle.
-	 * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
-	 * @param {Object} [options={}] The options object.
-	 * @param {boolean} [options.leading=true]
-	 *  Specify invoking on the leading edge of the timeout.
-	 * @param {boolean} [options.trailing=true]
-	 *  Specify invoking on the trailing edge of the timeout.
-	 * @returns {Function} Returns the new throttled function.
-	 * @example
-	 *
-	 * // Avoid excessively updating the position while scrolling.
-	 * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
-	 *
-	 * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
-	 * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
-	 * jQuery(element).on('click', throttled);
-	 *
-	 * // Cancel the trailing throttled invocation.
-	 * jQuery(window).on('popstate', throttled.cancel);
-	 */
-	function throttle(func, wait, options) {
-	  var leading = true,
-	      trailing = true;
-	  if (typeof func != 'function') {
-	    throw new TypeError(FUNC_ERROR_TEXT);
-	  }
-	  if (isObject(options)) {
-	    leading = 'leading' in options ? !!options.leading : leading;
-	    trailing = 'trailing' in options ? !!options.trailing : trailing;
-	  }
-	  return debounce(func, wait, {
-	    'leading': leading,
-	    'maxWait': wait,
-	    'trailing': trailing
-	  });
-	}
-	throttle_1 = throttle;
-	return throttle_1;
-}
-var throttleExports = requireThrottle();
-var throttle = /*@__PURE__*/getDefaultExportFromCjs(throttleExports);
-const stzhStickyCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--padding-left:0;--padding-right:0;--background-color:transparent;--stuck-padding-top:var(--padding-top);--stuck-padding-bottom:var(--padding-bottom);--stuck-padding-left:var(--padding-left);--stuck-padding-right:var(--padding-right);--stuck-background-color:var(--stzh-color-grey10);display:contents}@media print{:host{display:none}}:host([variant=transparent]){--background-color:transparent;--stuck-background-color:transparent;pointer-events:none}:host([position=fixed]){display:block}.stzh-sticky{display:contents}.stzh-sticky__sticky{position:sticky;top:-0.0625rem;bottom:-0.0625rem;z-index:var(--stzh-z-index-sticky);width:var(--stzh-sticky-unstuck-width, auto);transition-property:width, transform, opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content,.stzh-sticky__content::before{background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content{--stzh-button-pointer-events:all;--stzh-link-pointer-events:all;position:relative;transition-property:background-color, transform}.stzh-sticky__content-inner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);transition-property:padding;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__spacer{display:none}.stzh-sticky{}.stzh-sticky--is-disabled-sticky-top .stzh-sticky__sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom .stzh-sticky__sticky{bottom:auto}.stzh-sticky{}.stzh-sticky--is-bleeding .stzh-sticky__content::before{z-index:-1;content:"";position:absolute;display:block;width:100%;height:100%;transform:translateY(0);transition-property:width, background-color, transform}.stzh-sticky{}.stzh-sticky--is-stuck .stzh-sticky__content,.stzh-sticky--is-stuck .stzh-sticky__content::before{background-color:var(--stuck-background-color)}.stzh-sticky--is-stuck .stzh-sticky__content::before{width:calc(100vw - var(--stzh-scrollbar-width));transform:translateX(calc(var(--stzh-sticky-offset-left) / -1))}.stzh-sticky--is-stuck .stzh-sticky__content-inner{padding-top:var(--stuck-padding-top);padding-bottom:var(--stuck-padding-bottom);padding-left:var(--stuck-padding-left);padding-right:var(--stuck-padding-right)}.stzh-sticky{}.stzh-sticky--is-not-loaded{visibility:hidden}.stzh-sticky--is-not-loaded.stzh-sticky--is-stuck .stzh-sticky__sticky{transform:translateY(100%);opacity:0}.stzh-sticky--is-not-loaded .stzh-sticky__sticky,.stzh-sticky--is-not-loaded .stzh-sticky__content,.stzh-sticky--is-not-loaded .stzh-sticky__content::before,.stzh-sticky--is-not-loaded .stzh-sticky__content-inner{transition-duration:0ms}`;
-const ATTR_STICKY_CONTAINER = "data-stzh-sticky-container";
-const ATTR_STICKY_WIDTH_CONTAINER = "data-stzh-sticky-width-container";
-const StzhSticky = /*@__PURE__*/ proxyCustomElement(class StzhSticky extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.stzhStuckTop = createEvent(this, "stzhStuckTop");
-        this.stzhStuckBottom = createEvent(this, "stzhStuckBottom");
-        /** Variant */
-        this.variant = "default";
-        /** Whether to disable sticking to top */
-        this.disableStickyTop = true;
-        /** Whether to disable sticking to bottom */
-        this.disableStickyBottom = false;
-        /** Whether background breaks out container to full viewport width */
-        this.bleeding = false;
-        /**
-         * Position type used.
-         *
-         * - sticky: used only css position sticky
-         * - fixed: uses position fixed with js for positioning (`data-stzh-sticky-container` can be used on a container element to limit sticky position)
-         */
-        this.position = "sticky";
-        this.loaded = false;
-        this.fixedHeight = 0;
-        this.fixedWidth = 0;
-        this.fixedLimit = null;
-        this.handleScroll = () => {
-            if (this.debounceScroll) {
-                window.cancelAnimationFrame(this.debounceScroll);
-            }
-            this.debounceScroll = requestAnimationFrame(this.updateByScroll);
-        };
-        this.handleResize = () => {
-            if (this.debounceResize) {
-                window.cancelAnimationFrame(this.debounceResize);
-            }
-            this.debounceResize = requestAnimationFrame(this.updateFixedByResize);
-        };
-        this.handleStickyResize = throttle(() => {
-            this.stuckHeightWatcher();
-            this.updateByScroll();
-        }, 100);
-        this.updateByScroll = () => {
-            if (!isVisible(this.stickyElement) || !this.element.isConnected) {
-                return;
-            }
-            const stickyFixedWidthContainer = this.element.closest(`[${ATTR_STICKY_WIDTH_CONTAINER}]`) || this.element.parentElement;
-            const off = offset((this.isStuckTop || this.isStuckBottom) && this.position === "fixed" ? this.spacerElement : this.stickyElement);
-            this.fixedTop = off.top;
-            this.fixedLeft = off.left;
-            stickyFixedWidthContainer.style.setProperty("--stzh-sticky-offset-top", `${this.fixedTop}px`);
-            stickyFixedWidthContainer.style.setProperty("--stzh-sticky-offset-left", `${this.fixedLeft}px`);
-            if (this.position === "sticky") {
-                // for position sticky we only need the offsets variables to be updated in bleeding variant
-                return;
-            }
-            this.fixedHeight = this.stickyElement.offsetHeight;
-            this.spacerElement.style.height = `${this.fixedHeight}px`;
-            this.scrollX = window.scrollX;
-            this.scrollY = window.scrollY;
-            this.fixedLimit = this.getFixedLimit();
-            this.fixedWidth = stickyFixedWidthContainer.getBoundingClientRect().width;
-            const unstuckWidth = this.element.getBoundingClientRect().width;
-            // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-stuck-width', `${this.fixedWidth}px`);
-            stickyFixedWidthContainer.style.setProperty("--stzh-sticky-unstuck-width", `${unstuckWidth}px`);
-            // console.log(unstuckWidth);
-            // console.log(
-            //   this.scrollX,
-            //   this.scrollY,
-            //   this.windowHeight,
-            //   this.fixedTop,
-            //   this.fixedLeft,
-            //   this.fixedHeight,
-            //   this.fixedLimit,
-            // );
-            this.isStuckBottom =
-                !this.disableStickyBottom && this.scrollY + this.windowHeight <= this.fixedTop + this.fixedHeight;
-            this.isStuckTop = !this.disableStickyTop && this.scrollY >= this.fixedTop;
-            this.hasReachedTopLimit =
-                this.fixedLimit && this.scrollY + this.windowHeight - this.fixedHeight <= this.fixedLimit.top;
-            this.hasReachedBottomLimit = this.fixedLimit && this.scrollY >= this.fixedLimit.bottom - this.fixedHeight;
-            // console.log(
-            //   this.isStuckBottom,
-            //   this.isStuckTop,
-            //   this.hasReachedBottomLimit,
-            //   this.hasReachedTopLimit,
-            // );
-            if (this.isStuckTop || this.isStuckBottom) {
-                this.setFixed();
-                // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${this.fixedWidth}px`);
-            }
-            else {
-                this.setUnfixed();
-                // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${unstuckWidth}px`);
-            }
-        };
-        this.updateFixedByResize = () => {
-            if (!this.stickyElement || !this.element.isConnected) {
-                return;
-            }
-            // reset sticky so we can read current offsets
-            this.setUnfixed();
-            this.stickyElement.style.position = "static";
-            this.stickyElement.style.width = "auto";
-            this.isStuckTop = false;
-            this.isStuckBottom = false;
-            if (isVisible(this.stickyElement)) {
-                this.windowHeight = window.innerHeight;
-                this.updateByScroll();
-            }
-        };
-        this.observe = () => {
-            this.updateStuck();
-        };
-    }
-    disableStickyWatcher() {
-        requestAnimationFrame(() => {
-            requestAnimationFrame(() => {
-                if (this.position === "fixed") {
-                    this.updateFixedByResize();
-                }
-                else {
-                    this.updateStuck();
-                }
-            });
-        });
-    }
-    stuckHeightWatcher() {
-        let isStuck = false;
-        if (this.isStuckTop && !this.hasReachedBottomLimit) {
-            isStuck = true;
-            document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}is-stuck-top`, "1");
-            document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}is-not-stuck-top`, "0");
-            document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}stuck-top-height`, `${this.stickyElement.offsetHeight}px`);
-        }
-        else {
-            document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}is-stuck-top`, "0");
-            document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}is-not-stuck-top`, "1");
-            document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}stuck-top-height`, "0px");
-        }
-        if (this.isStuckBottom && !this.hasReachedTopLimit) {
-            isStuck = true;
-            document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}is-stuck-bottom`, "1");
-            document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}is-not-stuck-bottom`, "0");
-            document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}stuck-bottom-height`, `${this.stickyElement.offsetHeight}px`);
-        }
-        else {
-            document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}is-stuck-bottom`, "0");
-            document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}is-not-stuck-bottom`, "1");
-            document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}stuck-bottom-height`, "0px");
-        }
-        document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}is-stuck`, isStuck ? "1" : "0");
-        document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}is-not-stuck`, isStuck ? "0" : "1");
-        if (isStuck) {
-            this.stickyResizeObserver.observe(this.stickyElement);
-        }
-        else {
-            this.stickyResizeObserver.unobserve(this.stickyElement);
-        }
-    }
-    isStuckTopWatcher(newValue) {
-        this.stzhStuckTop.emit({
-            component: "stzh-sticky",
-            sticky: newValue,
-        });
-    }
-    isStuckBottomWatcher(newValue) {
-        this.stzhStuckBottom.emit({
-            component: "stzh-sticky",
-            sticky: newValue,
-        });
-    }
-    positionWatcher() {
-        if (this.position === "fixed") {
-            if (this.observer) {
-                this.observer.disconnect();
-            }
-            window.addEventListener("scroll", this.handleScroll, { passive: true });
-            window.addEventListener("resize", this.handleResize);
-            this.updateFixedByResize();
-        }
-        else {
-            if (this.bleeding) {
-                window.addEventListener("scroll", this.handleScroll, { passive: true });
-                this.updateByScroll();
-            }
-            else {
-                window.removeEventListener("scroll", this.handleScroll);
-            }
-            window.removeEventListener("resize", this.handleResize);
-            this.setUnfixed();
-            this.observer = new IntersectionObserver(this.observe, { threshold: [1] });
-            this.observer.observe(this.stickyElement);
-            this.updateStuck();
-        }
-    }
-    updateStuck() {
-        const topCss = parseInt(getComputedStyle(this.stickyElement).top, 10);
-        const bottomCss = parseInt(getComputedStyle(this.stickyElement).bottom, 10);
-        const rect = this.stickyElement.getBoundingClientRect();
-        if (topCss) {
-            this.isStuckTop = rect.top < 0;
-        }
-        else {
-            this.isStuckTop = false;
-        }
-        if (bottomCss) {
-            this.isStuckBottom = document.documentElement.clientHeight < rect.bottom;
-        }
-        else {
-            this.isStuckBottom = false;
-        }
-    }
-    getFixedLimit() {
-        const stickyContainer = this.element.closest(`[${ATTR_STICKY_CONTAINER}]`);
-        if (!stickyContainer) {
-            return null;
-        }
-        const off = offset(stickyContainer);
-        return {
-            top: off.top,
-            bottom: off.top + stickyContainer.scrollHeight,
-        };
-    }
-    setUnfixed() {
-        Object.assign(this.stickyElement.style, {
-            position: null,
-            top: null,
-            bottom: null,
-            left: null,
-            width: null,
-        });
-        Object.assign(this.spacerElement.style, {
-            display: "none",
-        });
-    }
-    setFixed() {
-        const position = this.hasReachedTopLimit || this.hasReachedBottomLimit ? "absolute" : "fixed";
-        Object.assign(this.stickyElement.style, {
-            position,
-            top: position === "absolute"
-                ? `${this.isStuckTop ? this.fixedLimit.bottom - this.fixedHeight : this.fixedLimit.top}px`
-                : this.isStuckTop
-                    ? "0px"
-                    : "auto",
-            bottom: this.isStuckTop || position === "absolute" ? "auto" : "0px",
-            left: `${this.fixedLeft + (position === "fixed" ? this.scrollX : 0)}px`,
-            width: `${this.fixedWidth}px`,
-        });
-        Object.assign(this.spacerElement.style, {
-            display: "block",
-        });
-    }
-    componentDidLoad() {
-        this.stickyResizeObserver = new ResizeObserver(this.handleStickyResize);
-        this.positionWatcher();
-        requestAnimationFrame(() => {
-            requestAnimationFrame(() => {
-                window.setTimeout(() => {
-                    this.loaded = true;
-                    if (this.position === "fixed") {
-                        this.updateFixedByResize();
-                    }
-                }, 250);
-            });
-        });
-    }
-    disconnectedCallback() {
-        var _a, _b;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-        (_b = this.stickyResizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
-        window.removeEventListener("scroll", this.handleScroll);
-        window.removeEventListener("resize", this.handleResize);
-    }
-    render() {
-        const isStuck = this.isStuckTop || this.isStuckBottom;
-        const classes = {
-            "stzh-sticky": true,
-            "stzh-sticky--is-not-loaded": !this.loaded,
-            "stzh-sticky--is-stuck": isStuck,
-            "stzh-sticky--is-stuck-top": this.isStuckTop,
-            "stzh-sticky--is-stuck-bottom": this.isStuckBottom,
-            "stzh-sticky--is-disabled-sticky-top": this.disableStickyTop,
-            "stzh-sticky--is-disabled-sticky-bottom": this.disableStickyBottom,
-            "stzh-sticky--is-bleeding": this.bleeding,
-            [`stzh-sticky--position-${this.position}`]: !!this.position,
-            [`stzh-sticky--${this.variant}`]: !!this.variant,
-        };
-        return (h(Host, { key: '01492883beb334fda54b1931275876d27bdedd66', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, h("div", { key: '0606eea000f552312f5b878d7b9a178f1a905c40', class: classes }, h("div", { key: 'cd1f582162db1ab90df203edaf974698eaf1c174', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), h("div", { key: '61e32982fcf9646b97590b0df6645a78fdce3e98', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, h("div", { key: 'fbd1e9f36343848fdbb0b5a2e06e29a564417b36', class: "stzh-sticky__content" }, h("div", { key: '8eb4d39bfd9a0230833b19eb384afcb95661e97c', class: "stzh-sticky__content-inner" }, h("slot", { key: 'e730934534a68074c5c20c594e37e4a0a0c8db9a' })))))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "disableStickyTop": ["disableStickyWatcher"],
-        "disableStickyBottom": ["disableStickyWatcher"],
-        "isStuckTop": ["stuckHeightWatcher", "isStuckTopWatcher"],
-        "isStuckBottom": ["stuckHeightWatcher", "isStuckBottomWatcher"],
-        "hasReachedTopLimit": ["stuckHeightWatcher"],
-        "hasReachedBottomLimit": ["stuckHeightWatcher"],
-        "position": ["positionWatcher"],
-        "bleeding": ["positionWatcher"]
-    }; }
-    static get style() { return stzhStickyCss(); }
-}, [257, "stzh-sticky", {
-        "variant": [513],
-        "disableStickyTop": [516, "disable-sticky-top"],
-        "disableStickyBottom": [516, "disable-sticky-bottom"],
-        "bleeding": [516],
-        "name": [1],
-        "position": [513],
-        "isStuckTop": [32],
-        "isStuckBottom": [32],
-        "hasReachedTopLimit": [32],
-        "hasReachedBottomLimit": [32],
-        "loaded": [32]
-    }, undefined, {
-        "disableStickyTop": ["disableStickyWatcher"],
-        "disableStickyBottom": ["disableStickyWatcher"],
-        "isStuckTop": ["stuckHeightWatcher", "isStuckTopWatcher"],
-        "isStuckBottom": ["stuckHeightWatcher", "isStuckBottomWatcher"],
-        "hasReachedTopLimit": ["stuckHeightWatcher"],
-        "hasReachedBottomLimit": ["stuckHeightWatcher"],
-        "position": ["positionWatcher"],
-        "bleeding": ["positionWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["stzh-sticky"];
-    components.forEach(tagName => { switch (tagName) {
-        case "stzh-sticky":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), StzhSticky);
-            }
-            break;
-    } });
-}
-export { StzhSticky as S, defineCustomElement as d, throttle as t };
-//# sourceMappingURL=p-C_qr3ErC.js.map
-//# sourceMappingURL=p-C_qr3ErC.js.map

package/dist/components/p-C_qr3ErC.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"p-C_qr3ErC.js","mappings":"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","names":["require$$0","require$$1","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/lodash/throttle.js","src/components/stzh-sticky/stzh-sticky.scss?tag=stzh-sticky&encapsulation=shadow","src/components/stzh-sticky/stzh-sticky.tsx"],"sourcesContent":["var debounce = require('./debounce'),\n isObject = require('./isObject');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n return debounce(func, wait, {\n 'leading': leading,\n 'maxWait': wait,\n 'trailing': trailing\n });\n}\n\nmodule.exports = throttle;\n","/**\n * @prop --padding-top: Padding top of sticky element\n * @prop --padding-bottom: Padding bottom of sticky element\n * @prop --padding-left: Padding left of sticky element\n * @prop --padding-right: Padding right of sticky element\n * @prop --background-color: Background color of sticky element\n * @prop --stuck-padding-top: Padding top of stuck sticky element\n * @prop --stuck-padding-bottom: Padding bottom of stuck sticky element\n * @prop --stuck-padding-left: Padding left of stuck sticky element\n * @prop --stuck-padding-right: Padding right of stuck sticky element\n * @prop --stuck-background-color: Background color of stuck sticky element\n *\n * @prop --stzh-sticky-{NAME}-is-stuck: **Global**: Whether sticky is currently stuck (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck: **Global**: Whether sticky is currently not stuck (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-stuck-top: **Global**: Whether sticky is currently stuck on top (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck-top: **Global**: Whether sticky is currently not stuck on top (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-stuck-bottom: **Global**: Whether sticky is currently stuck on bottom (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck-bottom: **Global**: Whether sticky is currently not stuck on bottom (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-stuck-top-height: **Global**: Stuck top sticky element height (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-stuck-bottom-height: **Global**: Stuck bottom sticky element height (readonly variable on `<html>`)\n */\n\n:host {\n --padding-top: #{space(\"large\")};\n --padding-bottom: #{space(\"large\")};\n --padding-left: 0;\n --padding-right: 0;\n --background-color: transparent;\n\n --stuck-padding-top: var(--padding-top);\n --stuck-padding-bottom: var(--padding-bottom);\n --stuck-padding-left: var(--padding-left);\n --stuck-padding-right: var(--padding-right);\n --stuck-background-color: #{$colorGrey10};\n\n display: contents;\n\n @media print {\n display: none;\n }\n}\n\n:host([variant=\"transparent\"]) {\n --background-color: transparent;\n --stuck-background-color: transparent;\n\n pointer-events: none;\n}\n\n:host([position=\"fixed\"]) {\n display: block;\n}\n\n.stzh-sticky {\n display: contents;\n\n &__sticky {\n position: sticky;\n top: -1px;\n bottom: -1px;\n z-index: $zIndexSticky;\n width: var(--stzh-sticky-unstuck-width, auto);\n transition-property: width, transform, opacity;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__content,\n &__content::before {\n background-color: var(--background-color);\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__content {\n --stzh-button-pointer-events: all;\n --stzh-link-pointer-events: all;\n\n position: relative;\n transition-property: background-color, transform;\n\n // &::before,\n // &::after {\n // content: '';\n // pointer-events: none;\n // display: block;\n // position: absolute;\n // left: 0;\n // width: 100%;\n // height: space('xxlarge');\n // opacity: 0;\n // transition: opacity $baseTransitionAnimationSpeed;\n // }\n\n // &::before {\n // background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);\n // top: 0;\n // transform: translateY(-100%);\n // }\n\n // &::after {\n // background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);\n // bottom: 0;\n // transform: translateY(100%);\n // }\n }\n\n &__content-inner {\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n padding-left: var(--padding-left);\n padding-right: var(--padding-right);\n transition-property: padding;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__spacer {\n display: none;\n }\n\n /* Disabled variants */\n\n &--is-disabled-sticky-top &__sticky {\n top: auto;\n }\n\n &--is-disabled-sticky-bottom &__sticky {\n bottom: auto;\n }\n\n /* Bleeding variant */\n\n &--is-bleeding &__content {\n &::before {\n z-index: -1;\n content: \"\";\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n transition-property: width, background-color, transform;\n }\n }\n\n /* Is stuck variant */\n\n &--is-stuck &__content,\n &--is-stuck &__content::before {\n background-color: var(--stuck-background-color);\n }\n\n &--is-stuck &__content::before {\n width: calc(100vw - var(--stzh-scrollbar-width));\n transform: translateX(calc(var(--stzh-sticky-offset-left) / -1));\n }\n\n &--is-stuck &__content-inner {\n padding-top: var(--stuck-padding-top);\n padding-bottom: var(--stuck-padding-bottom);\n padding-left: var(--stuck-padding-left);\n padding-right: var(--stuck-padding-right);\n }\n\n // &--is-stuck-bottom &__content {\n // &::before {\n // opacity: 1;\n // }\n // }\n\n // &--is-stuck-top &__content {\n // &::after {\n // opacity: 1;\n // }\n // }\n\n /* Transparent variant */\n\n // &--transparent &__content {\n // &::after,\n // &::before {\n // display: none;\n // }\n // }\n\n // /* Position sticky variant */\n\n // &--is-breakout &__content {\n // position: relative;\n // left: 50%;\n // right: 50%;\n // margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n // margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n // width: calc(100vw - var(--stzh-scrollbar-width));\n // max-width: calc(100vw - var(--stzh-scrollbar-width));\n // }\n\n &--is-not-loaded {\n visibility: hidden;\n }\n\n &--is-not-loaded#{&}--is-stuck &__sticky {\n transform: translateY(100%);\n opacity: 0;\n }\n\n &--is-not-loaded &__sticky,\n &--is-not-loaded &__content,\n &--is-not-loaded &__content::before,\n &--is-not-loaded &__content-inner {\n transition-duration: 0ms;\n }\n}\n","import { Component, Host, h, Element, Prop, State, Watch, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhStickyStuckTopEvent, StzhStickyStuckBottomEvent } from \"../../index\";\n\nimport { isVisible, offset } from \"../../utils/utils\";\nimport throttle from \"lodash/throttle\";\n\nconst ATTR_STICKY_CONTAINER = \"data-stzh-sticky-container\";\nconst ATTR_STICKY_WIDTH_CONTAINER = \"data-stzh-sticky-width-container\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n tag: \"stzh-sticky\",\n styleUrl: \"stzh-sticky.scss\",\n shadow: true,\n})\nexport class StzhSticky {\n /** Variant */\n @Prop({ reflect: true }) variant: \"default\" | \"transparent\" = \"default\";\n\n /** Whether to disable sticking to top */\n @Prop({ reflect: true }) disableStickyTop: boolean = true;\n\n /** Whether to disable sticking to bottom */\n @Prop({ reflect: true }) disableStickyBottom: boolean = false;\n\n /** Whether background breaks out container to full viewport width */\n @Prop({ reflect: true }) bleeding: boolean = false;\n\n /** Name of sticky element (used for setting css properties) */\n @Prop() name: string;\n\n /**\n * Position type used.\n *\n * - sticky: used only css position sticky\n * - fixed: uses position fixed with js for positioning (`data-stzh-sticky-container` can be used on a container element to limit sticky position)\n */\n @Prop({ reflect: true }) position: \"sticky\" | \"fixed\" = \"sticky\";\n\n @Watch(\"disableStickyTop\")\n @Watch(\"disableStickyBottom\")\n disableStickyWatcher() {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n if (this.position === \"fixed\") {\n this.updateFixedByResize();\n } else {\n this.updateStuck();\n }\n });\n });\n }\n\n @Watch(\"isStuckTop\")\n @Watch(\"isStuckBottom\")\n @Watch(\"hasReachedTopLimit\")\n @Watch(\"hasReachedBottomLimit\")\n stuckHeightWatcher() {\n let isStuck = false;\n\n if (this.isStuckTop && !this.hasReachedBottomLimit) {\n isStuck = true;\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-top`, \"1\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-top`, \"0\");\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}stuck-top-height`,\n `${this.stickyElement.offsetHeight}px`,\n );\n } else {\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-top`, \"0\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-top`, \"1\");\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}stuck-top-height`,\n \"0px\",\n );\n }\n\n if (this.isStuckBottom && !this.hasReachedTopLimit) {\n isStuck = true;\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-bottom`, \"1\");\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-bottom`,\n \"0\",\n );\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}stuck-bottom-height`,\n `${this.stickyElement.offsetHeight}px`,\n );\n } else {\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-bottom`, \"0\");\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-bottom`,\n \"1\",\n );\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}stuck-bottom-height`,\n \"0px\",\n );\n }\n\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}is-stuck`,\n isStuck ? \"1\" : \"0\",\n );\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck`,\n isStuck ? \"0\" : \"1\",\n );\n\n if (isStuck) {\n this.stickyResizeObserver.observe(this.stickyElement);\n } else {\n this.stickyResizeObserver.unobserve(this.stickyElement);\n }\n }\n\n @Watch(\"isStuckTop\")\n isStuckTopWatcher(newValue: boolean) {\n this.stzhStuckTop.emit({\n component: \"stzh-sticky\",\n sticky: newValue,\n });\n }\n\n @Watch(\"isStuckBottom\")\n isStuckBottomWatcher(newValue: boolean) {\n this.stzhStuckBottom.emit({\n component: \"stzh-sticky\",\n sticky: newValue,\n });\n }\n\n @Watch(\"position\")\n @Watch(\"bleeding\")\n positionWatcher() {\n if (this.position === \"fixed\") {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n window.addEventListener(\"scroll\", this.handleScroll, { passive: true });\n window.addEventListener(\"resize\", this.handleResize);\n\n this.updateFixedByResize();\n } else {\n if (this.bleeding) {\n window.addEventListener(\"scroll\", this.handleScroll, { passive: true });\n this.updateByScroll();\n } else {\n window.removeEventListener(\"scroll\", this.handleScroll);\n }\n\n window.removeEventListener(\"resize\", this.handleResize);\n this.setUnfixed();\n\n this.observer = new IntersectionObserver(this.observe, { threshold: [1] });\n this.observer.observe(this.stickyElement);\n\n this.updateStuck();\n }\n }\n\n /** Sticky stuck top event */\n @Event() stzhStuckTop: EventEmitter<StzhStickyStuckTopEvent>;\n\n /** Sticky stuck bottom event */\n @Event() stzhStuckBottom: EventEmitter<StzhStickyStuckBottomEvent>;\n\n @Element() element: HTMLStzhStickyElement;\n\n @State() isStuckTop: boolean;\n @State() isStuckBottom: boolean;\n\n @State() hasReachedTopLimit: boolean;\n @State() hasReachedBottomLimit: boolean;\n\n @State() loaded: boolean = false;\n\n private observer: IntersectionObserver;\n private stickyResizeObserver: ResizeObserver;\n private debounceScroll: number;\n private debounceResize: number;\n private stickyElement: HTMLElement;\n private spacerElement: HTMLElement;\n\n private windowHeight: number;\n private scrollX: number;\n private scrollY: number;\n private fixedTop: number;\n private fixedLeft: number;\n private fixedHeight: number = 0;\n private fixedWidth: number = 0;\n private fixedLimit: { top: number; bottom: number } | null = null;\n\n private updateStuck() {\n const topCss = parseInt(getComputedStyle(this.stickyElement).top, 10);\n const bottomCss = parseInt(getComputedStyle(this.stickyElement).bottom, 10);\n const rect = this.stickyElement.getBoundingClientRect();\n\n if (topCss) {\n this.isStuckTop = rect.top < 0;\n } else {\n this.isStuckTop = false;\n }\n\n if (bottomCss) {\n this.isStuckBottom = document.documentElement.clientHeight < rect.bottom;\n } else {\n this.isStuckBottom = false;\n }\n }\n\n private getFixedLimit(): { top: number; bottom: number } | null {\n const stickyContainer = this.element.closest(`[${ATTR_STICKY_CONTAINER}]`);\n\n if (!stickyContainer) {\n return null;\n }\n\n const off = offset(stickyContainer);\n\n return {\n top: off.top,\n bottom: off.top + stickyContainer.scrollHeight,\n };\n }\n\n private setUnfixed() {\n Object.assign(this.stickyElement.style, {\n position: null,\n top: null,\n bottom: null,\n left: null,\n width: null,\n });\n\n Object.assign(this.spacerElement.style, {\n display: \"none\",\n });\n }\n\n private setFixed() {\n const position = this.hasReachedTopLimit || this.hasReachedBottomLimit ? \"absolute\" : \"fixed\";\n\n Object.assign(this.stickyElement.style, {\n position,\n top:\n position === \"absolute\"\n ? `${this.isStuckTop ? this.fixedLimit.bottom - this.fixedHeight : this.fixedLimit.top}px`\n : this.isStuckTop\n ? \"0px\"\n : \"auto\",\n bottom: this.isStuckTop || position === \"absolute\" ? \"auto\" : \"0px\",\n left: `${this.fixedLeft + (position === \"fixed\" ? this.scrollX : 0)}px`,\n width: `${this.fixedWidth}px`,\n });\n\n Object.assign(this.spacerElement.style, {\n display: \"block\",\n });\n }\n\n private handleScroll = () => {\n if (this.debounceScroll) {\n window.cancelAnimationFrame(this.debounceScroll);\n }\n\n this.debounceScroll = requestAnimationFrame(this.updateByScroll);\n };\n\n private handleResize = () => {\n if (this.debounceResize) {\n window.cancelAnimationFrame(this.debounceResize);\n }\n\n this.debounceResize = requestAnimationFrame(this.updateFixedByResize);\n };\n\n private handleStickyResize = throttle(() => {\n this.stuckHeightWatcher();\n this.updateByScroll();\n }, 100);\n\n private updateByScroll = () => {\n if (!isVisible(this.stickyElement) || !this.element.isConnected) {\n return;\n }\n\n const stickyFixedWidthContainer =\n (this.element.closest(`[${ATTR_STICKY_WIDTH_CONTAINER}]`) as HTMLElement) || this.element.parentElement;\n\n const off = offset(\n (this.isStuckTop || this.isStuckBottom) && this.position === \"fixed\" ? this.spacerElement : this.stickyElement,\n );\n\n this.fixedTop = off.top;\n this.fixedLeft = off.left;\n\n stickyFixedWidthContainer.style.setProperty(\"--stzh-sticky-offset-top\", `${this.fixedTop}px`);\n stickyFixedWidthContainer.style.setProperty(\"--stzh-sticky-offset-left\", `${this.fixedLeft}px`);\n\n if (this.position === \"sticky\") {\n // for position sticky we only need the offsets variables to be updated in bleeding variant\n return;\n }\n\n this.fixedHeight = this.stickyElement.offsetHeight;\n this.spacerElement.style.height = `${this.fixedHeight}px`;\n\n this.scrollX = window.scrollX;\n this.scrollY = window.scrollY;\n this.fixedLimit = this.getFixedLimit();\n\n this.fixedWidth = stickyFixedWidthContainer.getBoundingClientRect().width;\n\n const unstuckWidth = this.element.getBoundingClientRect().width;\n // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-stuck-width', `${this.fixedWidth}px`);\n stickyFixedWidthContainer.style.setProperty(\"--stzh-sticky-unstuck-width\", `${unstuckWidth}px`);\n\n // console.log(unstuckWidth);\n\n // console.log(\n // this.scrollX,\n // this.scrollY,\n // this.windowHeight,\n // this.fixedTop,\n // this.fixedLeft,\n // this.fixedHeight,\n // this.fixedLimit,\n // );\n\n this.isStuckBottom =\n !this.disableStickyBottom && this.scrollY + this.windowHeight <= this.fixedTop + this.fixedHeight;\n this.isStuckTop = !this.disableStickyTop && this.scrollY >= this.fixedTop;\n\n this.hasReachedTopLimit =\n this.fixedLimit && this.scrollY + this.windowHeight - this.fixedHeight <= this.fixedLimit.top;\n this.hasReachedBottomLimit = this.fixedLimit && this.scrollY >= this.fixedLimit.bottom - this.fixedHeight;\n\n // console.log(\n // this.isStuckBottom,\n // this.isStuckTop,\n // this.hasReachedBottomLimit,\n // this.hasReachedTopLimit,\n // );\n\n if (this.isStuckTop || this.isStuckBottom) {\n this.setFixed();\n // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${this.fixedWidth}px`);\n } else {\n this.setUnfixed();\n // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${unstuckWidth}px`);\n }\n };\n\n private updateFixedByResize = () => {\n if (!this.stickyElement || !this.element.isConnected) {\n return;\n }\n\n // reset sticky so we can read current offsets\n this.setUnfixed();\n this.stickyElement.style.position = \"static\";\n this.stickyElement.style.width = \"auto\";\n this.isStuckTop = false;\n this.isStuckBottom = false;\n\n if (isVisible(this.stickyElement)) {\n this.windowHeight = window.innerHeight;\n this.updateByScroll();\n }\n };\n\n private observe = () => {\n this.updateStuck();\n };\n\n componentDidLoad() {\n this.stickyResizeObserver = new ResizeObserver(this.handleStickyResize);\n this.positionWatcher();\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n window.setTimeout(() => {\n this.loaded = true;\n\n if (this.position === \"fixed\") {\n this.updateFixedByResize();\n }\n }, 250);\n });\n });\n }\n\n disconnectedCallback() {\n this.observer?.disconnect();\n this.stickyResizeObserver?.disconnect();\n\n window.removeEventListener(\"scroll\", this.handleScroll);\n window.removeEventListener(\"resize\", this.handleResize);\n }\n\n render() {\n const isStuck = this.isStuckTop || this.isStuckBottom;\n\n const classes = {\n \"stzh-sticky\": true,\n \"stzh-sticky--is-not-loaded\": !this.loaded,\n \"stzh-sticky--is-stuck\": isStuck,\n \"stzh-sticky--is-stuck-top\": this.isStuckTop,\n \"stzh-sticky--is-stuck-bottom\": this.isStuckBottom,\n \"stzh-sticky--is-disabled-sticky-top\": this.disableStickyTop,\n \"stzh-sticky--is-disabled-sticky-bottom\": this.disableStickyBottom,\n \"stzh-sticky--is-bleeding\": this.bleeding,\n [`stzh-sticky--position-${this.position}`]: !!this.position,\n [`stzh-sticky--${this.variant}`]: !!this.variant,\n };\n\n return (\n <Host\n is-stuck={this.isStuckTop || this.isStuckBottom}\n is-stuck-top={this.isStuckTop}\n is-stuck-bottom={this.isStuckBottom}\n >\n <div class={classes}>\n <div ref={el => (this.spacerElement = el as HTMLDivElement)} class=\"stzh-sticky__spacer\"></div>\n <div ref={el => (this.stickyElement = el as HTMLDivElement)} class=\"stzh-sticky__sticky\">\n <div class=\"stzh-sticky__content\">\n <div class=\"stzh-sticky__content-inner\">\n <slot></slot>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/p-CnKiFOEe.js DELETED Viewed

@@ -1,50 +0,0 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-ptAFQZzh.js';
-const stzhListCss = () => `@charset "UTF-8";:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--font-size:var(--stzh-list-font-size, var(--stzh-font-milli-font-size));--line-height:var(
-    --stzh-list-line-height,
-    var(--stzh-font-milli-text-line-height)
-  );--letter-spacing:var(--stzh-list-letter-spacing, normal)}@media screen and (min-width: 900px){:host{--font-size:var(--stzh-list-font-size, var(--stzh-font-centi-font-size));--line-height:var(
-      --stzh-list-line-height,
-      var(--stzh-font-centi-text-line-height)
-    )}}:host{counter-reset:li-counter}:host ::slotted(stzh-list-item){--icon-checklist-visibility:hidden;counter-increment:li-counter;position:relative}:host([variant=unordered]) ::slotted(stzh-list-item){--icon-checklist-visibility:hidden;padding-left:calc(var(--stzh-space-xsmall) + var(--stzh-space-small))}:host([variant=unordered]) ::slotted(stzh-list-item)::before{content:"–"}:host([variant=ordered]) ::slotted(stzh-list-item){--icon-checklist-visibility:hidden;padding-left:calc(var(--stzh-space-large) + var(--stzh-space-small))}:host([variant=ordered]) ::slotted(stzh-list-item)::before{content:counter(li-counter) ". "}:host([variant=checklist]) ::slotted(stzh-list-item){--icon-checklist-visibility:visible;padding-left:calc(var(--stzh-icon-size-medium) + var(--stzh-space-small))}.stzh-list{font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}`;
-const StzhList = /*@__PURE__*/ proxyCustomElement(class StzhList extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /** Variant */
-        this.variant = "unordered";
-    }
-    render() {
-        const classes = {
-            "stzh-list": true,
-            [`stzh-list--${this.variant}`]: !!this.variant,
-        };
-        return (h(Host, { key: '0ca01aabb1eb1f0eb461ae79cba7e0986e959cc8' }, h("div", { key: '61d889086fbaf38b0ea1542f6452896e119e52be', class: classes, role: "list" }, h("slot", { key: 'eedce2e7c5c397834bac712a714f0ed12ca2fecc' }))));
-    }
-    get element() { return this; }
-    static get style() { return stzhListCss(); }
-}, [257, "stzh-list", {
-        "variant": [513]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["stzh-list"];
-    components.forEach(tagName => { switch (tagName) {
-        case "stzh-list":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), StzhList);
-            }
-            break;
-    } });
-}
-export { StzhList as S, defineCustomElement as d };
-//# sourceMappingURL=p-CnKiFOEe.js.map
-//# sourceMappingURL=p-CnKiFOEe.js.map

package/dist/components/p-CnKiFOEe.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"p-CnKiFOEe.js","mappings":";;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC;AAC3B;AACA;AACA;AACA;AACA;AACA,m4BAAm4B,CAAC;;MCIv3B,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAO2B,QAAA,IAAO,CAAA,OAAA,GAA0C,WAAW;AAkBtF;IAdC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,WAAW,EAAE,IAAI;YACjB,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;SAC/C;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,EAAA,EAC9B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-list/stzh-list.scss?tag=stzh-list&encapsulation=shadow","src/components/stzh-list/stzh-list.tsx"],"sourcesContent":[":host {\n --font-size: var(--stzh-list-font-size, var(--stzh-font-milli-font-size));\n --line-height: var(\n --stzh-list-line-height,\n var(--stzh-font-milli-text-line-height)\n );\n --letter-spacing: var(--stzh-list-letter-spacing, normal);\n\n @include mq($from: medium) {\n --font-size: var(--stzh-list-font-size, var(--stzh-font-centi-font-size));\n --line-height: var(\n --stzh-list-line-height,\n var(--stzh-font-centi-text-line-height)\n );\n }\n\n counter-reset: li-counter;\n\n ::slotted(stzh-list-item) {\n --icon-checklist-visibility: hidden;\n\n counter-increment: li-counter;\n position: relative;\n }\n}\n\n:host([variant=\"unordered\"]) ::slotted(stzh-list-item) {\n --icon-checklist-visibility: hidden;\n\n padding-left: calc(#{space(\"xsmall\")} + #{space(\"small\")});\n\n &::before {\n content: \"–\"; // old one: \\2014\n }\n}\n\n:host([variant=\"ordered\"]) ::slotted(stzh-list-item) {\n --icon-checklist-visibility: hidden;\n\n padding-left: calc(#{space(\"large\")} + #{space(\"small\")});\n\n &::before {\n content: counter(li-counter) \". \";\n }\n}\n\n:host([variant=\"checklist\"]) ::slotted(stzh-list-item) {\n --icon-checklist-visibility: visible;\n\n padding-left: calc(#{iconSize(\"medium\")} + #{space(\"small\")});\n}\n\n.stzh-list {\n font-size: var(--font-size);\n line-height: var(--line-height);\n letter-spacing: var(--letter-spacing);\n}\n","import { Component, Host, h, Element, Prop } from \"@stencil/core\";\n\n/**\n * @slot - Slot for `stzh-list-item`\n */\n@Component({\n tag: \"stzh-list\",\n styleUrl: \"stzh-list.scss\",\n shadow: true,\n})\nexport class StzhList {\n /** Variant */\n @Prop({ reflect: true }) variant: \"unordered\" | \"ordered\" | \"checklist\" = \"unordered\";\n\n @Element() element: HTMLStzhListElement;\n\n render() {\n const classes = {\n \"stzh-list\": true,\n [`stzh-list--${this.variant}`]: !!this.variant,\n };\n\n return (\n <Host>\n <div class={classes} role=\"list\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}