@social.io/catalog 2.0.0 → 2.1.1

package/dist_ts_web/elements/sio-logo.js

@@ -0,0 +1,577 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, css, customElement, directives, html, property, state, } from '@design.estate/dees-element';
+import { SioLogoRenderer, sioLogoAspect, } from './sio-logo-render.js';
+import { sioElementStyles } from './tokens.js';
+/**
+ * The social.io faceted S brand mark from the v8 design prototype.
+ *
+ * Geometry and animation run on an OffscreenCanvas in a module worker when the
+ * browser and consumer bundle support it. The same renderer is used on the
+ * main thread as a safe fallback.
+ */
+let SioLogo = (() => {
+    let _classDecorators = [customElement('sio-logo')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _size_decorators;
+    let _size_initializers = [];
+    let _size_extraInitializers = [];
+    let _background_decorators;
+    let _background_initializers = [];
+    let _background_extraInitializers = [];
+    let _gap_decorators;
+    let _gap_initializers = [];
+    let _gap_extraInitializers = [];
+    let _radius_decorators;
+    let _radius_initializers = [];
+    let _radius_extraInitializers = [];
+    let _square_decorators;
+    let _square_initializers = [];
+    let _square_extraInitializers = [];
+    let _mono_decorators;
+    let _mono_initializers = [];
+    let _mono_extraInitializers = [];
+    let _theme_decorators;
+    let _theme_initializers = [];
+    let _theme_extraInitializers = [];
+    let _loading_decorators;
+    let _loading_initializers = [];
+    let _loading_extraInitializers = [];
+    let _noEntrance_decorators;
+    let _noEntrance_initializers = [];
+    let _noEntrance_extraInitializers = [];
+    let _noHover_decorators;
+    let _noHover_initializers = [];
+    let _noHover_extraInitializers = [];
+    let _canvasGeneration_decorators;
+    let _canvasGeneration_initializers = [];
+    let _canvasGeneration_extraInitializers = [];
+    var SioLogo = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _size_decorators = [property({ type: Number })];
+            _background_decorators = [property({ type: String })];
+            _gap_decorators = [property({ type: Number })];
+            _radius_decorators = [property({ type: Number })];
+            _square_decorators = [property({ type: Boolean })];
+            _mono_decorators = [property({ type: String })];
+            _theme_decorators = [property({ type: String })];
+            _loading_decorators = [property({ type: Boolean, reflect: true })];
+            _noEntrance_decorators = [property({ type: Boolean, attribute: 'no-entrance' })];
+            _noHover_decorators = [property({ type: Boolean, attribute: 'no-hover' })];
+            _canvasGeneration_decorators = [state()];
+            __esDecorate(this, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+            __esDecorate(this, null, _background_decorators, { kind: "accessor", name: "background", static: false, private: false, access: { has: obj => "background" in obj, get: obj => obj.background, set: (obj, value) => { obj.background = value; } }, metadata: _metadata }, _background_initializers, _background_extraInitializers);
+            __esDecorate(this, null, _gap_decorators, { kind: "accessor", name: "gap", static: false, private: false, access: { has: obj => "gap" in obj, get: obj => obj.gap, set: (obj, value) => { obj.gap = value; } }, metadata: _metadata }, _gap_initializers, _gap_extraInitializers);
+            __esDecorate(this, null, _radius_decorators, { kind: "accessor", name: "radius", static: false, private: false, access: { has: obj => "radius" in obj, get: obj => obj.radius, set: (obj, value) => { obj.radius = value; } }, metadata: _metadata }, _radius_initializers, _radius_extraInitializers);
+            __esDecorate(this, null, _square_decorators, { kind: "accessor", name: "square", static: false, private: false, access: { has: obj => "square" in obj, get: obj => obj.square, set: (obj, value) => { obj.square = value; } }, metadata: _metadata }, _square_initializers, _square_extraInitializers);
+            __esDecorate(this, null, _mono_decorators, { kind: "accessor", name: "mono", static: false, private: false, access: { has: obj => "mono" in obj, get: obj => obj.mono, set: (obj, value) => { obj.mono = value; } }, metadata: _metadata }, _mono_initializers, _mono_extraInitializers);
+            __esDecorate(this, null, _theme_decorators, { kind: "accessor", name: "theme", static: false, private: false, access: { has: obj => "theme" in obj, get: obj => obj.theme, set: (obj, value) => { obj.theme = value; } }, metadata: _metadata }, _theme_initializers, _theme_extraInitializers);
+            __esDecorate(this, null, _loading_decorators, { kind: "accessor", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading, set: (obj, value) => { obj.loading = value; } }, metadata: _metadata }, _loading_initializers, _loading_extraInitializers);
+            __esDecorate(this, null, _noEntrance_decorators, { kind: "accessor", name: "noEntrance", static: false, private: false, access: { has: obj => "noEntrance" in obj, get: obj => obj.noEntrance, set: (obj, value) => { obj.noEntrance = value; } }, metadata: _metadata }, _noEntrance_initializers, _noEntrance_extraInitializers);
+            __esDecorate(this, null, _noHover_decorators, { kind: "accessor", name: "noHover", static: false, private: false, access: { has: obj => "noHover" in obj, get: obj => obj.noHover, set: (obj, value) => { obj.noHover = value; } }, metadata: _metadata }, _noHover_initializers, _noHover_extraInitializers);
+            __esDecorate(this, null, _canvasGeneration_decorators, { kind: "accessor", name: "canvasGeneration", static: false, private: false, access: { has: obj => "canvasGeneration" in obj, get: obj => obj.canvasGeneration, set: (obj, value) => { obj.canvasGeneration = value; } }, metadata: _metadata }, _canvasGeneration_initializers, _canvasGeneration_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SioLogo = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <div style="display:flex;align-items:center;gap:32px;padding:24px;background:#101012;">
+      <sio-logo size="120" theme="dark"></sio-logo>
+      <sio-logo size="120" square background="#556270" radius="22" theme="dark"></sio-logo>
+      <sio-logo size="120" loading theme="dark"></sio-logo>
+      <sio-logo size="120" mono="#ffffff" no-entrance theme="dark"></sio-logo>
+    </div>
+  `;
+        #size_accessor_storage = __runInitializers(this, _size_initializers, 40);
+        /** rendered height in CSS pixels; tight-crop width follows the brand aspect */
+        get size() { return this.#size_accessor_storage; }
+        set size(value) { this.#size_accessor_storage = value; }
+        #background_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _background_initializers, 'transparent'));
+        get background() { return this.#background_accessor_storage; }
+        set background(value) { this.#background_accessor_storage = value; }
+        #gap_accessor_storage = (__runInitializers(this, _background_extraInitializers), __runInitializers(this, _gap_initializers, 2));
+        /** inward inset per facet, in 500px design-grid units */
+        get gap() { return this.#gap_accessor_storage; }
+        set gap(value) { this.#gap_accessor_storage = value; }
+        #radius_accessor_storage = (__runInitializers(this, _gap_extraInitializers), __runInitializers(this, _radius_initializers, 16));
+        /** facet corner radius, in 500px design-grid units */
+        get radius() { return this.#radius_accessor_storage; }
+        set radius(value) { this.#radius_accessor_storage = value; }
+        #square_accessor_storage = (__runInitializers(this, _radius_extraInitializers), __runInitializers(this, _square_initializers, false));
+        /** render on a square tile instead of the tight S crop */
+        get square() { return this.#square_accessor_storage; }
+        set square(value) { this.#square_accessor_storage = value; }
+        #mono_accessor_storage = (__runInitializers(this, _square_extraInitializers), __runInitializers(this, _mono_initializers, ''));
+        /** collapse the palette to one color while retaining facet depth */
+        get mono() { return this.#mono_accessor_storage; }
+        set mono(value) { this.#mono_accessor_storage = value; }
+        #theme_accessor_storage = (__runInitializers(this, _mono_extraInitializers), __runInitializers(this, _theme_initializers, 'auto'));
+        /** backdrop palette; auto follows the nearest opaque surface */
+        get theme() { return this.#theme_accessor_storage; }
+        set theme(value) { this.#theme_accessor_storage = value; }
+        #loading_accessor_storage = (__runInitializers(this, _theme_extraInitializers), __runInitializers(this, _loading_initializers, false));
+        get loading() { return this.#loading_accessor_storage; }
+        set loading(value) { this.#loading_accessor_storage = value; }
+        #noEntrance_accessor_storage = (__runInitializers(this, _loading_extraInitializers), __runInitializers(this, _noEntrance_initializers, false));
+        get noEntrance() { return this.#noEntrance_accessor_storage; }
+        set noEntrance(value) { this.#noEntrance_accessor_storage = value; }
+        #noHover_accessor_storage = (__runInitializers(this, _noEntrance_extraInitializers), __runInitializers(this, _noHover_initializers, false));
+        get noHover() { return this.#noHover_accessor_storage; }
+        set noHover(value) { this.#noHover_accessor_storage = value; }
+        #canvasGeneration_accessor_storage = (__runInitializers(this, _noHover_extraInitializers), __runInitializers(this, _canvasGeneration_initializers, 0));
+        get canvasGeneration() { return this.#canvasGeneration_accessor_storage; }
+        set canvasGeneration(value) { this.#canvasGeneration_accessor_storage = value; }
+        static styles = [
+            ...sioElementStyles,
+            css `
+      :host {
+        display: inline-flex;
+        flex: none;
+        line-height: 0;
+      }
+      canvas {
+        display: block;
+      }
+    `,
+        ];
+        backendState = (__runInitializers(this, _canvasGeneration_extraInitializers), 'idle');
+        worker = null;
+        renderer = null;
+        canvasTransferred = false;
+        forceMainThread = false;
+        initializationTimeout = null;
+        initializationGeneration = 0;
+        lifecycleGeneration = 0;
+        initialUpdateHandled = false;
+        queuedOptions = false;
+        queuedPhase = null;
+        themeObserver = null;
+        reducedMotionMedia = null;
+        lastDevicePixelRatio = 0;
+        lastLight = null;
+        handlePointerEnter = () => {
+            if (!this.noHover && !this.loading && !this.prefersReducedMotion())
+                this.wave();
+        };
+        handleAmbientChange = () => {
+            if (this.theme !== 'auto')
+                return;
+            const light = this.isLightBackdrop();
+            if (light === this.lastLight)
+                return;
+            this.lastLight = light;
+            this.syncRendererOptions();
+        };
+        handleReducedMotionChange = () => {
+            if (this.prefersReducedMotion())
+                this.sendPhase('stop');
+            else if (this.loading)
+                this.sendPhase('loading');
+        };
+        handleResize = () => {
+            const devicePixelRatio = window.devicePixelRatio || 1;
+            if (devicePixelRatio === this.lastDevicePixelRatio)
+                return;
+            this.syncRendererOptions();
+        };
+        async connectedCallback() {
+            const generation = ++this.lifecycleGeneration;
+            const connection = super.connectedCallback();
+            this.ensureAccessibleHost();
+            this.addEventListener('mouseenter', this.handlePointerEnter);
+            window.addEventListener('resize', this.handleResize);
+            this.observeReducedMotion();
+            await connection;
+            await this.updateComplete;
+            if (!this.isConnected || generation !== this.lifecycleGeneration)
+                return;
+            this.observeAmbientTheme();
+            if (this.hasUpdated && this.backendState === 'idle')
+                this.initializeCanvas();
+        }
+        async disconnectedCallback() {
+            const generation = ++this.lifecycleGeneration;
+            this.cleanupOwnedResources(true);
+            await super.disconnectedCallback();
+            if (!this.isConnected && generation === this.lifecycleGeneration) {
+                this.cleanupOwnedResources(true);
+            }
+        }
+        cleanupOwnedResources(replaceTransferredCanvas) {
+            this.removeEventListener('mouseenter', this.handlePointerEnter);
+            window.removeEventListener('resize', this.handleResize);
+            this.stopAmbientThemeObservation();
+            this.stopReducedMotionObservation();
+            this.destroyBackend(replaceTransferredCanvas);
+        }
+        render() {
+            const height = this.normalizedSize;
+            const width = this.square ? height : Math.round(height * sioLogoAspect);
+            return html `${directives.keyed(this.canvasGeneration, html `<canvas aria-hidden="true" style="width:${width}px;height:${height}px"></canvas>`)}`;
+        }
+        firstUpdated(changedProperties) {
+            super.firstUpdated(changedProperties);
+            this.observeAmbientTheme();
+            this.initializeCanvas();
+        }
+        updated(changedProperties) {
+            if (!this.initialUpdateHandled) {
+                this.initialUpdateHandled = true;
+                return;
+            }
+            if (!this.isConnected)
+                return;
+            if (changedProperties.has('canvasGeneration')) {
+                this.initializeCanvas();
+                return;
+            }
+            const shapeProperties = [
+                'size',
+                'gap',
+                'radius',
+                'square',
+                'background',
+                'mono',
+            ];
+            if (shapeProperties.some((propertyName) => changedProperties.has(propertyName))) {
+                this.syncRendererOptions();
+            }
+            if (changedProperties.has('theme')) {
+                this.stopAmbientThemeObservation();
+                this.observeAmbientTheme();
+                this.syncRendererOptions();
+            }
+            if (changedProperties.has('loading')) {
+                this.sendPhase(this.loading && !this.prefersReducedMotion() ? 'loading' : 'stop');
+            }
+        }
+        themeChanged() {
+            this.handleAmbientChange();
+        }
+        play() {
+            if (!this.isConnected)
+                return;
+            this.sendPhase(this.prefersReducedMotion() ? 'stop' : 'in');
+        }
+        wave() {
+            if (!this.isConnected)
+                return;
+            this.sendPhase(this.prefersReducedMotion() ? 'stop' : 'wave');
+        }
+        dismiss() {
+            if (!this.isConnected)
+                return;
+            this.sendPhase(this.prefersReducedMotion() ? 'clear' : 'out');
+        }
+        initializeCanvas() {
+            if (!this.isConnected || this.backendState !== 'idle')
+                return;
+            const canvas = this.shadowRoot?.querySelector('canvas');
+            if (!canvas)
+                return;
+            const generation = ++this.initializationGeneration;
+            const supportsWorker = !this.forceMainThread &&
+                typeof Worker === 'function' &&
+                typeof canvas.transferControlToOffscreen === 'function';
+            if (!supportsWorker) {
+                this.initializeMainThread(canvas, generation);
+                return;
+            }
+            try {
+                const worker = new Worker(new URL('./sio-logo-worker.js', import.meta.url), {
+                    type: 'module',
+                    name: 'sio-logo',
+                });
+                this.worker = worker;
+                this.backendState = 'worker-loading';
+                worker.onmessage = (event) => {
+                    if (event.data?.type === 'ready') {
+                        this.handleWorkerReady(worker, canvas, generation);
+                    }
+                    else if (event.data?.type === 'initialized') {
+                        this.handleWorkerInitialized(worker, generation);
+                    }
+                };
+                worker.onerror = () => this.handleWorkerFailure(worker, canvas, generation);
+                worker.onmessageerror = () => this.handleWorkerFailure(worker, canvas, generation);
+                this.armInitializationTimeout(worker, canvas, generation);
+            }
+            catch {
+                this.forceMainThread = true;
+                this.initializeMainThread(canvas, generation);
+            }
+        }
+        handleWorkerReady(worker, canvas, generation) {
+            if (!this.isCurrentWorker(worker, generation) || this.backendState !== 'worker-loading')
+                return;
+            this.clearInitializationTimeout();
+            try {
+                const offscreenCanvas = canvas.transferControlToOffscreen();
+                this.canvasTransferred = true;
+                this.backendState = 'worker-transferred';
+                this.lastLight = this.isLightBackdrop();
+                worker.postMessage({
+                    type: 'init',
+                    canvas: offscreenCanvas,
+                    options: this.getRendererOptions(),
+                    phase: this.getInitialPhase(),
+                }, [offscreenCanvas]);
+                this.queuedOptions = false;
+                this.armInitializationTimeout(worker, canvas, generation);
+            }
+            catch {
+                this.handleWorkerFailure(worker, canvas, generation);
+            }
+        }
+        handleWorkerInitialized(worker, generation) {
+            if (!this.isCurrentWorker(worker, generation) || this.backendState !== 'worker-transferred')
+                return;
+            this.clearInitializationTimeout();
+            this.backendState = 'worker';
+            if (this.queuedOptions) {
+                this.queuedOptions = false;
+                this.syncRendererOptions();
+            }
+            if (this.queuedPhase) {
+                const phase = this.queuedPhase;
+                this.queuedPhase = null;
+                this.sendPhase(phase);
+            }
+        }
+        handleWorkerFailure(worker, canvas, generation) {
+            if (!this.isCurrentWorker(worker, generation))
+                return;
+            const requiresNewCanvas = this.canvasTransferred;
+            this.forceMainThread = true;
+            this.destroyBackend(requiresNewCanvas);
+            if (!requiresNewCanvas && this.isConnected) {
+                this.initializeMainThread(canvas, generation);
+            }
+        }
+        initializeMainThread(canvas, generation) {
+            if (!this.isConnected || generation !== this.initializationGeneration)
+                return;
+            const context = canvas.getContext('2d');
+            if (!context)
+                return;
+            this.backendState = 'main';
+            const options = this.getRendererOptions();
+            this.lastLight = options.light;
+            this.renderer = new SioLogoRenderer(context, options);
+            const phase = this.getInitialPhase();
+            if (phase)
+                this.renderer.start(phase);
+            else
+                this.renderer.drawStatic();
+            this.queuedOptions = false;
+            if (this.queuedPhase) {
+                const queuedPhase = this.queuedPhase;
+                this.queuedPhase = null;
+                this.sendPhase(queuedPhase);
+            }
+        }
+        armInitializationTimeout(worker, canvas, generation) {
+            this.clearInitializationTimeout();
+            this.initializationTimeout = setTimeout(() => {
+                this.handleWorkerFailure(worker, canvas, generation);
+            }, 2000);
+        }
+        clearInitializationTimeout() {
+            if (this.initializationTimeout === null)
+                return;
+            clearTimeout(this.initializationTimeout);
+            this.initializationTimeout = null;
+        }
+        isCurrentWorker(worker, generation) {
+            return this.isConnected &&
+                this.worker === worker &&
+                generation === this.initializationGeneration;
+        }
+        destroyBackend(replaceTransferredCanvas) {
+            const transferred = this.canvasTransferred;
+            this.clearInitializationTimeout();
+            if (this.worker) {
+                this.worker.onmessage = null;
+                this.worker.onerror = null;
+                this.worker.onmessageerror = null;
+                this.worker.terminate();
+            }
+            this.worker = null;
+            this.renderer?.stop();
+            this.renderer = null;
+            this.backendState = 'idle';
+            this.canvasTransferred = false;
+            this.queuedOptions = false;
+            this.queuedPhase = null;
+            if (replaceTransferredCanvas && transferred)
+                this.canvasGeneration += 1;
+        }
+        get normalizedSize() {
+            return Number.isFinite(this.size) ? Math.max(1, this.size) : 40;
+        }
+        getRendererOptions() {
+            this.lastDevicePixelRatio = window.devicePixelRatio || 1;
+            return {
+                size: this.normalizedSize,
+                dpr: this.lastDevicePixelRatio,
+                gap: Number.isFinite(this.gap) ? Math.max(0, this.gap) : 2,
+                radius: Number.isFinite(this.radius) ? Math.max(0, this.radius) : 16,
+                square: this.square,
+                background: this.background,
+                mono: this.mono,
+                light: this.isLightBackdrop(),
+            };
+        }
+        getInitialPhase() {
+            if (!this.isConnected || this.prefersReducedMotion())
+                return null;
+            if (this.loading)
+                return 'loading';
+            return this.noEntrance ? null : 'in';
+        }
+        syncRendererOptions() {
+            const options = this.getRendererOptions();
+            this.lastLight = options.light;
+            if (this.backendState === 'worker') {
+                this.worker?.postMessage({ type: 'options', options });
+            }
+            else if (this.backendState === 'main') {
+                this.renderer?.setOptions(options);
+            }
+            else {
+                this.queuedOptions = true;
+            }
+        }
+        sendPhase(phase) {
+            if (this.backendState === 'worker') {
+                this.worker?.postMessage({ type: 'phase', phase });
+                return;
+            }
+            if (this.backendState === 'main' && this.renderer) {
+                if (phase === 'stop') {
+                    this.renderer.stop();
+                    this.renderer.drawStatic();
+                }
+                else if (phase === 'clear') {
+                    this.renderer.clear();
+                }
+                else {
+                    this.renderer.start(phase);
+                }
+                return;
+            }
+            this.queuedPhase = phase;
+        }
+        prefersReducedMotion() {
+            return this.reducedMotionMedia?.matches ??
+                window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ??
+                false;
+        }
+        isLightBackdrop() {
+            if (this.theme === 'light')
+                return true;
+            if (this.theme === 'dark')
+                return false;
+            let element = this;
+            while (element) {
+                if (element === document.body || element === document.documentElement) {
+                    const pageTheme = document.documentElement.getAttribute('data-sio-theme') ||
+                        document.documentElement.getAttribute('data-theme');
+                    if (pageTheme === 'light')
+                        return true;
+                    if (pageTheme === 'dark')
+                        return false;
+                }
+                const color = getComputedStyle(element).backgroundColor;
+                const match = color.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:\s*[,/]\s*([\d.]+))?\s*\)/);
+                if (match) {
+                    const alpha = match[4] === undefined ? 1 : Number.parseFloat(match[4]);
+                    if (alpha > 0.2) {
+                        const luminance = (0.2126 * Number(match[1]) +
+                            0.7152 * Number(match[2]) +
+                            0.0722 * Number(match[3])) /
+                            255;
+                        return luminance > 0.55;
+                    }
+                }
+                const root = element.getRootNode();
+                element = element.parentElement || (root instanceof ShadowRoot ? root.host : null);
+            }
+            return false;
+        }
+        observeAmbientTheme() {
+            if (this.theme !== 'auto' || this.themeObserver)
+                return;
+            this.themeObserver = new MutationObserver(this.handleAmbientChange);
+            this.themeObserver.observe(document.documentElement, {
+                attributes: true,
+                attributeFilter: ['data-sio-theme', 'data-theme', 'class', 'style'],
+            });
+        }
+        stopAmbientThemeObservation() {
+            this.themeObserver?.disconnect();
+            this.themeObserver = null;
+        }
+        observeReducedMotion() {
+            if (this.reducedMotionMedia)
+                return;
+            this.reducedMotionMedia = window.matchMedia?.('(prefers-reduced-motion: reduce)') ?? null;
+            this.reducedMotionMedia?.addEventListener('change', this.handleReducedMotionChange);
+        }
+        stopReducedMotionObservation() {
+            this.reducedMotionMedia?.removeEventListener('change', this.handleReducedMotionChange);
+            this.reducedMotionMedia = null;
+        }
+        ensureAccessibleHost() {
+            if (this.hasAttribute('aria-hidden'))
+                return;
+            if (!this.hasAttribute('role'))
+                this.setAttribute('role', 'img');
+            if (!this.hasAttribute('aria-label'))
+                this.setAttribute('aria-label', 'social.io');
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SioLogo = _classThis;
+})();
+export { SioLogo };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvLWxvZ28uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvc2lvLWxvZ28udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsR0FBRyxFQUNILGFBQWEsRUFDYixVQUFVLEVBQ1YsSUFBSSxFQUNKLFFBQVEsRUFDUixLQUFLLEdBRU4sTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEVBQ0wsZUFBZSxFQUNmLGFBQWEsR0FHZCxNQUFNLHNCQUFzQixDQUFDO0FBQzlCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQW1CL0M7Ozs7OztHQU1HO0lBRVUsT0FBTzs0QkFEbkIsYUFBYSxDQUFDLFVBQVUsQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3VCQUFuQixTQUFRLFdBQVc7Ozs7Z0NBV3JDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztzQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDOytCQUkxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7a0NBSTFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztrQ0FJMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO2dDQUkzQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7aUNBSTFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzttQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7c0NBRzFDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFB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

package/dist_ts_web/elements/sio-tab-bar.d.ts

@@ -21,8 +21,8 @@ export interface ISioTabChangeDetail {
  *
  * A liquid-glass bar (blur 28px saturate 180%, 0.5px top hairline) with one
  * flex-equal tab per channel: 22px icon over a 10.5px label. The active tab
- * lights up in its channel color; 30px bottom padding clears the iOS home
- * indicator. Selecting a tab dispatches `tab-change` with `{ id, channel }`
+ * lights up in its channel color; safe-area-aware bottom padding clears the
+ * iOS home indicator. Selecting a tab dispatches `tab-change` with `{ id, channel }`
  * (bubbles, composed).
  */
 export declare class SioTabBar extends DeesElement {

package/dist_ts_web/elements/sio-tab-bar.js

@@ -58,8 +58,8 @@ const calendarChannel = {
  *
  * A liquid-glass bar (blur 28px saturate 180%, 0.5px top hairline) with one
  * flex-equal tab per channel: 22px icon over a 10.5px label. The active tab
- * lights up in its channel color; 30px bottom padding clears the iOS home
- * indicator. Selecting a tab dispatches `tab-change` with `{ id, channel }`
+ * lights up in its channel color; safe-area-aware bottom padding clears the
+ * iOS home indicator. Selecting a tab dispatches `tab-change` with `{ id, channel }`
  * (bubbles, composed).
  */
 let SioTabBar = (() => {
@@ -139,7 +139,7 @@ let SioTabBar = (() => {
       /* toolbar glass, hairline on the top edge (the bar sits at the bottom) */
       .bar {
         display: flex;
-        padding: 8px 0 30px; /* 30px clears the iOS home indicator */
+        padding: 8px 0 max(30px, var(--sio-safe-area-bottom, env(safe-area-inset-bottom, 0px)));
         background: var(--sio-toolbar-glass-bg);
         backdrop-filter: blur(28px) saturate(180%);
         -webkit-backdrop-filter: blur(28px) saturate(180%);