structra-ui 0.2.84 → 0.2.86
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.
package/fesm2022/structra-ui.mjs
CHANGED
|
@@ -20167,14 +20167,14 @@ class StructraCookieNoticeComponent {
|
|
|
20167
20167
|
window.setTimeout(() => this.cookieNotice.accept(), DISMISS_ANIMATION_MS);
|
|
20168
20168
|
}
|
|
20169
20169
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: StructraCookieNoticeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20170
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: StructraCookieNoticeComponent, isStandalone: true, selector: "app-structra-cookie-notice", host: { properties: { "class.structra-cookie-notice-host--visible": "visible()" }, classAttribute: "structra-cookie-notice-host" }, ngImport: i0, template: "@if (visible()) {\n<div\n class=\"structra-cookie-notice\"\n [class.structra-cookie-notice--hiding]=\"hiding()\"\n role=\"region\"\n [attr.aria-label]=\"copy().regionAriaLabel\"\n>\n <div class=\"structra-cookie-notice__icon\" aria-hidden=\"true\">\n <i class=\"fa-solid fa-cookie-bite\"></i>\n </div>\n\n <div class=\"structra-cookie-notice__content\">\n <p class=\"structra-cookie-notice__title\">{{ copy().title }}</p>\n <p class=\"structra-cookie-notice__description\">{{ copy().description }}</p>\n </div>\n\n <div class=\"structra-cookie-notice__actions\">\n <app-button\n type=\"button\"\n variant=\"primary\"\n size=\"md\"\n [fullWidth]=\"false\"\n [attr.aria-label]=\"copy().acceptAriaLabel\"\n (click)=\"accept()\"\n >\n {{ copy().acceptLabel }}\n </app-button>\n </div>\n\n <button\n type=\"button\"\n class=\"structra-cookie-notice__close\"\n [attr.aria-label]=\"copy().closeAriaLabel\"\n (click)=\"accept()\"\n >\n <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n </button>\n</div>\n}\n", styles: [":host{display:
|
|
20170
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: StructraCookieNoticeComponent, isStandalone: true, selector: "app-structra-cookie-notice", host: { properties: { "class.structra-cookie-notice-host--visible": "visible()" }, classAttribute: "structra-cookie-notice-host" }, ngImport: i0, template: "@if (visible()) {\n<div\n class=\"structra-cookie-notice\"\n [class.structra-cookie-notice--hiding]=\"hiding()\"\n role=\"region\"\n [attr.aria-label]=\"copy().regionAriaLabel\"\n>\n <div class=\"structra-cookie-notice__icon\" aria-hidden=\"true\">\n <i class=\"fa-solid fa-cookie-bite\"></i>\n </div>\n\n <div class=\"structra-cookie-notice__content\">\n <p class=\"structra-cookie-notice__title\">{{ copy().title }}</p>\n <p class=\"structra-cookie-notice__description\">{{ copy().description }}</p>\n </div>\n\n <div class=\"structra-cookie-notice__actions\">\n <app-button\n type=\"button\"\n variant=\"primary\"\n size=\"md\"\n [fullWidth]=\"false\"\n [attr.aria-label]=\"copy().acceptAriaLabel\"\n (click)=\"accept()\"\n >\n {{ copy().acceptLabel }}\n </app-button>\n </div>\n\n <button\n type=\"button\"\n class=\"structra-cookie-notice__close\"\n [attr.aria-label]=\"copy().closeAriaLabel\"\n (click)=\"accept()\"\n >\n <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n </button>\n</div>\n}\n", styles: [":host{display:flex;justify-content:center;position:fixed;inset-inline:0;bottom:0;z-index:1100;pointer-events:none;padding:0 .75rem .75rem;box-sizing:border-box;max-width:100vw}:host:not(.structra-cookie-notice-host--visible){display:none}.structra-cookie-notice{pointer-events:auto;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:\"icon content\" \"actions actions\";align-items:start;column-gap:1rem;row-gap:.875rem;width:100%;margin-inline:0;padding:1rem 1.125rem;padding-inline-end:2.75rem;border-radius:.75rem;border:1px solid var(--app-color-border-subtle, rgba(15, 23, 42, .1));background:var(--app-color-surface, #fff);color:var(--app-color-text-primary, #1a2f45);box-shadow:0 10px 24px color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 10%,transparent),0 2px 6px color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 6%,transparent);animation:structra-cookie-notice-enter .28s ease-out;transition:opacity .22s ease,transform .22s ease;position:relative}.structra-cookie-notice--hiding{opacity:0;transform:translateY(.65rem)}.structra-cookie-notice__icon{grid-area:icon;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;background:color-mix(in srgb,var(--app-color-primary, #2563eb) 12%,var(--app-color-surface, #fff));color:var(--app-color-primary, #2563eb);font-size:1.05rem}.structra-cookie-notice__content{grid-area:content;min-width:0}.structra-cookie-notice__title{margin:0;font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--app-color-text-primary, #1a2f45)}.structra-cookie-notice__description{margin:.35rem 0 0;font-size:.8125rem;line-height:1.45;color:var(--app-color-text-secondary, #4a6682)}.structra-cookie-notice__actions{grid-area:actions;display:flex;align-items:center;align-self:center;justify-self:start}.structra-cookie-notice__close{position:absolute;top:.65rem;inset-inline-end:.65rem;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--app-color-text-secondary, #4a6682);cursor:pointer;transition:background-color .15s ease,color .15s ease}.structra-cookie-notice__close:hover{background:color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 12%,transparent);color:var(--app-color-text-primary, #1a2f45)}.structra-cookie-notice__close:focus-visible{outline:2px solid var(--app-color-primary, #2563eb);outline-offset:2px}@media(min-width:840px){:host{inset-inline:0;bottom:max(1rem,env(safe-area-inset-bottom));padding:0 1rem}.structra-cookie-notice{grid-template-columns:auto minmax(0,1fr);grid-template-areas:\"icon content\" \"actions actions\";align-items:start;width:100%;max-width:min(42rem,92vw);margin-inline:0}.structra-cookie-notice__actions{justify-self:end;justify-content:flex-end}}@media(max-width:639px){:host{padding:0;padding-bottom:env(safe-area-inset-bottom,0)}.structra-cookie-notice{column-gap:.625rem;row-gap:.625rem;max-width:none;padding:.75rem 2.5rem .75rem .75rem;border-radius:.75rem .75rem 0 0}.structra-cookie-notice__icon{width:2rem;height:2rem;font-size:.95rem}.structra-cookie-notice__title{font-size:.875rem}.structra-cookie-notice__description{margin-top:.25rem;font-size:.75rem;line-height:1.4}.structra-cookie-notice__actions{grid-area:actions;align-self:stretch;width:100%}:host ::ng-deep .structra-cookie-notice__actions app-button{display:block;width:100%}:host ::ng-deep .structra-cookie-notice__actions app-button .base-button__native{width:100%}.structra-cookie-notice__close{top:.5rem;inset-inline-end:.5rem}}@keyframes structra-cookie-notice-enter{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "app-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20171
20171
|
}
|
|
20172
20172
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: StructraCookieNoticeComponent, decorators: [{
|
|
20173
20173
|
type: Component,
|
|
20174
20174
|
args: [{ selector: 'app-structra-cookie-notice', standalone: true, imports: [ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
20175
20175
|
class: 'structra-cookie-notice-host',
|
|
20176
20176
|
'[class.structra-cookie-notice-host--visible]': 'visible()',
|
|
20177
|
-
}, template: "@if (visible()) {\n<div\n class=\"structra-cookie-notice\"\n [class.structra-cookie-notice--hiding]=\"hiding()\"\n role=\"region\"\n [attr.aria-label]=\"copy().regionAriaLabel\"\n>\n <div class=\"structra-cookie-notice__icon\" aria-hidden=\"true\">\n <i class=\"fa-solid fa-cookie-bite\"></i>\n </div>\n\n <div class=\"structra-cookie-notice__content\">\n <p class=\"structra-cookie-notice__title\">{{ copy().title }}</p>\n <p class=\"structra-cookie-notice__description\">{{ copy().description }}</p>\n </div>\n\n <div class=\"structra-cookie-notice__actions\">\n <app-button\n type=\"button\"\n variant=\"primary\"\n size=\"md\"\n [fullWidth]=\"false\"\n [attr.aria-label]=\"copy().acceptAriaLabel\"\n (click)=\"accept()\"\n >\n {{ copy().acceptLabel }}\n </app-button>\n </div>\n\n <button\n type=\"button\"\n class=\"structra-cookie-notice__close\"\n [attr.aria-label]=\"copy().closeAriaLabel\"\n (click)=\"accept()\"\n >\n <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n </button>\n</div>\n}\n", styles: [":host{display:
|
|
20177
|
+
}, template: "@if (visible()) {\n<div\n class=\"structra-cookie-notice\"\n [class.structra-cookie-notice--hiding]=\"hiding()\"\n role=\"region\"\n [attr.aria-label]=\"copy().regionAriaLabel\"\n>\n <div class=\"structra-cookie-notice__icon\" aria-hidden=\"true\">\n <i class=\"fa-solid fa-cookie-bite\"></i>\n </div>\n\n <div class=\"structra-cookie-notice__content\">\n <p class=\"structra-cookie-notice__title\">{{ copy().title }}</p>\n <p class=\"structra-cookie-notice__description\">{{ copy().description }}</p>\n </div>\n\n <div class=\"structra-cookie-notice__actions\">\n <app-button\n type=\"button\"\n variant=\"primary\"\n size=\"md\"\n [fullWidth]=\"false\"\n [attr.aria-label]=\"copy().acceptAriaLabel\"\n (click)=\"accept()\"\n >\n {{ copy().acceptLabel }}\n </app-button>\n </div>\n\n <button\n type=\"button\"\n class=\"structra-cookie-notice__close\"\n [attr.aria-label]=\"copy().closeAriaLabel\"\n (click)=\"accept()\"\n >\n <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n </button>\n</div>\n}\n", styles: [":host{display:flex;justify-content:center;position:fixed;inset-inline:0;bottom:0;z-index:1100;pointer-events:none;padding:0 .75rem .75rem;box-sizing:border-box;max-width:100vw}:host:not(.structra-cookie-notice-host--visible){display:none}.structra-cookie-notice{pointer-events:auto;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:\"icon content\" \"actions actions\";align-items:start;column-gap:1rem;row-gap:.875rem;width:100%;margin-inline:0;padding:1rem 1.125rem;padding-inline-end:2.75rem;border-radius:.75rem;border:1px solid var(--app-color-border-subtle, rgba(15, 23, 42, .1));background:var(--app-color-surface, #fff);color:var(--app-color-text-primary, #1a2f45);box-shadow:0 10px 24px color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 10%,transparent),0 2px 6px color-mix(in srgb,var(--app-color-text-primary, #1a2f45) 6%,transparent);animation:structra-cookie-notice-enter .28s ease-out;transition:opacity .22s ease,transform .22s ease;position:relative}.structra-cookie-notice--hiding{opacity:0;transform:translateY(.65rem)}.structra-cookie-notice__icon{grid-area:icon;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;background:color-mix(in srgb,var(--app-color-primary, #2563eb) 12%,var(--app-color-surface, #fff));color:var(--app-color-primary, #2563eb);font-size:1.05rem}.structra-cookie-notice__content{grid-area:content;min-width:0}.structra-cookie-notice__title{margin:0;font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--app-color-text-primary, #1a2f45)}.structra-cookie-notice__description{margin:.35rem 0 0;font-size:.8125rem;line-height:1.45;color:var(--app-color-text-secondary, #4a6682)}.structra-cookie-notice__actions{grid-area:actions;display:flex;align-items:center;align-self:center;justify-self:start}.structra-cookie-notice__close{position:absolute;top:.65rem;inset-inline-end:.65rem;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--app-color-text-secondary, #4a6682);cursor:pointer;transition:background-color .15s ease,color .15s ease}.structra-cookie-notice__close:hover{background:color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 12%,transparent);color:var(--app-color-text-primary, #1a2f45)}.structra-cookie-notice__close:focus-visible{outline:2px solid var(--app-color-primary, #2563eb);outline-offset:2px}@media(min-width:840px){:host{inset-inline:0;bottom:max(1rem,env(safe-area-inset-bottom));padding:0 1rem}.structra-cookie-notice{grid-template-columns:auto minmax(0,1fr);grid-template-areas:\"icon content\" \"actions actions\";align-items:start;width:100%;max-width:min(42rem,92vw);margin-inline:0}.structra-cookie-notice__actions{justify-self:end;justify-content:flex-end}}@media(max-width:639px){:host{padding:0;padding-bottom:env(safe-area-inset-bottom,0)}.structra-cookie-notice{column-gap:.625rem;row-gap:.625rem;max-width:none;padding:.75rem 2.5rem .75rem .75rem;border-radius:.75rem .75rem 0 0}.structra-cookie-notice__icon{width:2rem;height:2rem;font-size:.95rem}.structra-cookie-notice__title{font-size:.875rem}.structra-cookie-notice__description{margin-top:.25rem;font-size:.75rem;line-height:1.4}.structra-cookie-notice__actions{grid-area:actions;align-self:stretch;width:100%}:host ::ng-deep .structra-cookie-notice__actions app-button{display:block;width:100%}:host ::ng-deep .structra-cookie-notice__actions app-button .base-button__native{width:100%}.structra-cookie-notice__close{top:.5rem;inset-inline-end:.5rem}}@keyframes structra-cookie-notice-enter{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}\n"] }]
|
|
20178
20178
|
}] });
|
|
20179
20179
|
|
|
20180
20180
|
/**
|