@hawiyah/vue 0.0.0-stage → 0.2.0

package/dist/search-field.d.ts

@@ -0,0 +1,87 @@
+import type { PropType } from 'vue';
+export declare const SearchField: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: StringConstructor;
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    clearLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    suggestions: PropType<readonly string[]>;
+    maxSuggestions: {
+        type: NumberConstructor;
+        default: number;
+    };
+    resultsMessage: {
+        type: PropType<(count: number) => string>;
+        default: (count: number) => string;
+    };
+    showSearchButton: BooleanConstructor;
+    searchLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: StringConstructor;
+    hint: StringConstructor;
+    error: StringConstructor;
+    required: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+}>, () => string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNodeArrayChildren | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: string) => true;
+    search: (_value: string) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: StringConstructor;
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    clearLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    suggestions: PropType<readonly string[]>;
+    maxSuggestions: {
+        type: NumberConstructor;
+        default: number;
+    };
+    resultsMessage: {
+        type: PropType<(count: number) => string>;
+        default: (count: number) => string;
+    };
+    showSearchButton: BooleanConstructor;
+    searchLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: StringConstructor;
+    hint: StringConstructor;
+    error: StringConstructor;
+    required: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onSearch?: ((_value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    required: boolean;
+    defaultValue: string;
+    readonly: boolean;
+    resultsMessage: (count: number) => string;
+    showSearchButton: boolean;
+    clearLabel: string;
+    maxSuggestions: number;
+    searchLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=search-field.d.ts.map

package/dist/search-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../src/search-field.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,KAAK,CAAC;AAKlC,eAAO,MAAM,WAAW;;;;;;;;;;;;iBAG+C,QAAQ,CAAC,SAAS,MAAM,EAAE,CAAC;;;;;;cAC7D,QAAQ,CAAC,CAAC,KAAK,EAAC,MAAM,KAAG,MAAM,CAAC;yBAAgB,MAAM;;;;;;;;;;;;;;;;;kCAGtD,MAAM;qBAAuB,MAAM;;;;;;;;;;;;;iBAJD,QAAQ,CAAC,SAAS,MAAM,EAAE,CAAC;;;;;;cAC7D,QAAQ,CAAC,CAAC,KAAK,EAAC,MAAM,KAAG,MAAM,CAAC;yBAAgB,MAAM;;;;;;;;;;;;;;;;;;;;;;4BAAtC,MAAM,KAAG,MAAM;;;;;4EA8DlE,CAAC"}

package/dist/search-field.js

@@ -0,0 +1,123 @@
+import { computed, defineComponent, h, mergeProps, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { getSearchSuggestions, isDisabled, requestSearchDialogClose } from '@hawiyah/core';
+import { Button, decorate } from './forms.js';
+import { decorationProps, useField, useFormReset, useValue } from './shared.js';
+export const SearchField = defineComponent({
+    name: 'HwSearchField', inheritAttrs: false,
+    props: { ...decorationProps, modelValue: String, defaultValue: { type: String, default: '' }, disabled: Boolean, readonly: Boolean,
+        clearLabel: { type: String, default: 'مسح البحث' }, suggestions: Array, maxSuggestions: { type: Number, default: 8 },
+        resultsMessage: { type: Function, default: (count) => `${count} اقتراحات متاحة` },
+        showSearchButton: Boolean, searchLabel: { type: String, default: 'بحث' }, },
+    emits: { 'update:modelValue': (_value) => true, search: (_value) => true },
+    setup(props, { attrs, emit, expose }) {
+        const field = useField(props, attrs), element = ref(), container = ref();
+        const model = useValue(() => props.modelValue, props.defaultValue, value => emit('update:modelValue', value));
+        const opened = ref(false), active = ref(-1), composing = ref(false);
+        let expectedValue;
+        const close = () => { opened.value = false; active.value = -1; };
+        const editable = () => !!element.value && !props.readonly && !element.value.readOnly && !isDisabled(element.value);
+        const matches = computed(() => getSearchSuggestions(model.value.value, props.suggestions ?? [], props.maxSuggestions));
+        const expanded = computed(() => opened.value && props.suggestions !== undefined && !props.readonly && !props.disabled && !composing.value && matches.value.length > 0);
+        const listId = computed(() => `${field.id.value}-suggestions`);
+        const write = (value) => { expectedValue = value; model.set(value); };
+        const search = () => { if (!element.value || isDisabled(element.value) || composing.value)
+            return; const query = model.value.value.trim(); if (query)
+            emit('search', query); close(); };
+        const choose = (index) => { if (!editable() || composing.value)
+            return; const match = matches.value[index]; if (!match)
+            return; write(match.value); element.value?.focus(); close(); };
+        useFormReset(element, () => { close(); composing.value = false; model.set(props.defaultValue); });
+        expose({ element, focus: () => { if (element.value && !isDisabled(element.value))
+                element.value.focus(); } });
+        watch(model.value, () => { active.value = -1; });
+        watch(() => props.modelValue, value => { if (value !== expectedValue)
+            close(); expectedValue = undefined; });
+        watch(() => [JSON.stringify(props.suggestions), props.maxSuggestions, props.disabled, props.readonly], close);
+        let observer;
+        const outside = (event) => { if (!container.value?.contains(event.target))
+            close(); };
+        onMounted(() => {
+            const input = element.value;
+            input.ownerDocument.addEventListener('pointerdown', outside);
+            const Observer = input.ownerDocument.defaultView?.MutationObserver;
+            observer = Observer ? new Observer(() => { if (input.readOnly || isDisabled(input))
+                close(); }) : undefined;
+            observer?.observe(input, { attributes: true, attributeFilter: ['readonly', 'disabled', 'aria-disabled'] });
+            for (let parent = input.parentElement; parent; parent = parent.parentElement)
+                if (parent.localName === 'fieldset')
+                    observer?.observe(parent, { attributes: true, attributeFilter: ['disabled'] });
+        });
+        onBeforeUnmount(() => { observer?.disconnect(); element.value?.ownerDocument.removeEventListener('pointerdown', outside); });
+        watch([active, expanded], async () => {
+            await nextTick();
+            if (!expanded.value || active.value < 0)
+                return;
+            const list = element.value?.ownerDocument.getElementById(listId.value), option = list?.children[active.value];
+            if (!list || !option)
+                return;
+            const outer = list.getBoundingClientRect(), inner = option.getBoundingClientRect();
+            if (inner.top < outer.top)
+                list.scrollTop -= outer.top - inner.top;
+            else if (inner.bottom > outer.bottom)
+                list.scrollTop += inner.bottom - outer.bottom;
+        }, { flush: 'post' });
+        return () => decorate(props, field.id.value, [
+            h('div', { class: 'hw-input-group', ref: container }, [
+                h('div', { class: 'hw-search-control' }, [
+                    h('input', mergeProps(attrs, field.controlAttrs.value, { ref: element, class: 'hw-input', type: 'search', value: model.value.value, disabled: props.disabled, readonly: props.readonly,
+                        autocomplete: attrs.autocomplete ?? (props.suggestions !== undefined ? 'off' : undefined), role: props.suggestions !== undefined ? 'combobox' : attrs.role,
+                        'aria-autocomplete': props.suggestions !== undefined ? 'list' : attrs['aria-autocomplete'], 'aria-expanded': props.suggestions !== undefined ? expanded.value : attrs['aria-expanded'], 'aria-controls': props.suggestions !== undefined ? listId.value : attrs['aria-controls'], 'aria-activedescendant': expanded.value && active.value >= 0 && active.value < matches.value.length ? `${listId.value}-${active.value}` : undefined,
+                        onInput: (event) => { if (event.defaultPrevented || !editable())
+                            return; write(event.target.value); active.value = -1; opened.value = !composing.value; },
+                        onFocus: (event) => { if (!event.defaultPrevented && editable() && !composing.value)
+                            opened.value = true; }, onBlur: close,
+                        onCompositionstart: () => { composing.value = true; close(); }, onCompositionend: (event) => { composing.value = false; if (!event.defaultPrevented && editable())
+                            opened.value = true; },
+                        onKeydown: (event) => {
+                            if (event.defaultPrevented || composing.value || event.isComposing || event.ctrlKey || event.altKey || event.metaKey || event.shiftKey || !element.value || isDisabled(element.value))
+                                return;
+                            if (event.key === 'Escape' && expanded.value) {
+                                event.preventDefault();
+                                event.stopPropagation();
+                                close();
+                                return;
+                            }
+                            if (event.key === 'Escape' && requestSearchDialogClose(element.value)) {
+                                event.preventDefault();
+                                event.stopPropagation();
+                                return;
+                            }
+                            if (editable() && matches.value.length && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+                                event.preventDefault();
+                                opened.value = true;
+                                active.value = event.key === 'ArrowDown' ? (active.value + 1) % matches.value.length : (active.value <= 0 ? matches.value.length - 1 : active.value - 1);
+                                return;
+                            }
+                            if (event.key === 'Enter') {
+                                if (expanded.value && active.value >= 0) {
+                                    event.preventDefault();
+                                    choose(active.value);
+                                }
+                                else
+                                    search();
+                            }
+                        },
+                    })),
+                    h(Button, { class: 'hw-search-clear', variant: 'ghost', hidden: !model.value.value || props.readonly, disabled: props.disabled, 'aria-label': props.clearLabel, 'aria-controls': field.id.value, onPointerdown: (event) => { if (event.button === 0)
+                            event.preventDefault(); }, onMousedown: (event) => { if (event.button === 0)
+                            event.preventDefault(); }, onClick: () => { if (editable()) {
+                            write('');
+                            element.value?.focus();
+                            close();
+                        } } }, () => h('span', { class: 'hw-search-clear-icon', 'aria-hidden': 'true' })),
+                    props.suggestions !== undefined ? h('div', { class: 'hw-search-suggestions', id: listId.value, role: 'listbox', 'aria-label': props.label ?? attrs['aria-label'] ?? props.searchLabel, hidden: !expanded.value }, matches.value.map((match, index) => h('div', { class: 'hw-search-option', dir: 'auto', key: match.value, id: `${listId.value}-${index}`, role: 'option', 'aria-selected': index === active.value, onPointerdown: (event) => { if (event.button === 0)
+                            event.preventDefault(); }, onMousedown: (event) => { if (event.button === 0)
+                            event.preventDefault(); }, onClick: () => choose(index) }, match.segments.map(segment => segment.match ? h('strong', segment.text) : segment.text)))) : null,
+                ]),
+                props.showSearchButton ? h(Button, { class: 'hw-search-submit', disabled: props.disabled, 'aria-label': props.searchLabel, onClick: search }, () => h('span', { class: 'hw-search-submit-icon', 'aria-hidden': 'true' })) : null,
+            ]),
+            props.suggestions !== undefined ? h('span', { class: 'hw-sr-only', role: 'status', 'aria-live': 'polite', 'aria-atomic': 'true' }, opened.value && !props.readonly && !props.disabled && !composing.value && model.value.value.trim() ? props.resultsMessage(matches.value.length) : '') : null,
+        ], 'hw-search-field');
+    },
+});
+//# sourceMappingURL=search-field.js.map

package/dist/search-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field.js","sourceRoot":"","sources":["../src/search-field.ts"],"names":[],"mappings":"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"}

package/dist/shared.d.ts

@@ -0,0 +1,46 @@
+import type { ComputedRef, Ref, VNodeChild } from 'vue';
+export interface FieldDecoration {
+    label?: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+}
+export declare const decorationProps: {
+    readonly label: StringConstructor;
+    readonly hint: StringConstructor;
+    readonly error: StringConstructor;
+    readonly required: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+};
+interface FieldContext {
+    id: string;
+    labelId?: string;
+    describedby?: string;
+    invalid?: boolean;
+    required?: boolean;
+}
+export declare function provideField(value: ComputedRef<FieldContext>): void;
+export declare function joinIds(...values: unknown[]): string | undefined;
+export declare function useField(props: FieldDecoration, attrs: Record<string, unknown>, separateNestedHelpers?: boolean): {
+    id: ComputedRef<string>;
+    decorationId: ComputedRef<string>;
+    decorated: ComputedRef<boolean>;
+    controlAttrs: ComputedRef<{
+        id: string;
+        'aria-labelledby': {} | undefined;
+        'aria-describedby': string | undefined;
+        'aria-invalid': unknown;
+        required: boolean | undefined;
+    }>;
+};
+export declare function useValue<T>(read: () => T | undefined, initial: T, emit: (value: T) => void): {
+    value: ComputedRef<T>;
+    set: (next: T) => void;
+    sync: (next: T) => void;
+};
+export declare function useFormReset(element: Ref<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | undefined>, reset: () => void): void;
+export type RenderContent = VNodeChild;
+export {};
+//# sourceMappingURL=shared.d.ts.map

package/dist/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../src/shared.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAgB,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEtE,MAAM,WAAW,eAAe;IAAG,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE;AACtG,eAAO,MAAM,eAAe;;;;;;;;CAA2G,CAAC;AACxI,UAAU,YAAY;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE;AAEpH,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,QAA+B;AAC5F,wBAAgB,OAAO,CAAC,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,GAAG,SAAS,CAGhE;AACD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,qBAAqB,UAAQ;;;;;;;;;;;EAa7G;AACD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI;;gBAItE,CAAC;iBADA,CAAC;EAGtB;AACD,wBAAgB,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,IAAI,QAOnI;AACD,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC"}

package/dist/shared.js

@@ -0,0 +1,40 @@
+import { computed, inject, onBeforeUnmount, onMounted, onUpdated, provide, ref, useId } from 'vue';
+import { observeFieldValue } from '@hawiyah/core';
+export const decorationProps = { label: String, hint: String, error: String, required: { type: Boolean, default: undefined } };
+const fieldKey = Symbol('hawiyah-field');
+export function provideField(value) { provide(fieldKey, value); }
+export function joinIds(...values) {
+    const ids = values.filter(Boolean).flatMap(value => String(value).trim().split(/\s+/)).filter(Boolean);
+    return [...new Set(ids)].join(' ') || undefined;
+}
+export function useField(props, attrs, separateNestedHelpers = false) {
+    const generated = `hw-${useId()}`;
+    const parent = inject(fieldKey, undefined);
+    const decorated = computed(() => Boolean(props.label || props.hint || props.error));
+    const id = computed(() => String(attrs.id ?? parent?.value.id ?? generated));
+    const decorationId = computed(() => separateNestedHelpers && parent ? generated : id.value);
+    const labelId = computed(() => props.label ? `${decorationId.value}-label` : parent?.value.labelId);
+    const describedby = computed(() => joinIds(attrs['aria-describedby'], parent?.value.describedby, props.hint && `${decorationId.value}-hint`, props.error && `${decorationId.value}-error`));
+    const controlAttrs = computed(() => ({ id: id.value, 'aria-labelledby': attrs['aria-labelledby'] ?? (attrs['aria-label'] ? undefined : labelId.value),
+        'aria-describedby': describedby.value, 'aria-invalid': props.error || parent?.value.invalid ? true : attrs['aria-invalid'],
+        required: props.required ?? parent?.value.required }));
+    return { id, decorationId, decorated, controlAttrs };
+}
+export function useValue(read, initial, emit) {
+    const local = ref(initial);
+    const value = computed(() => read() === undefined ? local.value : read());
+    const sync = (next) => { local.value = next; };
+    const set = (next) => { sync(next); emit(next); };
+    return { value, set, sync };
+}
+export function useFormReset(element, reset) {
+    let presence;
+    let form;
+    const listener = (event) => queueMicrotask(() => { if (!event.defaultPrevented)
+        reset(); });
+    onMounted(() => { form = element.value?.form; form?.addEventListener('reset', listener); if (element.value)
+        presence = observeFieldValue(element.value); });
+    onUpdated(() => presence?.refresh());
+    onBeforeUnmount(() => { form?.removeEventListener('reset', listener); presence?.destroy(); });
+}
+//# sourceMappingURL=shared.js.map

package/dist/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../src/shared.ts"],"names":[],"mappings":"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"}

package/dist/site-verification.d.ts

@@ -0,0 +1,63 @@
+export declare const SiteVerification: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: StringConstructor;
+    detailsLabel: StringConstructor;
+    domainLabel: StringConstructor;
+    domainDescription: StringConstructor;
+    httpsLabel: StringConstructor;
+    httpsDescription: StringConstructor;
+    registrationLabel: StringConstructor;
+    domain: StringConstructor;
+    registrationHref: StringConstructor;
+    registrationNumber: StringConstructor;
+    externalLabel: StringConstructor;
+    registrationExternal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: BooleanConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:open': (_open: boolean) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: StringConstructor;
+    detailsLabel: StringConstructor;
+    domainLabel: StringConstructor;
+    domainDescription: StringConstructor;
+    httpsLabel: StringConstructor;
+    httpsDescription: StringConstructor;
+    registrationLabel: StringConstructor;
+    domain: StringConstructor;
+    registrationHref: StringConstructor;
+    registrationNumber: StringConstructor;
+    externalLabel: StringConstructor;
+    registrationExternal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: BooleanConstructor;
+}>> & Readonly<{
+    "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+}>, {
+    defaultOpen: boolean;
+    open: boolean;
+    locale: string;
+    registrationExternal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=site-verification.d.ts.map

package/dist/site-verification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-verification.d.ts","sourceRoot":"","sources":["../src/site-verification.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAGC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAqBnC,CAAC"}

package/dist/site-verification.js

@@ -0,0 +1,34 @@
+import { defineComponent, h, mergeProps, ref } from 'vue';
+import { getSiteVerificationLabels } from '@hawiyah/core';
+export const SiteVerification = defineComponent({
+    name: 'HwSiteVerification', inheritAttrs: false,
+    props: { locale: { type: String, default: 'ar' }, label: String, detailsLabel: String, domainLabel: String, domainDescription: String, httpsLabel: String, httpsDescription: String, registrationLabel: String, domain: String, registrationHref: String, registrationNumber: String, externalLabel: String, registrationExternal: { type: Boolean, default: true }, open: { type: Boolean, default: undefined }, defaultOpen: Boolean },
+    emits: { 'update:open': (_open) => true },
+    setup(props, { attrs, slots, emit }) {
+        const localOpen = ref(props.defaultOpen);
+        const icon = (name) => h('span', { class: 'hw-icon', 'data-icon': name, 'aria-hidden': 'true' });
+        return () => {
+            const copy = getSiteVerificationLabels(props.locale), expanded = props.open ?? localOpen.value;
+            const check = (name, title, value, description) => h('section', {}, [icon(name), h('div', {}, [h('h2', {}, [title, ' ', h('bdi', {}, value)]), h('p', {}, description)])]);
+            return h('aside', mergeProps(attrs, { class: 'hw-site-verification', 'aria-label': attrs['aria-label'] ?? props.label ?? copy.label }), h('details', {
+                open: expanded, onToggle: (event) => { const next = event.currentTarget.open; if (next !== expanded) {
+                    localOpen.value = next;
+                    emit('update:open', next);
+                } },
+            }, [
+                h('summary', { onClick: (event) => { if (props.open !== undefined) {
+                        event.preventDefault();
+                        emit('update:open', !props.open);
+                    } } }, [slots.mark && h('span', { class: 'hw-verification-mark' }, slots.mark()), h('span', {}, props.label ?? copy.label), h('span', { class: 'hw-verification-toggle' }, [props.detailsLabel ?? copy.detailsLabel, icon('arrow-down-01')])]),
+                h('div', { class: 'hw-verification-content' }, [
+                    h('div', { class: 'hw-verification-checks' }, [
+                        props.domain && check('link-04', props.domainLabel ?? copy.domainLabel, props.domain, props.domainDescription ?? copy.domainDescription),
+                        check('lock-password', props.httpsLabel ?? copy.httpsLabel, 'HTTPS', props.httpsDescription ?? copy.httpsDescription),
+                    ]),
+                    props.registrationHref && h('p', { class: 'hw-verification-registration' }, h('a', { href: props.registrationHref, target: props.registrationExternal ? '_blank' : undefined, rel: props.registrationExternal ? 'noopener noreferrer' : undefined }, [props.registrationLabel ?? copy.registrationLabel, props.registrationNumber && [' ', h('bdi', {}, props.registrationNumber)], props.registrationExternal && h('span', { class: 'hw-sr-only' }, ' · ' + (props.externalLabel ?? copy.externalLabel))])), slots.default?.(),
+                ]),
+            ]));
+        };
+    },
+});
+//# sourceMappingURL=site-verification.js.map

package/dist/site-verification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-verification.js","sourceRoot":"","sources":["../src/site-verification.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,56 @@
 {
   "name": "@hawiyah/vue",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "description": "Vue 3 components for Hawiyah, a UI library built to comply with the DGA Platforms Code",
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md",
+    "PORTAL.md",
+    "LICENSE",
+    "NOTICE"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@hawiyah/core": "0.2.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "keywords": [
+    "hawiyah",
+    "dga",
+    "sdga",
+    "platforms-code",
+    "saudi-design-system",
+    "arabic",
+    "rtl",
+    "ui-components",
+    "vue"
+  ],
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MohamedEmbarak/hawiyah.git",
+    "directory": "packages/vue"
+  },
+  "homepage": "https://mohamedembarak.github.io/hawiyah/",
+  "bugs": {
+    "url": "https://github.com/MohamedEmbarak/hawiyah/issues"
+  },
+  "author": {
+    "name": "Development Team, National Platforms Sector — National Information Center"
+  },
+  "contributors": [
+    {
+      "name": "Mohamed Embarak",
+      "url": "https://github.com/MohamedEmbarak"
+    }
+  ]
 }