@umbraco-ui/uui 0.1.0 → 0.1.1
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/custom-elements.json +2 -2
- package/dist/uui.min.js +1 -1
- package/dist/uui.min.js.map +1 -1
- package/package.json +66 -65
package/custom-elements.json
CHANGED
|
@@ -198,11 +198,11 @@
|
|
|
198
198
|
"slots": [
|
|
199
199
|
{
|
|
200
200
|
"name": "headline",
|
|
201
|
-
"description": "headline area"
|
|
201
|
+
"description": "headline area, this area is placed within the headline tag which is located inside the header. Use this to ensure the right headline styling."
|
|
202
202
|
},
|
|
203
203
|
{
|
|
204
204
|
"name": "header",
|
|
205
|
-
"description": "headline
|
|
205
|
+
"description": "header area, use this for things that is not the headline but located in the header."
|
|
206
206
|
},
|
|
207
207
|
{
|
|
208
208
|
"name": "default",
|
package/dist/uui.min.js
CHANGED
|
@@ -204,7 +204,7 @@
|
|
|
204
204
|
margin-top: var(--uui-size-layout-1,24px);
|
|
205
205
|
margin-bottom: var(--uui-size-layout-1,24px);
|
|
206
206
|
}
|
|
207
|
-
`;const cr=Le(xs);var ws=Object.defineProperty,$s=Object.getOwnPropertyDescriptor,pt=(t,e,i,o)=>{for(var r=o>1?void 0:o?$s(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ws(e,i,r),r};let we=class extends v{constructor(){super(...arguments);this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._headerSlotHasContent=!1,this._headerSlotChanged=t=>{this._headerSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}renderHeader(){return l`<div id="header" class="uui-text" style="${this._headerSlotHasContent||this._headlineSlotHasContent||this.headline!==null?"":"display: none"}"><h5 id="headline" style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h5><slot name="header" @slotchange="${this._headerSlotChanged}"></slot></div>`}render(){return l`${this.renderHeader()}<slot></slot>`}};we.styles=[cr,c`:host{display:block;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);background-color:var(--uui-interface-surface,#fefefe)
|
|
207
|
+
`;const cr=Le(xs);var ws=Object.defineProperty,$s=Object.getOwnPropertyDescriptor,pt=(t,e,i,o)=>{for(var r=o>1?void 0:o?$s(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ws(e,i,r),r};let we=class extends v{constructor(){super(...arguments);this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._headerSlotHasContent=!1,this._headerSlotChanged=t=>{this._headerSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}renderHeader(){return l`<div id="header" class="uui-text" style="${this._headerSlotHasContent||this._headlineSlotHasContent||this.headline!==null?"":"display: none"}"><h5 id="headline" style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h5><slot name="header" @slotchange="${this._headerSlotChanged}"></slot></div>`}render(){return l`${this.renderHeader()}<slot></slot>`}};we.styles=[cr,c`:host{display:block;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);background-color:var(--uui-interface-surface,#fefefe)}#header{display:block;border-bottom:1px solid var(--uui-interface-border,#c4c4c4);padding:var(--uui-size-space-4,12px) var(--uui-size-space-5,18px)}slot:not([name]){display:block;padding:var(--uui-box-default-padding,var(--uui-size-space-5,18px))}`],pt([a({type:String})],we.prototype,"headline",2),pt([w()],we.prototype,"_headlineSlotHasContent",2),pt([w()],we.prototype,"_headerSlotHasContent",2),we=pt([u("uui-box")],we);var ks=Object.defineProperty,Cs=Object.getOwnPropertyDescriptor,dr=(t,e,i,o)=>{for(var r=o>1?void 0:o?Cs(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ks(e,i,r),r};let $e=class extends v{constructor(){super(...arguments);this.href="#",this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}renderLinkAndSeparator(){return l`<a id="link" href="${this.href}"><slot></slot></a><span part="separator"></span>`}renderCurrent(){return l`<span id="last-item"><slot></slot></span>`}render(){return l`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}};$e.styles=[c`:host{font-size:var(--uui-type-small-size,12px);color:currentColor}a,a:visited{color:currentColor}a:hover{color:var(--uui-interface-contrast-hover,#1b264f)}a:focus{color:var(--uui-interface-contrast-focus,#060606)}[part=separator]::after{content:'/';speak:never;position:relative;top:1px;margin:-3px 1px 0;color:var(--uui-interface-border,#c4c4c4)}#last-item,#link{padding:0 4px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#link{cursor:pointer}`],dr([a()],$e.prototype,"href",2),dr([a({type:Boolean,attribute:"last-item"})],$e.prototype,"lastItem",2),$e=dr([u("uui-breadcrumb-item")],$e);var Ps=Object.defineProperty,Es=Object.getOwnPropertyDescriptor,Bi=(t,e,i,o)=>{for(var r=o>1?void 0:o?Es(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ps(e,i,r),r};let vt=class extends v{elementIsBreadcrumbItem(t){return t instanceof $e}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}handleSlotChange(){if(this.slotNodes.length>0){const t=this.slotNodes[this.slotNodes.length-1];t.setAttribute("aria-current","page"),this.elementIsBreadcrumbItem(t)&&(t.lastItem=!0)}}render(){return l`<ol id="breadcrumbs-list"><slot @slotchange="${this.handleSlotChange}"></slot></ol>`}};vt.styles=[c`:host{display:flex}#breadcrumbs-list{display:flex;list-style-type:decimal;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}`],Bi([at({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],vt.prototype,"slotNodes",2),vt=Bi([u("uui-breadcrumbs")],vt);const Os=c`@keyframes uui-blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}`,zs=Le("uui-blink 0.9s infinite both"),Ss=c`@keyframes pulse{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(2.2);transform:translate(-50%,-50%) scale(2.2);opacity:0}}`;Le("pulse 0.8s ease-in-out infinite both");const bt=c`@keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}`,ft=Le("uui-horizontal-shake 600ms ease backwards");/**
|
|
208
208
|
* @license
|
|
209
209
|
* Copyright 2017 Google LLC
|
|
210
210
|
* SPDX-License-Identifier: BSD-3-Clause
|