@swisspost/design-system-components-angular 10.0.0-next.75 → 10.0.0
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/LICENSE +183 -184
- package/README.md +6 -58
- package/fesm2022/swisspost-design-system-components-angular.mjs +1471 -805
- package/fesm2022/swisspost-design-system-components-angular.mjs.map +1 -1
- package/package.json +18 -9
- package/post-components.css +2 -2
- package/{index.d.ts → types/swisspost-design-system-components-angular.d.ts} +8 -33
package/post-components.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
:where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-
|
|
1
|
+
:where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-progressbar,post-rating,post-side-navigation,post-side-navigation-trigger,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:hidden}@media (scripting: none){:where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-progressbar,post-rating,post-side-navigation,post-side-navigation-trigger,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:visible}}post-accordion:not([multiple]):not(:has([collapsed]))>post-accordion-item~post-accordion-item{--post-collapsible-initial-height:0;--post-collapsible-initial-overflow:hidden;--post-accordion-icon-initial-transform:rotate(-180deg)}.form-label:has(+post-number-input){display:block}.form-label:has(+post-number-input.number-input-sm){padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-30);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-label:has(+post-number-input.disabled){color:var(--post-scheme-color-interactive-input-disabled-fg)}post-number-input.form-floating>input.form-control{padding:var(--post-device-spacing-padding-block-29) var(--post-device-spacing-padding-inline-1) var(--post-device-spacing-padding-block-3)}post-number-input.form-floating>input.form-control:focus~label,post-number-input.form-floating>input.form-control:not(:placeholder-shown)~label{padding-block-start:var(--post-device-spacing-padding-block-3);padding-inline:var(--post-device-spacing-padding-inline-1) var(--post-device-spacing-padding-15);font-size:var(--post-device-font-size-10)}post-number-input.form-floating::after{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}post-number-input.form-floating:has(>input.form-control.is-valid:not(:disabled))::after,post-number-input.form-floating:has(>input.form-control:-webkit-autofill.is-valid)::after,post-number-input.form-floating:has(>input.form-control.is-invalid:not(:disabled))::after,post-number-input.form-floating:has(>input.form-control:-webkit-autofill.is-invalid)::after{top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);right:calc(
|
|
2
2
|
var(--post-device-spacing-padding-inline-1) +
|
|
3
3
|
(var(--post-device-spacing-padding-23)* 2) +
|
|
4
4
|
var(--post-device-sizing-interactive-icon-size6) +
|
|
5
5
|
(var(--post-device-border-width-default) * 2)
|
|
6
|
-
)}post-number-input input[type=number]{appearance:textfield}post-number-input input[type=number]::-webkit-inner-spin-button,post-number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}post-login-widget>[slot=login-link]{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-login-widget>[slot=login-link]:not(:disabled):hover{text-decoration:none}post-login-widget>[slot=login-link]:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}post-login-widget>[slot=login-link]{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-login-widget>[slot=login-link]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-login-widget>[slot=login-link]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-login-widget>[slot=login-link]:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-login-widget>[slot=login-link]:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-login-widget>[slot=login-link]:is(a){color:LinkText;border:unset}post-login-widget>[slot=login-link]:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}post-login-widget>[slot=login-link]:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}post-login-widget>[slot=login-link]:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}post-login-widget>[slot=login-link]:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}post-login-widget>[slot=login-link]:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}post-login-widget>[slot=login-link]:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}post-login-widget>[slot=login-link]{width:fit-content}@media screen and (min-width: 0)and (max-width: 599.98px){post-login-widget>[slot=login-link]>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-login-widget>[slot=login-link]>post-icon{font-size:1.5rem}}@media screen and (max-width: 599.98px){post-side-navigation:not([data-hydrated]){display:none !important}}post-side-navigation{--post-side-navigation-indent:2.5rem;--post-side-navigation-icon-size:1.25rem}post-side-navigation nav{width:100%}post-side-navigation nav ul{list-style:none;margin:0;padding-inline-start:0}post-side-navigation .post-side-navigation-heading{margin:0;padding:.5rem 1rem;font-size:1rem;font-weight:700;color:rgba(0,0,0,.6);border-bottom:1px solid rgba(0,0,0,.15)}post-side-navigation>ul>li>.post-side-navigation-item{font-weight:700}post-side-navigation .post-side-navigation-item[aria-current=page]{font-weight:700;background-color:#000;color:#fff;min-width:350px}post-side-navigation ul{--_indent-level:0}post-side-navigation ul ul{--_indent-level:1}post-side-navigation ul ul ul{--_indent-level:2}post-side-navigation ul ul ul ul{--_indent-level:3}post-side-navigation ul ul .post-side-navigation-item{padding-inline-start:calc(1rem + var(--_indent-level)*var(--post-side-navigation-indent))}@media screen and (max-width: 1023.98px){post-side-navigation ul ul .post-side-navigation-item{padding-inline-start:calc(1rem + var(--_indent-level)*2.25rem)}}post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>:where(a,span):not(:has(>post-icon:first-child))::before,post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>div:not(:has(>a>post-icon:first-child))::before{content:"";flex:none;inline-size:var(--post-side-navigation-icon-size)}@media screen and (max-width: 1023.98px){post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>:where(a,span):not(:has(>post-icon:first-child))::before,post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>div:not(:has(>a>post-icon:first-child))::before{inline-size:1rem}}post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>post-collapsible-trigger>button:not(:has(>post-icon:first-child))::before{content:"";flex:none;inline-size:var(--post-side-navigation-icon-size)}@media screen and (max-width: 1023.98px){post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>post-collapsible-trigger>button:not(:has(>post-icon:first-child))::before{inline-size:1rem}}post-collapsible-trigger post-icon[name=chevrondown]{color:#000}.post-side-navigation-item{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0;margin:0;padding:.75rem 1rem;box-sizing:border-box;border:0;border-bottom:1px solid rgba(0,0,0,.15);border-radius:0;background-color:rgba(0,0,0,0);color:#000;font:inherit;text-align:start;text-decoration:none;appearance:none;line-height:1.5}.post-side-navigation-item button{display:flex;align-items:center;padding-inline:.5rem;border:0;border-inline-start:1px solid rgba(0,0,0,.15);background:rgba(0,0,0,0);cursor:pointer}.post-side-navigation-item button>post-icon{transition:transform .2s ease}.post-side-navigation-item button[aria-expanded=true]>post-icon{transform:rotate(180deg)}.post-side-navigation-item:where(a,button){cursor:pointer}.post-side-navigation-item:where(a,button):hover{background-color:rgba(0,0,0,.06)}.post-side-navigation-item>post-icon:first-child{flex:none}.post-side-navigation-item>post-icon[name=chevrondown]{margin-inline-start:auto}.post-side-navigation-item>post-icon:last-child{transition:transform .2s ease}.post-side-navigation-item[aria-expanded=true]>post-icon:last-child{transform:rotate(180deg)}.post-side-navigation-item>a{flex:1 1 auto;color:inherit;text-decoration:none}.post-side-navigation-item>post-collapsible-trigger{margin-inline-start:auto}.post-side-navigation-item>post-collapsible-trigger>button{display:flex;align-items:center;padding-inline:.5rem;border:0;border-inline-start:1px solid rgba(0,0,0,.15);background:rgba(0,0,0,0);cursor:pointer}.post-side-navigation-item>post-collapsible-trigger>button>post-icon{transition:transform .2s ease}.post-side-navigation-item>post-collapsible-trigger>button[aria-expanded=true]>post-icon{transform:rotate(180deg)}
|
|
6
|
+
)}post-number-input input[type=number]{appearance:textfield}post-number-input input[type=number]::-webkit-inner-spin-button,post-number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:root{--post-side-navigation-width:296px}@media screen and (min-width: 1024px){.main-container{margin-inline-start:var(--post-side-navigation-width)}}@media screen and (max-width: 599.98px){post-side-navigation:not([data-hydrated]){display:none !important}}post-side-navigation{--post-side-navigation-item-enabled-fg:#050400;--post-side-navigation-item-enabled-stroke-inactive:#b4b3af;--post-side-navigation-item-enabled-stroke-active:#050400;--post-side-navigation-item-selected-fg:#ffffff;--post-side-navigation-item-selected-bg:#050400;--post-side-navigation-item-selected-stroke:#ffffff;--post-side-navigation-item-hovered-fg:#ffffff;--post-side-navigation-item-hovered-bg:#504f4b;--post-side-navigation-heading-fg:#696864;--post-side-navigation-padding-block-end:16px;--post-side-navigation-height:100vh;--post-side-navigation-padding-block-start:28px;--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-heading-padding-block-end:4px;--post-side-navigation-heading-padding-inline:16px;--post-side-navigation-heading-font-size:14px;--post-side-navigation-item-padding-inline:16px;--post-side-navigation-item-height:40px;--post-side-navigation-item-gap:12px;--post-side-navigation-item-interval:16px;--post-side-navigation-icon-size:16px;--post-side-navigation-item-font-size:14px;--post-side-navigation-item-line-height:1.5;--post-side-navigation-item-divider-padding-block:9px}@media screen and (min-width: 600px){post-side-navigation{--post-side-navigation-padding-block-start:34px;--post-side-navigation-item-font-size:16px;--post-side-navigation-heading-padding-block-start:12px;--post-side-navigation-heading-font-size:16px;--post-side-navigation-item-divider-padding-block:7.5px;--post-side-navigation-item-gap:16px;--post-side-navigation-icon-size:20px}}@media screen and (min-width: 1024px){post-side-navigation{position:fixed;top:var(--post-header-height);width:var(--post-side-navigation-width);--post-side-navigation-padding-block-start:16px;--post-side-navigation-item-font-size:20px;--post-side-navigation-height:calc(100vh - var(--post-header-height));--post-side-navigation-heading-padding-block-start:20px;--post-side-navigation-item-height:48px}}post-side-navigation[size=small]{--post-side-navigation-heading-padding-inline:12px;--post-side-navigation-item-padding-inline:12px;--post-side-navigation-item-height:40px;--post-side-navigation-item-gap:8px;--post-side-navigation-item-interval:12px;--post-side-navigation-icon-size:16px}@media screen and (min-width: 600px){post-side-navigation[size=small]{--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-item-font-size:14px;--post-side-navigation-heading-font-size:14px}}@media screen and (min-width: 1024px){post-side-navigation[size=small]{--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-item-font-size:16px;--post-side-navigation-heading-font-size:14px}}post-side-navigation nav{width:100%;padding-block:var(--post-side-navigation-padding-block-start) var(--post-side-navigation-padding-block-end);height:var(--post-side-navigation-height);overflow-y:auto}post-side-navigation nav ul{list-style:none;margin:0;padding-inline-start:0}post-side-navigation .post-side-navigation-heading{margin:0;padding:var(--post-side-navigation-heading-padding-block-start) var(--post-side-navigation-heading-padding-inline) var(--post-side-navigation-heading-padding-block-end);font-size:var(--post-side-navigation-heading-font-size);font-weight:700;line-height:1.5;color:var(--post-side-navigation-heading-fg)}post-side-navigation>ul>li>.post-side-navigation-item{font-weight:700}post-side-navigation .post-side-navigation-item[aria-current=page],post-side-navigation .post-side-navigation-item a[aria-current=page]{background-color:var(--post-side-navigation-item-selected-bg);color:var(--post-side-navigation-item-selected-fg);border-color:var(--post-side-navigation-item-selected-stroke)}post-side-navigation ul{--_indent-level:0}post-side-navigation ul ul{--_indent-level:1}post-side-navigation ul ul ul{--_indent-level:2}post-side-navigation ul ul ul ul{--_indent-level:3}post-side-navigation ul ul .post-side-navigation-item:not(:has(a):has(button)),post-side-navigation ul ul .post-side-navigation-item:has(a):has(button) a{padding-inline-start:calc(var(--post-side-navigation-item-padding-inline) + var(--_indent-level)*var(--post-side-navigation-item-interval))}post-side-navigation ul>li:has(post-icon:not([name=chevrondown])) ul .post-side-navigation-item:not(:has(a):has(button)),post-side-navigation ul>li:has(post-icon:not([name=chevrondown])) ul .post-side-navigation-item:has(a):has(button) a{padding-inline-start:calc(var(--post-side-navigation-item-padding-inline) + var(--post-side-navigation-icon-size) + var(--post-side-navigation-item-gap) + var(--_indent-level)*var(--post-side-navigation-item-interval))}post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>:where(a,span):not(:has(>post-icon:first-child))::before,post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>div:not(:has(>a>post-icon:first-child))::before{content:"";flex:none;inline-size:var(--post-side-navigation-icon-size)}@media screen and (max-width: 1023.98px){post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>:where(a,span):not(:has(>post-icon:first-child))::before,post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>div:not(:has(>a>post-icon:first-child))::before{inline-size:1rem}}post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>post-collapsible-trigger>button:not(:has(>post-icon:first-child))::before{content:"";flex:none;inline-size:var(--post-side-navigation-icon-size)}@media screen and (max-width: 1023.98px){post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>post-collapsible-trigger>button:not(:has(>post-icon:first-child))::before{inline-size:1rem}}.post-side-navigation-item{display:flex;align-items:center;gap:var(--post-side-navigation-item-gap);width:100%;min-width:0;margin:0;padding-inline:var(--post-side-navigation-item-padding-inline);min-height:var(--post-side-navigation-item-height);font-size:var(--post-side-navigation-item-font-size);line-height:var(--post-side-navigation-item-line-height);box-sizing:border-box;border:0;border-block-end:1px solid var(--post-side-navigation-item-enabled-stroke-active);border-radius:0;background-color:rgba(0,0,0,0);color:var(--post-side-navigation-item-enabled-fg);text-align:start;text-decoration:none;appearance:none}.post-side-navigation-item:has(a):has(button){padding-inline-start:0;padding-inline-end:0;gap:0;align-items:stretch}.post-side-navigation-item:has(a):has(button) a{flex:1 1 auto;text-decoration:none;display:flex;align-items:center;min-height:var(--post-side-navigation-item-height);gap:var(--post-side-navigation-item-gap);border-radius:0;padding-inline-end:var(--post-side-navigation-item-padding-inline)}.post-side-navigation-item:has(a):has(button) button{padding-inline:var(--post-side-navigation-item-padding-inline);display:flex;align-items:center;border:0;background:rgba(0,0,0,0);cursor:pointer;position:relative;margin-left:1px}.post-side-navigation-item:has(a):has(button) button::before{content:"";position:absolute;top:var(--post-side-navigation-item-divider-padding-block);height:calc(100% - var(--post-side-navigation-item-divider-padding-block)*2);width:1px;background:var(--post-side-navigation-item-enabled-stroke-inactive);left:-1px}.post-side-navigation-item:where(a,button),.post-side-navigation-item:has(a):has(button) a,.post-side-navigation-item:has(a):has(button) button{cursor:pointer;position:relative;color:var(--post-side-navigation-item-enabled-fg);transition:background-color 250ms,color 250ms}.post-side-navigation-item:where(a,button)::after,.post-side-navigation-item:has(a):has(button) a::after,.post-side-navigation-item:has(a):has(button) button::after{--_offset:3px;content:"";position:absolute;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:4px;width:calc(100% - var(--_offset)*2);height:calc(100% - var(--_offset)*2);top:var(--_offset);left:var(--_offset)}.post-side-navigation-item:where(a,button):hover,.post-side-navigation-item:has(a):has(button) a:hover,.post-side-navigation-item:has(a):has(button) button:hover{background-color:var(--post-side-navigation-item-hovered-bg);color:var(--post-side-navigation-item-hovered-fg)}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item post-icon{flex:none;width:var(--post-side-navigation-icon-size);height:var(--post-side-navigation-icon-size);color:inherit}.post-side-navigation-item post-icon[name=chevrondown]{transition:transform .2s ease;margin-inline-start:auto}.post-side-navigation-item[aria-expanded=true] post-icon[name=chevrondown],.post-side-navigation-item [aria-expanded=true] post-icon[name=chevrondown]{transform:rotate(180deg)}nav>ul>li>.post-side-navigation-item,nav>ul>li>post-collapsible-trigger>.post-side-navigation-item{font-weight:700}nav>ul>li .post-side-navigation-item:has(+ul),nav>ul>li li:has(+li) .post-side-navigation-item,nav>ul>li .post-side-navigation-item[aria-expanded=true]{border-color:var(--post-side-navigation-item-enabled-stroke-inactive)}nav>ul>li:first-child .post-side-navigation-item{border-block-start:1px solid var(--post-side-navigation-item-enabled-stroke-active)}
|
|
@@ -18,7 +18,7 @@ declare class PostAccordionItem {
|
|
|
18
18
|
protected el: HTMLPostAccordionItemElement;
|
|
19
19
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
20
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<PostAccordionItem, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PostAccordionItem, "post-accordion-item", never, { "collapsed": { "alias": "collapsed"; "required": false; };
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PostAccordionItem, "post-accordion-item", never, { "collapsed": { "alias": "collapsed"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
22
22
|
}
|
|
23
23
|
declare interface PostAccordionItem extends Components.PostAccordionItem {
|
|
24
24
|
}
|
|
@@ -124,16 +124,11 @@ declare interface PostCollapsibleTrigger extends Components.PostCollapsibleTrigg
|
|
|
124
124
|
declare class PostDatePicker {
|
|
125
125
|
protected z: NgZone;
|
|
126
126
|
protected el: HTMLPostDatePickerElement;
|
|
127
|
-
postUpdateDates: EventEmitter<CustomEvent<string | string[]>>;
|
|
128
127
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
129
128
|
static ɵfac: i0.ɵɵFactoryDeclaration<PostDatePicker, never>;
|
|
130
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PostDatePicker, "post-date-picker", never, { "
|
|
129
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PostDatePicker, "post-date-picker", never, { "cellConfig": { "alias": "cellConfig"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "range": { "alias": "range"; "required": false; }; "textNextDecade": { "alias": "textNextDecade"; "required": true; }; "textNextMonth": { "alias": "textNextMonth"; "required": true; }; "textNextYear": { "alias": "textNextYear"; "required": true; }; "textPreviousDecade": { "alias": "textPreviousDecade"; "required": true; }; "textPreviousMonth": { "alias": "textPreviousMonth"; "required": true; }; "textPreviousYear": { "alias": "textPreviousYear"; "required": true; }; "textSwitchYear": { "alias": "textSwitchYear"; "required": true; }; "textToggleCalendar": { "alias": "textToggleCalendar"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
131
130
|
}
|
|
132
131
|
declare interface PostDatePicker extends Components.PostDatePicker {
|
|
133
|
-
/**
|
|
134
|
-
* An event emitted when a date or a range of dates have been selected.
|
|
135
|
-
*/
|
|
136
|
-
postUpdateDates: EventEmitter<CustomEvent<string | string[]>>;
|
|
137
132
|
}
|
|
138
133
|
declare class PostFooter {
|
|
139
134
|
protected z: NgZone;
|
|
@@ -227,26 +222,6 @@ declare interface PostListboxOption extends Components.PostListboxOption {
|
|
|
227
222
|
*/
|
|
228
223
|
postOptionSelected: EventEmitter<CustomEvent<string>>;
|
|
229
224
|
}
|
|
230
|
-
declare class PostLoginWidget {
|
|
231
|
-
protected z: NgZone;
|
|
232
|
-
protected el: HTMLPostLoginWidgetElement;
|
|
233
|
-
postChange: EventEmitter<CustomEvent<{
|
|
234
|
-
authenticated: boolean;
|
|
235
|
-
}>>;
|
|
236
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
237
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PostLoginWidget, never>;
|
|
238
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PostLoginWidget, "post-login-widget", never, { "textCurrentUser": { "alias": "textCurrentUser"; "required": true; }; "textUserMenu": { "alias": "textUserMenu"; "required": true; }; "textUserMenuTrigger": { "alias": "textUserMenuTrigger"; "required": true; }; }, { "postChange": "postChange"; }, never, ["*"], true, never>;
|
|
239
|
-
}
|
|
240
|
-
declare interface PostLoginWidget extends Components.PostLoginWidget {
|
|
241
|
-
/**
|
|
242
|
-
* Emitted when the authentication state changes.
|
|
243
|
-
The event payload is an object with an `authenticated` property:
|
|
244
|
-
`true` when the user is logged in, `false` when the user is not logged in or the API request failed.
|
|
245
|
-
*/
|
|
246
|
-
postChange: EventEmitter<CustomEvent<{
|
|
247
|
-
authenticated: boolean;
|
|
248
|
-
}>>;
|
|
249
|
-
}
|
|
250
225
|
declare class PostLogo {
|
|
251
226
|
protected z: NgZone;
|
|
252
227
|
protected el: HTMLPostLogoElement;
|
|
@@ -465,7 +440,7 @@ declare class PostSideNavigation {
|
|
|
465
440
|
postToggle: EventEmitter<CustomEvent<boolean>>;
|
|
466
441
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
467
442
|
static ɵfac: i0.ɵɵFactoryDeclaration<PostSideNavigation, never>;
|
|
468
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PostSideNavigation, "post-side-navigation", never, { "textClose": { "alias": "textClose"; "required": true; }; }, { "postToggle": "postToggle"; }, never, ["*"], true, never>;
|
|
443
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PostSideNavigation, "post-side-navigation", never, { "size": { "alias": "size"; "required": false; }; "textClose": { "alias": "textClose"; "required": true; }; }, { "postToggle": "postToggle"; }, never, ["*"], true, never>;
|
|
469
444
|
}
|
|
470
445
|
declare interface PostSideNavigation extends Components.PostSideNavigation {
|
|
471
446
|
/**
|
|
@@ -506,7 +481,7 @@ declare class PostTabItem {
|
|
|
506
481
|
protected el: HTMLPostTabItemElement;
|
|
507
482
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
508
483
|
static ɵfac: i0.ɵɵFactoryDeclaration<PostTabItem, never>;
|
|
509
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PostTabItem, "post-tab-item", never, { "name": { "alias": "name"; "required": true; }; }, {}, never, ["*"], true, never>;
|
|
484
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PostTabItem, "post-tab-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": true; }; }, {}, never, ["*"], true, never>;
|
|
510
485
|
}
|
|
511
486
|
declare interface PostTabItem extends Components.PostTabItem {
|
|
512
487
|
}
|
|
@@ -525,13 +500,13 @@ declare class PostTabs {
|
|
|
525
500
|
postChange: EventEmitter<CustomEvent<string>>;
|
|
526
501
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
527
502
|
static ɵfac: i0.ɵɵFactoryDeclaration<PostTabs, never>;
|
|
528
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PostTabs, "post-tabs", never, { "activeTab": { "alias": "activeTab"; "required": false; }; "
|
|
503
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PostTabs, "post-tabs", never, { "activeTab": { "alias": "activeTab"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "textNextTabItems": { "alias": "textNextTabItems"; "required": false; }; "textPrevTabItems": { "alias": "textPrevTabItems"; "required": false; }; }, { "postChange": "postChange"; }, never, ["*"], true, never>;
|
|
529
504
|
}
|
|
530
505
|
declare interface PostTabs extends Components.PostTabs {
|
|
531
506
|
/**
|
|
532
507
|
* An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.
|
|
533
508
|
The payload is the name of the newly active tab.
|
|
534
|
-
Only emitted in
|
|
509
|
+
Only emitted in Content Tabs variant.
|
|
535
510
|
*/
|
|
536
511
|
postChange: EventEmitter<CustomEvent<string>>;
|
|
537
512
|
}
|
|
@@ -563,6 +538,6 @@ declare class PostTooltipTrigger {
|
|
|
563
538
|
declare interface PostTooltipTrigger extends Components.PostTooltipTrigger {
|
|
564
539
|
}
|
|
565
540
|
|
|
566
|
-
declare const DIRECTIVES: (typeof PostAccordion | typeof PostAccordionItem | typeof PostAutocomplete | typeof PostAvatar | typeof PostBackToTop | typeof PostBanner | typeof PostBreadcrumbItem | typeof PostBreadcrumbs | typeof PostClosebutton | typeof PostCollapsible | typeof PostCollapsibleTrigger | typeof PostDatePicker | typeof PostFooter | typeof PostHeader | typeof PostIcon | typeof PostLanguageMenu | typeof PostLanguageMenuItem | typeof PostLinkarea | typeof PostListbox | typeof PostListboxOption | typeof
|
|
541
|
+
declare const DIRECTIVES: (typeof PostAccordion | typeof PostAccordionItem | typeof PostAutocomplete | typeof PostAvatar | typeof PostBackToTop | typeof PostBanner | typeof PostBreadcrumbItem | typeof PostBreadcrumbs | typeof PostClosebutton | typeof PostCollapsible | typeof PostCollapsibleTrigger | typeof PostDatePicker | typeof PostFooter | typeof PostHeader | typeof PostIcon | typeof PostLanguageMenu | typeof PostLanguageMenuItem | typeof PostLinkarea | typeof PostListbox | typeof PostListboxOption | typeof PostLogo | typeof PostMainnavigation | typeof PostMegadropdown | typeof PostMegadropdownTrigger | typeof PostMenu | typeof PostMenuItem | typeof PostMenuTrigger | typeof PostNumberInput | typeof PostPagination | typeof PostPopover | typeof PostPopoverTrigger | typeof PostPopovercontainer | typeof PostProgressbar | typeof PostRating | typeof PostSideNavigation | typeof PostSideNavigationTrigger | typeof PostStepper | typeof PostStepperItem | typeof PostTabItem | typeof PostTabPanel | typeof PostTabs | typeof PostTogglebutton | typeof PostTooltip | typeof PostTooltipTrigger)[];
|
|
567
542
|
|
|
568
|
-
export { DIRECTIVES, PostAccordion, PostAccordionItem, PostAutocomplete, PostAvatar, PostBackToTop, PostBanner, PostBreadcrumbItem, PostBreadcrumbs, PostClosebutton, PostCollapsible, PostCollapsibleTrigger, PostDatePicker, PostFooter, PostHeader, PostIcon, PostLanguageMenu, PostLanguageMenuItem, PostLinkarea, PostListbox, PostListboxOption,
|
|
543
|
+
export { DIRECTIVES, PostAccordion, PostAccordionItem, PostAutocomplete, PostAvatar, PostBackToTop, PostBanner, PostBreadcrumbItem, PostBreadcrumbs, PostClosebutton, PostCollapsible, PostCollapsibleTrigger, PostDatePicker, PostFooter, PostHeader, PostIcon, PostLanguageMenu, PostLanguageMenuItem, PostLinkarea, PostListbox, PostListboxOption, PostLogo, PostMainnavigation, PostMegadropdown, PostMegadropdownTrigger, PostMenu, PostMenuItem, PostMenuTrigger, PostNumberInput, PostPagination, PostPopover, PostPopoverTrigger, PostPopovercontainer, PostProgressbar, PostRating, PostSideNavigation, PostSideNavigationTrigger, PostStepper, PostStepperItem, PostTabItem, PostTabPanel, PostTabs, PostTogglebutton, PostTooltip, PostTooltipTrigger, providePostComponents };
|