-
Notifications
You must be signed in to change notification settings - Fork 0
/
chunk-4INMLNML.js
178 lines (173 loc) · 60.9 KB
/
chunk-4INMLNML.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
import{$ as E,$a as D,Ga as e,Ia as f,Od as q,Pa as h,T as p,U as g,Wb as P,Xd as u,Yb as C,Yd as x,Zb as b,_ as l,ha as d,ie as A,ka as v,na as t,oa as i,pa as n,re as S,se as T,ua as y,y as c}from"./chunk-V5DQALWN.js";var k=(()=>{class a{serviceApi="https://po-sample-api.onrender.com/v1/people";actions={back:"/documentation/po-page-dynamic-table"};breadcrumb={items:[{label:"Home",link:"/"},{label:"People",link:"/documentation/po-page-dynamic-table"},{label:"Detail"}]};fields=[{property:"status",tag:!0,divider:"Status"},{property:"id",label:"User ID",key:!0},{property:"name",divider:"Personal data"},{property:"nickname"},{property:"email",label:"E-mail"},{property:"birthdate",label:"Birth date",type:"date"},{property:"genre",gridLgColumns:6},{property:"nationality"},{property:"birthPlace",label:"Place of birth"},{property:"graduation"},{property:"father",label:"Father`s name",divider:"Relationship"},{property:"mother",label:"Mother`s name"},{property:"street",divider:"Address"},{property:"city"},{property:"country"}];static \u0275fac=function(o){return new(o||a)};static \u0275cmp=l({type:a,selectors:[["sample-po-page-dynamic-detail-user"]],standalone:!1,decls:1,vars:5,consts:[["p-title","Detail",3,"p-auto-router","p-actions","p-breadcrumb","p-fields","p-service-api"]],template:function(o,r){o&1&&n(0,"po-page-dynamic-detail",0),o&2&&d("p-auto-router",!0)("p-actions",r.actions)("p-breadcrumb",r.breadcrumb)("p-fields",r.fields)("p-service-api",r.serviceApi)},dependencies:[A],encapsulation:2})}return a})();var I=a=>({"docs-sample-code-tabs":a}),F=(()=>{class a{hideSampleCodeTabs=!0;sampleCodeButtonLabel="Talk is cheap, show me the code!";sampleCodeButtonIcon="ph ph-plus";toggleSampleCodeTabs(){this.hideSampleCodeTabs=!this.hideSampleCodeTabs,this.sampleCodeButtonLabel=this.hideSampleCodeTabs?"Talk is cheap, show me the code!":"Okay, hide the code",this.sampleCodeButtonIcon=this.hideSampleCodeTabs?"ph ph-plus":"ph ph-minus"}static \u0275fac=function(o){return new(o||a)};static \u0275cmp=l({type:a,selectors:[["sample-po-page-dynamic-detail-user-view"]],standalone:!1,decls:24,vars:6,consts:[[1,"sample-blockquote"],[1,"sample-title","po-font-text-large-bold"],[1,"show-me-the-code",3,"click"],[3,"ngClass"],["p-size","2"],["p-label","HTML","p-active",""],[1,"doc-label-path"],["appCodeHighlight","",1,"html"],["p-label","TS"],["appCodeHighlight","",1,"typescript"],[1,"docs-sample-container"]],template:function(o,r){o&1&&(n(0,"br"),t(1,"blockquote",0)(2,"label",1),e(3,"PO Page Dynamic Detail User"),i(),t(4,"a",2),y("click",function(){return r.toggleSampleCodeTabs()}),n(5,"span"),e(6),i()(),t(7,"div",3)(8,"po-tabs",4)(9,"po-tab",5)(10,"div")(11,"label",6),e(12,"sample-po-page-dynamic-detail-user/sample-po-page-dynamic-detail-user.component.html"),i(),t(13,"pre",7),e(14,`<po-page-dynamic-detail
[p-auto-router]="true"
p-title="Detail"
[p-actions]="actions"
[p-breadcrumb]="breadcrumb"
[p-fields]="fields"
[p-service-api]="serviceApi"
>
</po-page-dynamic-detail>
`),i()()(),t(15,"po-tab",8)(16,"div")(17,"label",6),e(18,"sample-po-page-dynamic-detail-user/sample-po-page-dynamic-detail-user.component.ts"),i(),t(19,"pre",9),e(20,`import { Component } from '@angular/core';
import { PoBreadcrumb } from '@po-ui/ng-components';
import { PoPageDynamicDetailActions, PoPageDynamicDetailField } from '@po-ui/ng-templates';
@Component({
selector: 'sample-po-page-dynamic-detail-user',
templateUrl: './sample-po-page-dynamic-detail-user.component.html',
standalone: false
})
export class SamplePoPageDynamicDetailUserComponent {
public readonly serviceApi = 'https://po-sample-api.onrender.com/v1/people';
public readonly actions: PoPageDynamicDetailActions = {
back: '/documentation/po-page-dynamic-table'
};
public readonly breadcrumb: PoBreadcrumb = {
items: [
{ label: 'Home', link: '/' },
{ label: 'People', link: '/documentation/po-page-dynamic-table' },
{ label: 'Detail' }
]
};
public readonly fields: Array<PoPageDynamicDetailField> = [
{ property: 'status', tag: true, divider: 'Status' },
{ property: 'id', label: 'User ID', key: true },
{ property: 'name', divider: 'Personal data' },
{ property: 'nickname' },
{ property: 'email', label: 'E-mail' },
{ property: 'birthdate', label: 'Birth date', type: 'date' },
{ property: 'genre', gridLgColumns: 6 },
{ property: 'nationality' },
{ property: 'birthPlace', label: 'Place of birth' },
{ property: 'graduation' },
{ property: 'father', label: 'Father\`s name', divider: 'Relationship' },
{ property: 'mother', label: 'Mother\`s name' },
{ property: 'street', divider: 'Address' },
{ property: 'city' },
{ property: 'country' }
];
}
`),i()()()()(),t(21,"div",10),n(22,"sample-po-page-dynamic-detail-user"),i(),n(23,"hr")),o&2&&(p(5),v("po-icon "+r.sampleCodeButtonIcon),p(),f(" ",r.sampleCodeButtonLabel,""),p(),d("ngClass",h(4,I,r.hideSampleCodeTabs)))},dependencies:[D,S,u,x,k],encapsulation:2})}return a})();var O=(()=>{class a{static \u0275fac=function(o){return new(o||a)};static \u0275cmp=l({type:a,selectors:[["sample-po-page-dynamic-detail-doc"]],standalone:!1,decls:2082,vars:0,consts:[[1,"docs-api"],[1,"docs-api-module-import"],[1,"docs-api-class-description"],[1,"docs-api-h3"],[1,"docs-api-class-name"],[1,"doc-code"],["id","utiliza\xE7\xE3o-via-rota"],["href","/documentation/po-page-dynamic-detail#po-page-dynamic-detail-metadata"],[1,"docs-api-directive-selectors"],[1,"docs-api-class-selector-label"],["appCodeHighlight",""],[1,"docs-api-h5","docs-api-method-header"],[1,"docs-api-properties-table"],[1,"docs-api-properties-header-row"],[1,"docs-api-properties-th"],[1,"docs-api-properties-row"],[1,"docs-api-properties-name-cell"],[1,"docs-api-input-marker"],[1,"docs-api-input-alias"],[1,"docs-api-properties-type-cell"],["pan","",1,"docs-api-property-type","PoPageDynamicDetailActions"],[1,"docs-api-property-default"],[1,"docs-api-property-description"],["pan","",1,"docs-api-property-type","boolean"],["pan","",1,"docs-api-property-type","PoBreadcrumb"],["pan","",1,"docs-api-property-type","Array<PoPageDynamicDetailField>"],["pan","",1,"docs-api-property-type","string"],["pan","",1,"docs-api-property-type","(()","=>","PoPageDynamicDetailOptions)"],[1,"docs-api-h4","docs-api-class-name"],["pan","",1,"docs-api-property-type","Function"],["pan","",1,"docs-api-property-type","(()","=>","PoPageDynamicDetailBeforeBack)"],["href","https://po-ui.io/guides/api#successMessages"],["pan","",1,"docs-api-property-type","((id:","any,","resource:","any)","=>","PoPageDynamicDetailBeforeEdit)"],["pan","",1,"docs-api-property-type","((id:","any,","resource:","any)","=>","PoPageDynamicDetailBeforeRemove)"],["pan","",1,"docs-api-property-type","((id:","any,","resource:","any)","=>","void)"],[1,"dot","po-color-01"],[1,"dot","po-color-02"],[1,"dot","po-color-03"],[1,"dot","po-color-04"],[1,"dot","po-color-05"],[1,"dot","po-color-06"],[1,"dot","po-color-07"],[1,"dot","po-color-08"],[1,"dot","po-color-09"],[1,"dot","po-color-10"],[1,"dot","po-color-11"],[1,"dot","po-color-12"],["pan","",1,"docs-api-property-type","Array<string>"],["href","https://angular.io/api/common/CurrencyPipe"],["href","https://angular.io/api/common/DatePipe"],["href","https://angular.io/api/common/DecimalPipe"],["pan","",1,"docs-api-property-type","number"],["href","https://po-ui.io/icons"],["pan","",1,"docs-api-property-type","Array<{","label:","string;","value:","string"],["pan","",1,"docs-api-property-type","number;","}>"],["pan","",1,"docs-api-property-type","PoComboFilter"],["pan","",1,"docs-api-property-type","PoMultiselectFilter"],["href","https://po-ui.io/guides/api"],["pan","",1,"docs-api-property-type","any"],["pan","",1,"docs-api-property-type","PoDynamicViewRequest"],["pan","",1,"docs-api-property-type","PoDynamicFieldType"],["id","po-page-dynamic-detail-metadata"]],template:function(o,r){o&1&&(t(0,"div",0)(1,"p",1)(2,"code"),e(3,"import { PoPageDynamicDetailModule } from '@po-ui/ng-templates';"),i()(),t(4,"div",2)(5,"p"),e(6,"M\xF3dulo do template do po-page-dynamic-detail."),i()(),t(7,"h3",3),e(8,"Componente"),i(),t(9,"h4",4)(10,"code",5),e(11,"PoPageDynamicDetailComponent"),i()(),t(12,"div",2)(13,"p"),e(14,"O "),t(15,"code"),e(16,"po-page-dynamic-detail"),i(),e(17,` \xE9 uma p\xE1gina que serve para exibir registros em detalhes,
o mesmo tamb\xE9m suporta metadados conforme especificado na documenta\xE7\xE3o.`),i(),t(18,"h3",6),e(19,"Utiliza\xE7\xE3o via rota"),i(),t(20,"p"),e(21,"Ao utilizar as rotas para inicializar o template, o "),t(22,"code"),e(23,"page-dynamic-detail"),i(),e(24,` disponibiliza propriedades que devem ser fornecidas no arquivo de configura\xE7\xE3o de rotas da aplica\xE7\xE3o, para
poder especificar o endpoint dos dados e dos metadados que ser\xE3o carregados na inicializa\xE7\xE3o.`),i(),t(25,"p"),e(26,"Exemplo de utiliza\xE7\xE3o:"),i(),t(27,"p"),e(28,"Arquivo de configura\xE7\xE3o de rotas da aplica\xE7\xE3o: "),t(29,"code"),e(30,"app-routing.module.ts"),i()(),t(31,"pre")(32,"code"),e(33,`const routes: Routes = [
{
path: 'people/:id',
component: PoPageDynamicDetailComponent,
data: {
serviceApi: 'http://localhost:3000/v1/people', // endpoint dos dados
serviceMetadataApi: 'http://localhost:3000/v1/metadata', // endpoint dos metadados utilizando o m\xE9todo HTTP Get
serviceLoadApi: 'http://localhost:3000/load-metadata' // endpoint de customiza\xE7\xF5es dos metadados utilizando o m\xE9todo HTTP Post
}
},
{
path: 'home',
component: HomeExampleComponent
}
];`),i()(),t(34,"p"),e(35,`O componente primeiro ir\xE1 carregar o metadado da rota definida na propriedade serviceMetadataApi
e depois ir\xE1 buscar da rota definida na propriedade serviceLoadApi.`),i(),t(36,"p"),e(37,`A requisi\xE7\xE3o dos metadados \xE9 feita na inicializa\xE7\xE3o do template para buscar os metadados da p\xE1gina passando o
tipo do metadado esperado e a vers\xE3o cacheada pelo browser.`),i(),t(38,"blockquote")(39,"p"),e(40,`Caso o servidor retornar um erro ao recuperar os metadados, ser\xE3o repassados os metadados salvos em cache,
se o cache n\xE3o existir ser\xE1 disparada uma notifica\xE7\xE3o.`),i()(),t(41,"p"),e(42,`O formato esperado na resposta da requisi\xE7\xE3o est\xE1 especificado na interface
`),t(43,"a",7),e(44,"PoPageDynamicDetailMetadata"),i(),e(45,". Por exemplo:"),i(),t(46,"pre")(47,"code"),e(48,` {
version: 1,
title: 'Person Detail',
fields: [
{ property: 'id', key: true, disabled: true },
{ property: 'status' },
{ property: 'name' },
{ property: 'nickname' },
{ property: 'birthdate', label: 'Birth date' },
{ property: 'genre' },
{ property: 'city' },
{ property: 'country' }
]
}`),i()(),t(49,"blockquote")(50,"p"),e(51,"Caso o endpoint dos metadados n\xE3o seja especificado, ser\xE1 feito uma requisi\xE7\xE3o utilizando o "),t(52,"code"),e(53,"serviceApi"),i(),e(54," da seguinte forma:"),i()(),t(55,"pre")(56,"code"),e(57,"GET {end-point}/metadata?type=detail&version={version}"),i()()(),t(58,"div",8)(59,"h4",9),e(60,"Seletor"),i(),t(61,"pre",10),e(62,`<po-page-dynamic-detail
p-actions="PoPageDynamicDetailActions"
p-auto-router="boolean"
p-breadcrumb="PoBreadcrumb"
p-fields="Array<PoPageDynamicDetailField>"
p-load="string | (() => PoPageDynamicDetailOptions)"
p-service-api="string"
p-title="string" >
</po-page-dynamic-detail>
`),i()(),t(63,"h4",11),e(64,"Propriedades"),i(),t(65,"table",12)(66,"tr",13)(67,"th",14),e(68,"Nome"),i(),t(69,"th",14),e(70,"Tipo"),i(),t(71,"th",14),e(72,"Padr\xE3o"),i(),t(73,"th",14),e(74,"Descri\xE7\xE3o"),i()(),t(75,"tr",15)(76,"td",16)(77,"div",17)(78,"span",18),e(79," p-actions"),n(80,"br"),i()()(),t(81,"td",19)(82,"code",20),e(83,"PoPageDynamicDetailActions"),i()(),t(84,"td",21),e(85,"-"),i(),t(86,"td",22)(87,"em")(88,"strong"),e(89,"(opcional)"),i()(),t(90,"p"),e(91,"Define as a\xE7\xF5es da p\xE1gina de acordo com a interface "),t(92,"code"),e(93,"PoPageDynamicDetailActions"),i(),e(94,"."),i()()(),t(95,"tr",15)(96,"td",16)(97,"div",17)(98,"span",18),e(99," p-auto-router"),n(100,"br"),i()()(),t(101,"td",19)(102,"code",23),e(103,"boolean"),i()(),t(104,"td",21)(105,"p"),e(106,"false"),i()(),t(107,"td",22)(108,"em")(109,"strong"),e(110,"(opcional)"),i()(),t(111,"p"),e(112,`Cria automaticamente as rotas de edi\xE7\xE3o (novo/duplicate) e detalhes caso as a\xE7\xF5es
estejam definidas nas a\xE7\xF5es.`),i(),t(113,"blockquote")(114,"p"),e(115,"Para o correto funcionamento n\xE3o pode haver nenhum rota coringa ("),t(116,"code"),e(117,"**"),i(),e(118,") especificada."),i()()()(),t(119,"tr",15)(120,"td",16)(121,"div",17)(122,"span",18),e(123," p-breadcrumb"),n(124,"br"),i()()(),t(125,"td",19)(126,"code",24),e(127,"PoBreadcrumb"),i()(),t(128,"td",21),e(129,"-"),i(),t(130,"td",22)(131,"em")(132,"strong"),e(133,"(opcional)"),i()(),t(134,"p"),e(135,"Objeto com propriedades do breadcrumb."),i()()(),t(136,"tr",15)(137,"td",16)(138,"div",17)(139,"span",18),e(140," p-fields"),n(141,"br"),i()()(),t(142,"td",19)(143,"code",25),e(144,"Array<PoPageDynamicDetailField>"),i()(),t(145,"td",21),e(146,"-"),i(),t(147,"td",22)(148,"p"),e(149,"Lista dos campos exibidos na p\xE1gina."),i()()(),t(150,"tr",15)(151,"td",16)(152,"div",17)(153,"span",18),e(154," p-load"),n(155,"br"),i()()(),t(156,"td",19)(157,"code",26),e(158,"string "),i(),t(159,"code",27),e(160," (() => PoPageDynamicDetailOptions)"),i()(),t(161,"td",21),e(162,"-"),i(),t(163,"td",22)(164,"p"),e(165,"Fun\xE7\xE3o ou servi\xE7o que ser\xE1 executado na inicializa\xE7\xE3o do componente."),i(),t(166,"p"),e(167,"A propriedade aceita os seguintes tipos:"),i(),t(168,"ul")(169,"li")(170,"code"),e(171,"string"),i(),e(172,": "),t(173,"em"),e(174,"Endpoint"),i(),e(175," usado pelo componente para requisi\xE7\xE3o via "),t(176,"code"),e(177,"POST"),i(),e(178,"."),i(),t(179,"li")(180,"code"),e(181,"function"),i(),e(182,": M\xE9todo que ser\xE1 executado."),i()(),t(183,"p"),e(184,"O retorno desta fun\xE7\xE3o deve ser do tipo "),t(185,"code"),e(186,"PoPageDynamicDetailOptions"),i(),e(187,`,
onde o usu\xE1rio poder\xE1 customizar novos campos, breadcrumb, title e actions`),i(),t(188,"p"),e(189,"Por exemplo:"),i(),t(190,"pre")(191,"code"),e(192,`getPageOptions(): PoPageDynamicDetailOptions {
return {
actions:
{ new: 'new', edit: 'edit/:id', remove: true },
fields: [
{ property: 'idCard', gridColumns: 6 }
]
};
}`),i()(),t(193,"p"),e(194,"Para referenciar a sua fun\xE7\xE3o utilize a propriedade "),t(195,"code"),e(196,"bind"),i(),e(197,", por exemplo:"),i(),t(198,"pre")(199,"code"),e(200,'[p-load]="onLoadOptions.bind(this)"'),i()()()(),t(201,"tr",15)(202,"td",16)(203,"div",17)(204,"span",18),e(205," p-service-api"),n(206,"br"),i()()(),t(207,"td",19)(208,"code",26),e(209,"string"),i()(),t(210,"td",21),e(211,"-"),i(),t(212,"td",22)(213,"p"),e(214,"Endpoint usado pelo template para requisi\xE7\xE3o do recurso que ser\xE3o exibido."),i(),t(215,"p"),e(216,"Caso a a\xE7\xE3o "),t(217,"code"),e(218,"remove"),i(),e(219,` estiver configurada, ser\xE1 feito uma requisi\xE7\xE3o de exclus\xE3o nesse mesmo endpoint passando os campos
setados como `),t(220,"code"),e(221,"key: true"),i(),e(222,"."),i(),t(223,"blockquote")(224,"p")(225,"code"),e(226,"DELETE {end-point}/{keys}"),i()()(),t(227,"pre")(228,"code"),e(229,`<po-page-dynamic-detail
[p-actions]="{ remove: '/' }"
[p-fields]="[ { property: 'id', key: true } ]"
p-service="/api/po-samples/v1/people"
...>
</po-page-dynamic-detail>`),i()(),t(230,"p"),e(231,"Resquisi\xE7\xE3o disparada, onde a propriedade "),t(232,"code"),e(233,"id"),i(),e(234," \xE9 igual a 2:"),i(),t(235,"pre")(236,"code"),e(237,`DELETE /api/po-samples/v1/people/2 HTTP/1.1
Host: localhost:4000
Connection: keep-alive
Accept: application/json, text/plain
...`),i()(),t(238,"blockquote")(239,"p"),e(240,`Caso esteja usando metadados com o template, ser\xE1 disparado uma requisi\xE7\xE3o na inicializa\xE7\xE3o do template para buscar
os metadados da p\xE1gina passando o tipo do metadado esperado e a vers\xE3o cacheada pelo browser.`),i(),t(241,"p")(242,"code"),e(243,"GET {end-point}/metadata?type=detail&version={version}"),i()()()()(),t(244,"tr",15)(245,"td",16)(246,"div",17)(247,"span",18),e(248," p-title"),n(249,"br"),i()()(),t(250,"td",19)(251,"code",26),e(252,"string"),i()(),t(253,"td",21),e(254,"-"),i(),t(255,"td",22)(256,"p"),e(257,"T\xEDtulo da p\xE1gina."),i()()()(),t(258,"h3"),e(259,"Interfaces"),i(),t(260,"h4",28)(261,"code",5),e(262,"PoPageDynamicDetailActions"),i()(),t(263,"div",2)(264,"p"),e(265,"Interface para as a\xE7\xF5es do componente po-page-dynamic-detail."),i()(),t(266,"h4",11),e(267,"Propriedades"),i(),t(268,"table",12)(269,"tr",13)(270,"th",14),e(271,"Nome"),i(),t(272,"th",14),e(273,"Tipo"),i(),t(274,"th",14),e(275,"Descri\xE7\xE3o"),i()(),t(276,"tr",15)(277,"td",16)(278,"div",17)(279,"span",18),e(280," back"),n(281,"br"),i()()(),t(282,"td",19)(283,"code",26),e(284,"string "),i(),t(285,"code",23),e(286," boolean "),i(),t(287,"code",29),e(288," Function"),i()(),t(289,"td",22)(290,"em")(291,"strong"),e(292,"(opcional)"),i()(),t(293,"p"),e(294,"Rota de redirecionamento para a\xE7\xE3o de voltar, caso n\xE3o seja especificada ser\xE1 usado o comando "),t(295,"code"),e(296,"history.back()"),i(),e(297,"."),i(),t(298,"blockquote")(299,"p"),e(300,"Se passada uma fun\xE7\xE3o, \xE9 responsabilidade do desenvolvedor implementar a navega\xE7\xE3o ou outro comportamento desejado."),i()(),t(301,"blockquote")(302,"p"),e(303,"Caso queira esconder a a\xE7\xE3o deve ser passado o valor "),t(304,"code"),e(305,"false"),i(),e(306,";"),i()(),t(307,"pre")(308,"code"),e(309,`actions = {
back: '/'
};`),i()()()(),t(310,"tr",15)(311,"td",16)(312,"div",17)(313,"span",18),e(314," beforeBack"),n(315,"br"),i()()(),t(316,"td",19)(317,"code",26),e(318,"string "),i(),t(319,"code",30),e(320," (() => PoPageDynamicDetailBeforeBack)"),i()(),t(321,"td",22)(322,"em")(323,"strong"),e(324,"(opcional)"),i()(),t(325,"p"),e(326,"A\xE7\xE3o que \xE9 executada antes da a\xE7\xE3o "),t(327,"code"),e(328,"back"),i(),e(329," e que serve para realiza\xE7\xE3o de valida\xE7\xF5es pr\xE9vias."),i(),t(330,"p"),e(331,"Tanto o m\xE9todo como a API devem retornar um objeto com a defini\xE7\xE3o de "),t(332,"code"),e(333,"PoPageDynamicDetailBeforeBack"),i(),e(334,"."),i(),t(335,"blockquote")(336,"p"),e(337,"A url ser\xE1 chamada via POST"),i()(),t(338,"p"),e(339,"Caso o desenvolvedor queira que apare\xE7a alguma mensagem nessa a\xE7\xE3o ele pode cri\xE1-la na fun\xE7\xE3o chamada pela "),t(340,"strong"),e(341,"beforeBack"),i(),e(342,`
ou definir a mensagem no atributo `),t(343,"code"),e(344,"_messages"),i(),e(345,` na resposta da API conforme definido
em `),t(346,"a",31),e(347,"Guia de implementa\xE7\xE3o de APIs"),i()()()(),t(348,"tr",15)(349,"td",16)(350,"div",17)(351,"span",18),e(352," beforeEdit"),n(353,"br"),i()()(),t(354,"td",19)(355,"code",26),e(356,"string "),i(),t(357,"code",32),e(358," ((id: any, resource: any) => PoPageDynamicDetailBeforeEdit)"),i()(),t(359,"td",22)(360,"em")(361,"strong"),e(362,"(opcional)"),i()(),t(363,"p"),e(364,"Rota ou m\xE9todo que ser\xE1 chamado antes de editar um recurso (edit)."),i(),t(365,"p"),e(366,"Tanto o m\xE9todo como a API devem retornar um objeto com a defini\xE7\xE3o de "),t(367,"code"),e(368,"PoPageDynamicDetailBeforeEdit"),i(),e(369,"."),i(),t(370,"blockquote")(371,"p"),e(372,"A url ser\xE1 chamada via POST"),i()(),t(373,"p"),e(374,"Caso o desenvolvedor queira que apare\xE7a alguma mensagem nessa a\xE7\xE3o ele pode cri\xE1-la na fun\xE7\xE3o chamada pela "),t(375,"strong"),e(376,"beforeEdit"),i(),e(377,`
ou definir a mensagem no atributo `),t(378,"code"),e(379,"_messages"),i(),e(380,` na resposta da API conforme definido
em `),t(381,"a",31),e(382,"Guia de implementa\xE7\xE3o de APIs"),i()()()(),t(383,"tr",15)(384,"td",16)(385,"div",17)(386,"span",18),e(387," beforeRemove"),n(388,"br"),i()()(),t(389,"td",19)(390,"code",26),e(391,"string "),i(),t(392,"code",33),e(393," ((id: any, resource: any) => PoPageDynamicDetailBeforeRemove)"),i()(),t(394,"td",22)(395,"em")(396,"strong"),e(397,"(opcional)"),i()(),t(398,"p"),e(399,"Rota ou m\xE9todo que ser\xE1 chamado antes de excluir um recurso (remove)."),i(),t(400,"p"),e(401,"Tanto o m\xE9todo como a API devem retornar um objeto com a defini\xE7\xE3o de "),t(402,"code"),e(403,"PoPageDynamicDetailBeforeRemove"),i(),e(404,"."),i(),t(405,"blockquote")(406,"p"),e(407,"A url ser\xE1 chamada via POST"),i()(),t(408,"p"),e(409,"Caso o desenvolvedor queira que apare\xE7a alguma mensagem nessa a\xE7\xE3o ele pode cri\xE1-la na fun\xE7\xE3o chamada pela "),t(410,"strong"),e(411,"beforeRemove"),i(),e(412,`
ou definir a mensagem no atributo `),t(413,"code"),e(414,"_messages"),i(),e(415,` na resposta da API conforme definido
em `),t(416,"a",31),e(417,"Guia de implementa\xE7\xE3o de APIs"),i()()()(),t(418,"tr",15)(419,"td",16)(420,"div",17)(421,"span",18),e(422," edit"),n(423,"br"),i()()(),t(424,"td",19)(425,"code",26),e(426,"string "),i(),t(427,"code",34),e(428," ((id: any, resource: any) => void)"),i()(),t(429,"td",22)(430,"em")(431,"strong"),e(432,"(opcional)"),i()(),t(433,"p"),e(434,"Rota para edi\xE7\xE3o do recurso, caso seja preenchida ir\xE1 habilitar a a\xE7\xE3o de edi\xE7\xE3o na tabela."),i(),t(435,"blockquote")(436,"p"),e(437,"A rota deve conter um par\xE2metro chamando id."),i()(),t(438,"pre")(439,"code"),e(440,`actions = {
edit: 'edit/:id'
};`),i()(),t(441,"blockquote")(442,"p"),e(443,"Se passada uma fun\xE7\xE3o, \xE9 responsabilidade do desenvolvedor implementar a navega\xE7\xE3o, edi\xE7\xE3o ou outro comportamento desejado."),i()()()(),t(444,"tr",15)(445,"td",16)(446,"div",17)(447,"span",18),e(448," remove"),n(449,"br"),i()()(),t(450,"td",19)(451,"code",26),e(452,"string "),i(),t(453,"code",34),e(454," ((id: any, resource: any) => void)"),i()(),t(455,"td",22)(456,"em")(457,"strong"),e(458,"(opcional)"),i()(),t(459,"p"),e(460,"Rota de redirecionamento que ser\xE1 executada ap\xF3s a confirma\xE7\xE3o da exclus\xE3o do registro."),i(),t(461,"blockquote")(462,"p"),e(463,"Se passada uma fun\xE7\xE3o, \xE9 responsabilidade do desenvolvedor implementar a navega\xE7\xE3o ou outro comportamento desejado."),i()()()()(),t(464,"h4",28)(465,"code",5),e(466,"PoPageDynamicDetailBeforeBack"),i()(),t(467,"div",2)(468,"p"),e(469,`Defini\xE7\xE3o da estrutura de retorno da url ou m\xE9todo executado atrav\xE9s da
propriedade `),t(470,"code"),e(471,"beforeBack"),i(),e(472,"."),i()(),t(473,"h4",11),e(474,"Propriedades"),i(),t(475,"table",12)(476,"tr",13)(477,"th",14),e(478,"Nome"),i(),t(479,"th",14),e(480,"Tipo"),i(),t(481,"th",14),e(482,"Descri\xE7\xE3o"),i()(),t(483,"tr",15)(484,"td",16)(485,"div",17)(486,"span",18),e(487," allowAction"),n(488,"br"),i()()(),t(489,"td",19)(490,"code",23),e(491,"boolean"),i()(),t(492,"td",22)(493,"em")(494,"strong"),e(495,"(opcional)"),i()(),t(496,"p"),e(497,"Define se deve ou n\xE3o executar a a\xE7\xE3o de retorno ("),t(498,"em"),e(499,"back"),i(),e(500,")"),i()()(),t(501,"tr",15)(502,"td",16)(503,"div",17)(504,"span",18),e(505," newUrl"),n(506,"br"),i()()(),t(507,"td",19)(508,"code",26),e(509,"string"),i()(),t(510,"td",22)(511,"em")(512,"strong"),e(513,"(opcional)"),i()(),t(514,"p"),e(515,"Nova rota para retorno que substituir\xE1 a definida anteriormente em "),t(516,"code"),e(517,"back"),i(),e(518,"."),i()()()(),t(519,"h4",28)(520,"code",5),e(521,"PoPageDynamicDetailBeforeEdit"),i()(),t(522,"div",2)(523,"p"),e(524,`Defini\xE7\xE3o da estrutura de retorno da url ou m\xE9todo executado atrav\xE9s da
propriedade `),t(525,"code"),e(526,"beforeEdit"),i(),e(527,"."),i()(),t(528,"h4",11),e(529,"Propriedades"),i(),t(530,"table",12)(531,"tr",13)(532,"th",14),e(533,"Nome"),i(),t(534,"th",14),e(535,"Tipo"),i(),t(536,"th",14),e(537,"Descri\xE7\xE3o"),i()(),t(538,"tr",15)(539,"td",16)(540,"div",17)(541,"span",18),e(542," allowAction"),n(543,"br"),i()()(),t(544,"td",19)(545,"code",23),e(546,"boolean"),i()(),t(547,"td",22)(548,"em")(549,"strong"),e(550,"(opcional)"),i()(),t(551,"p"),e(552,"Define se deve ou n\xE3o executar a a\xE7\xE3o de edi\xE7\xE3o ("),t(553,"em"),e(554,"edit"),i(),e(555,")"),i()()(),t(556,"tr",15)(557,"td",16)(558,"div",17)(559,"span",18),e(560," newUrl"),n(561,"br"),i()()(),t(562,"td",19)(563,"code",26),e(564,"string"),i()(),t(565,"td",22)(566,"em")(567,"strong"),e(568,"(opcional)"),i()(),t(569,"p"),e(570,"Nova rota para navega\xE7\xE3o que substituir\xE1 a definida anteriormente em "),t(571,"code"),e(572,"edit"),i(),e(573,"."),i()()()(),t(574,"h4",28)(575,"code",5),e(576,"PoPageDynamicDetailBeforeRemove"),i()(),t(577,"div",2)(578,"p"),e(579,`Defini\xE7\xE3o da estrutura de retorno da url ou m\xE9todo executado atrav\xE9s da
propriedade `),t(580,"code"),e(581,"beforeRemove"),i(),e(582,"."),i()(),t(583,"h4",11),e(584,"Propriedades"),i(),t(585,"table",12)(586,"tr",13)(587,"th",14),e(588,"Nome"),i(),t(589,"th",14),e(590,"Tipo"),i(),t(591,"th",14),e(592,"Descri\xE7\xE3o"),i()(),t(593,"tr",15)(594,"td",16)(595,"div",17)(596,"span",18),e(597," allowAction"),n(598,"br"),i()()(),t(599,"td",19)(600,"code",23),e(601,"boolean"),i()(),t(602,"td",22)(603,"em")(604,"strong"),e(605,"(opcional)"),i()(),t(606,"p"),e(607,"Define se deve ou n\xE3o executar a a\xE7\xE3o de exclus\xE3o ("),t(608,"em"),e(609,"remove"),i(),e(610,")"),i()()(),t(611,"tr",15)(612,"td",16)(613,"div",17)(614,"span",18),e(615," newUrl"),n(616,"br"),i()()(),t(617,"td",19)(618,"code",26),e(619,"string"),i()(),t(620,"td",22)(621,"em")(622,"strong"),e(623,"(opcional)"),i()(),t(624,"p"),e(625,"Nova rota para navega\xE7\xE3o que substituir\xE1 a definida anteriormente em "),t(626,"code"),e(627,"remove"),i(),e(628,"."),i()()()(),t(629,"h4",28)(630,"code",5),e(631,"PoPageDynamicDetailField"),i()(),t(632,"div",2)(633,"p"),e(634,"Interface dos fields usados para compor o template "),t(635,"code"),e(636,"po-page-dynamic-detail"),i(),e(637,"."),i()(),t(638,"h4",11),e(639,"Propriedades"),i(),t(640,"table",12)(641,"tr",13)(642,"th",14),e(643,"Nome"),i(),t(644,"th",14),e(645,"Tipo"),i(),t(646,"th",14),e(647,"Descri\xE7\xE3o"),i()(),t(648,"tr",15)(649,"td",16)(650,"div",17)(651,"span",18),e(652," alt"),n(653,"br"),i()()(),t(654,"td",19)(655,"code",26),e(656,"string"),i()(),t(657,"td",22)(658,"em")(659,"strong"),e(660,"(opcional)"),i()(),t(661,"p"),e(662,"Defini o texto alternativo descrevendo a imagem."),i(),t(663,"p"),e(664,"Exemplo de utiliza\xE7\xE3o:"),i(),t(665,"pre")(666,"code"),e(667,`[
{ property: 'imagem 1', image:'string', alt:'string', height:'300'},
];`),i()(),t(668,"p")(669,"strong"),e(670,"Componentes compat\xEDveis:"),i(),t(671,"code"),e(672,"po-image"),i(),e(673,"."),i()()(),t(674,"tr",15)(675,"td",16)(676,"div",17)(677,"span",18),e(678," booleanFalse"),n(679,"br"),i()()(),t(680,"td",19)(681,"code",26),e(682,"string"),i()(),t(683,"td",22)(684,"em")(685,"strong"),e(686,"(opcional)"),i()(),t(687,"p"),e(688,"Texto exibido quando o valor do componente for "),t(689,"em"),e(690,"false"),i(),e(691,"."),i()()(),t(692,"tr",15)(693,"td",16)(694,"div",17)(695,"span",18),e(696," booleanTrue"),n(697,"br"),i()()(),t(698,"td",19)(699,"code",26),e(700,"string"),i()(),t(701,"td",22)(702,"em")(703,"strong"),e(704,"(opcional)"),i()(),t(705,"p"),e(706,"Texto exibido quando o valor do componente for "),t(707,"em"),e(708,"true"),i(),e(709,"."),i()()(),t(710,"tr",15)(711,"td",16)(712,"div",17)(713,"span",18),e(714," color"),n(715,"br"),i()()(),t(716,"td",19)(717,"code",26),e(718,"string"),i()(),t(719,"td",22)(720,"em")(721,"strong"),e(722,"(opcional)"),i()(),t(723,"p"),e(724,"Determina a cor da tag. As maneiras de customizar as cores s\xE3o:"),i(),t(725,"ul")(726,"li"),e(727,"Hexadeximal, por exemplo "),t(728,"code"),e(729,"#c64840"),i(),e(730,";"),i(),t(731,"li"),e(732,"RGB, como "),t(733,"code"),e(734,"rgb(0, 0, 165)"),i(),e(735,";"),i(),t(736,"li"),e(737,"O nome da cor, por exemplo "),t(738,"code"),e(739,"blue"),i(),e(740,";"),i(),t(741,"li"),e(742,"Usando uma das cores do tema do PO:"),i(),t(743,"li"),e(744,"Valores v\xE1lidos:"),t(745,"ul")(746,"li"),n(747,"span",35),t(748,"code"),e(749,"color-01"),i()(),t(750,"li"),n(751,"span",36),t(752,"code"),e(753,"color-02"),i()(),t(754,"li"),n(755,"span",37),t(756,"code"),e(757,"color-03"),i()(),t(758,"li"),n(759,"span",38),t(760,"code"),e(761,"color-04"),i()(),t(762,"li"),n(763,"span",39),t(764,"code"),e(765,"color-05"),i()(),t(766,"li"),n(767,"span",40),t(768,"code"),e(769,"color-06"),i()(),t(770,"li"),n(771,"span",41),t(772,"code"),e(773,"color-07"),i()(),t(774,"li"),n(775,"span",42),t(776,"code"),e(777,"color-08"),i()(),t(778,"li"),n(779,"span",43),t(780,"code"),e(781,"color-09"),i()(),t(782,"li"),n(783,"span",44),t(784,"code"),e(785,"color-10"),i()(),t(786,"li"),n(787,"span",45),t(788,"code"),e(789,"color-11"),i()(),t(790,"li"),n(791,"span",46),t(792,"code"),e(793,"color-12"),i()()()()()()(),t(794,"tr",15)(795,"td",16)(796,"div",17)(797,"span",18),e(798," concatLabelValue"),n(799,"br"),i()()(),t(800,"td",19)(801,"code",23),e(802,"boolean"),i()(),t(803,"td",22)(804,"em")(805,"strong"),e(806,"(opcional)"),i()(),t(807,"p"),e(808,"Permite que seja exibido em tela, de forma concatenada as propriedades "),t(809,"code"),e(810,"fieldLabel"),i(),e(811," + "),t(812,"code"),e(813,"fieldValue"),i(),e(814,`.
A ordem sempre ser\xE1 `),t(815,"code"),e(816,"fieldLabel"),i(),e(817," e depois "),t(818,"code"),e(819,"fieldValue"),i(),e(820,", n\xE3o sendo poss\xEDvel alterar."),i(),t(821,"blockquote")(822,"p"),e(823,"Propriedade funciona corretamente caso as propriedades "),t(824,"code"),e(825,"fieldLabel"),i(),e(826," e "),t(827,"code"),e(828,"fielValue"),i(),e(829," sejam v\xE1lidas."),i()()()(),t(830,"tr",15)(831,"td",16)(832,"div",17)(833,"span",18),e(834," container"),n(835,"br"),i()()(),t(836,"td",19)(837,"code",26),e(838,"string"),i()(),t(839,"td",22)(840,"em")(841,"strong"),e(842,"(opcional)"),i()(),t(843,"p"),e(844,`Exibir\xE1 um container para todos os campos abaixo dessa propriedade.
Esta propriedade configura o layout dos componentes dynamic-view e dynamic-edit, deixando todos os items dentro de containers`),i(),t(845,"p"),e(846,"Est\xE1 propriedade \xE9 do tipo string, o valor que ser\xE1 titulo do contianer"),i()()(),t(847,"tr",15)(848,"td",16)(849,"div",17)(850,"span",18),e(851," divider"),n(852,"br"),i()()(),t(853,"td",19)(854,"code",26),e(855,"string"),i()(),t(856,"td",22)(857,"em")(858,"strong"),e(859,"(opcional)"),i()(),t(860,"p"),e(861,"Exibir\xE1 um divisor acima, utilizando o seu conteudo como t\xEDtulo."),i()()(),t(862,"tr",15)(863,"td",16)(864,"div",17)(865,"span",18),e(866," duplicate"),n(867,"br"),i()()(),t(868,"td",19)(869,"code",23),e(870,"boolean"),i()(),t(871,"td",22)(872,"em")(873,"strong"),e(874,"(opcional)"),i()(),t(875,"p"),e(876,"Indica se o campo ser\xE1 duplicado caso seja executada a a\xE7\xE3o de duplica\xE7\xE3o."),i()()(),t(877,"tr",15)(878,"td",16)(879,"div",17)(880,"span",18),e(881," fieldLabel"),n(882,"br"),i()()(),t(883,"td",19)(884,"code",26),e(885,"string"),i()(),t(886,"td",22)(887,"em")(888,"strong"),e(889,"(opcional)"),i()(),t(890,"p"),e(891,"Nome da propriedade do objeto retornado que ser\xE1 utilizado como descri\xE7\xE3o do campo."),i(),t(892,"p"),e(893,"O valor padr\xE3o \xE9: "),t(894,"code"),e(895,"label"),i(),e(896,"."),i()()(),t(897,"tr",15)(898,"td",16)(899,"div",17)(900,"span",18),e(901," fieldValue"),n(902,"br"),i()()(),t(903,"td",19)(904,"code",26),e(905,"string"),i()(),t(906,"td",22)(907,"em")(908,"strong"),e(909,"(opcional)"),i()(),t(910,"p"),e(911,"Nome da propriedade do objeto retornado que ser\xE1 utilizado como valor do campo."),i(),t(912,"p"),e(913,"O valor padr\xE3o \xE9: "),t(914,"code"),e(915,"value"),i(),e(916,"."),i()()(),t(917,"tr",15)(918,"td",16)(919,"div",17)(920,"span",18),e(921," format"),n(922,"br"),i()()(),t(923,"td",19)(924,"code",26),e(925,"string "),i(),t(926,"code",47),e(927," Array<string>"),i()(),t(928,"td",22)(929,"em")(930,"strong"),e(931,"(opcional)"),i()(),t(932,"p"),e(933,"Define o formato de exibi\xE7\xE3o para o valor de um campo."),i(),t(934,"ul")(935,"li")(936,"p"),e(937,"Quando "),t(938,"code"),e(939,"format"),i(),e(940," \xE9 uma "),t(941,"code"),e(942,"string"),i(),e(943,", o formato aplicado depende da propriedade "),t(944,"strong"),e(945,"type"),i(),e(946," segue como usar cada tipo:"),i(),t(947,"ul")(948,"li")(949,"code"),e(950,"currency"),i(),e(951,": Utiliza c\xF3digos de moeda definidos pelo "),t(952,"a",48),e(953,"CurrencyPipe"),i(),e(954,`.
Exemplos: Use 'BRL' para Real Brasileiro e 'USD' para D\xF3lar Americano.`),i(),t(955,"li")(956,"code"),e(957,"date"),i(),e(958,": Adota formatos de data especificados pelo "),t(959,"a",49),e(960,"DatePipe"),i(),e(961,`.
Suporta formatos personalizados, como dia (dd), m\xEAs (MM) e ano (yyyy ou yy).
Formato padr\xE3o \xE9 'dd/MM/yyyy'. Exemplos: 'dd/MM/yyyy', 'dd-MM-yy', 'mm/dd/yyyy'.`),i(),t(962,"li")(963,"code"),e(964,"time"),i(),e(965,`: Aceita formatos de tempo, incluindo hora (HH), minutos (mm), segundos (ss) e opcionalmente
milisegundos (f-ffffff). Formato padr\xE3o \xE9 'HH:mm:ss'. Exemplos: 'HH:mm', 'HH:mm:ss.ffffff', 'HH:mm:ss.ff'.`),i(),t(966,"li")(967,"code"),e(968,"number"),i(),e(969,": Usa especifica\xE7\xF5es do "),t(970,"a",50),e(971,"DecimalPipe"),i(),e(972,` para formata\xE7\xE3o num\xE9rica.
Na aus\xEAncia de um formato espec\xEDfico, o n\xFAmero \xE9 exibido como fornecido.
Exemplo: Entrada `),t(973,"code"),e(974,"50"),i(),e(975,", formato "),t(976,"code"),e(977,"'1.2-5'"),i(),e(978,", resulta em "),t(979,"code"),e(980,"50.00"),i(),e(981,"."),i()()(),t(982,"li")(983,"p"),e(984,"Quando "),t(985,"code"),e(986,"format"),i(),e(987," \xE9 um "),t(988,"code"),e(989,"Array<string>"),i(),e(990,":"),i(),t(991,"ul")(992,"li"),e(993,"Cada elemento do array representa uma propriedade do objeto."),i(),t(994,"li"),e(995,"Os valores dessas propriedades s\xE3o concatenados, separados pelo padr\xE3o ' - '."),i(),t(996,"li"),e(997,"Exemplo: Para "),t(998,"code"),e(999,'format: ["id", "name"]'),i(),e(1e3," e um objeto "),t(1001,"code"),e(1002,"{ id: 1, name: 'Carlos Diego' }"),i(),e(1003,`,
o resultado ser\xE1 `),t(1004,"code"),e(1005,"'1 - Carlos Diego'"),i(),e(1006,"."),i()()()()()(),t(1007,"tr",15)(1008,"td",16)(1009,"div",17)(1010,"span",18),e(1011," gridColumns"),n(1012,"br"),i()()(),t(1013,"td",19)(1014,"code",51),e(1015,"number"),i()(),t(1016,"td",22)(1017,"em")(1018,"strong"),e(1019,"(opcional)"),i()(),t(1020,"p"),e(1021,"Tamanho de exibi\xE7\xE3o do campo em telas."),i(),t(1022,"p"),e(1023,"Deve ser usado o sistema de "),t(1024,"strong"),e(1025,"grid"),i(),e(1026," do PO (1 ... 12 colunas)."),i(),t(1027,"blockquote")(1028,"p"),e(1029,"Esta propriedade \xE9 generica, aplica o valor em todos os tamanhos de telas."),i()()()(),t(1030,"tr",15)(1031,"td",16)(1032,"div",17)(1033,"span",18),e(1034," gridLgColumns"),n(1035,"br"),i()()(),t(1036,"td",19)(1037,"code",51),e(1038,"number"),i()(),t(1039,"td",22)(1040,"em")(1041,"strong"),e(1042,"(opcional)"),i()(),t(1043,"p"),e(1044,"Tamanho de exibi\xE7\xE3o do campo em telas grandes (lg)."),i(),t(1045,"p"),e(1046,"Deve ser usado o sistema de "),t(1047,"strong"),e(1048,"grid"),i(),e(1049," do PO (1 ... 12 colunas)."),i(),t(1050,"blockquote")(1051,"p"),e(1052,"Esta propriedade sobrescreve o valor definido para o tamanho dela na "),t(1053,"code"),e(1054,"gridColumns"),i(),e(1055,"."),i()()()(),t(1056,"tr",15)(1057,"td",16)(1058,"div",17)(1059,"span",18),e(1060," gridLgPull"),n(1061,"br"),i()()(),t(1062,"td",19)(1063,"code",51),e(1064,"number"),i()(),t(1065,"td",22)(1066,"em")(1067,"strong"),e(1068,"(opcional)"),i()(),t(1069,"p"),e(1070,"Tamanho do espa\xE7amento ap\xF3s o campo antes da exibi\xE7\xE3o do pr\xF3ximo campo em telas grandes (lg)."),i(),t(1071,"p"),e(1072,"Deve ser usado o sistema de "),t(1073,"strong"),e(1074,"grid"),i(),e(1075," do PO (1 ... 11 colunas)."),i(),t(1076,"blockquote")(1077,"p"),e(1078,"Esta propriedade n\xE3o funciona com a propriedade "),t(1079,"code"),e(1080,"gridColumns"),i(),e(1081,". Deve-se especificar o tamanho da tela."),i()()()(),t(1082,"tr",15)(1083,"td",16)(1084,"div",17)(1085,"span",18),e(1086," gridMdColumns"),n(1087,"br"),i()()(),t(1088,"td",19)(1089,"code",51),e(1090,"number"),i()(),t(1091,"td",22)(1092,"em")(1093,"strong"),e(1094,"(opcional)"),i()(),t(1095,"p"),e(1096,"Tamanho de exibi\xE7\xE3o do campo em telas m\xE9dias (md)."),i(),t(1097,"p"),e(1098,"Deve ser usado o sistema de "),t(1099,"strong"),e(1100,"grid"),i(),e(1101," do PO (1 ... 12 colunas)."),i(),t(1102,"blockquote")(1103,"p"),e(1104,"Esta propriedade sobrescreve o valor definido para o tamanho dela na "),t(1105,"code"),e(1106,"gridColumns"),i(),e(1107,"."),i()()()(),t(1108,"tr",15)(1109,"td",16)(1110,"div",17)(1111,"span",18),e(1112," gridMdPull"),n(1113,"br"),i()()(),t(1114,"td",19)(1115,"code",51),e(1116,"number"),i()(),t(1117,"td",22)(1118,"em")(1119,"strong"),e(1120,"(opcional)"),i()(),t(1121,"p"),e(1122,"Tamanho do espa\xE7amento ap\xF3s o campo antes da exibi\xE7\xE3o do pr\xF3ximo campo em telas m\xE9dias (md)."),i(),t(1123,"p"),e(1124,"Deve ser usado o sistema de "),t(1125,"strong"),e(1126,"grid"),i(),e(1127," do PO (1 ... 11 colunas)."),i(),t(1128,"blockquote")(1129,"p"),e(1130,"Esta propriedade n\xE3o funciona com a propriedade "),t(1131,"code"),e(1132,"gridColumns"),i(),e(1133,". Deve-se especificar o tamanho da tela."),i()()()(),t(1134,"tr",15)(1135,"td",16)(1136,"div",17)(1137,"span",18),e(1138," gridSmColumns"),n(1139,"br"),i()()(),t(1140,"td",19)(1141,"code",51),e(1142,"number"),i()(),t(1143,"td",22)(1144,"em")(1145,"strong"),e(1146,"(opcional)"),i()(),t(1147,"p"),e(1148,"Tamanho de exibi\xE7\xE3o do campo em telas menores (sm)."),i(),t(1149,"p"),e(1150,"Deve ser usado o sistema de "),t(1151,"strong"),e(1152,"grid"),i(),e(1153," do PO (1 ... 12 colunas)."),i(),t(1154,"blockquote")(1155,"p"),e(1156,"Esta propriedade sobrescreve o valor definido para o tamanho dela na "),t(1157,"code"),e(1158,"gridColumns"),i(),e(1159,"."),i()()()(),t(1160,"tr",15)(1161,"td",16)(1162,"div",17)(1163,"span",18),e(1164," gridSmPull"),n(1165,"br"),i()()(),t(1166,"td",19)(1167,"code",51),e(1168,"number"),i()(),t(1169,"td",22)(1170,"em")(1171,"strong"),e(1172,"(opcional)"),i()(),t(1173,"p"),e(1174,"Tamanho do espa\xE7amento ap\xF3s o campo antes da exibi\xE7\xE3o do pr\xF3ximo campo em telas menores (sm)."),i(),t(1175,"p"),e(1176,"Deve ser usado o sistema de "),t(1177,"strong"),e(1178,"grid"),i(),e(1179," do PO (1 ... 11 colunas)."),i(),t(1180,"blockquote")(1181,"p"),e(1182,"Esta propriedade n\xE3o funciona com a propriedade "),t(1183,"code"),e(1184,"gridColumns"),i(),e(1185,". Deve-se especificar o tamanho da tela."),i()()()(),t(1186,"tr",15)(1187,"td",16)(1188,"div",17)(1189,"span",18),e(1190," gridXlColumns"),n(1191,"br"),i()()(),t(1192,"td",19)(1193,"code",51),e(1194,"number"),i()(),t(1195,"td",22)(1196,"em")(1197,"strong"),e(1198,"(opcional)"),i()(),t(1199,"p"),e(1200,"Tamanho de exibi\xE7\xE3o do campo em telas extra grandes (xl)."),i(),t(1201,"p"),e(1202,"Deve ser usado o sistema de "),t(1203,"strong"),e(1204,"grid"),i(),e(1205," do PO (1 ... 12 colunas)."),i(),t(1206,"blockquote")(1207,"p"),e(1208,"Esta propriedade sobrescreve o valor definido para o tamanho dela na "),t(1209,"code"),e(1210,"gridColumns"),i(),e(1211,"."),i()()()(),t(1212,"tr",15)(1213,"td",16)(1214,"div",17)(1215,"span",18),e(1216," gridXlPull"),n(1217,"br"),i()()(),t(1218,"td",19)(1219,"code",51),e(1220,"number"),i()(),t(1221,"td",22)(1222,"em")(1223,"strong"),e(1224,"(opcional)"),i()(),t(1225,"p"),e(1226,"Tamanho do espa\xE7amento ap\xF3s o campo antes da exibi\xE7\xE3o do pr\xF3ximo campo em telas extra grandes (xl)."),i(),t(1227,"p"),e(1228,"Deve ser usado o sistema de "),t(1229,"strong"),e(1230,"grid"),i(),e(1231," do PO (1 ... 11 colunas)."),i(),t(1232,"blockquote")(1233,"p"),e(1234,"Esta propriedade n\xE3o funciona com a propriedade "),t(1235,"code"),e(1236,"gridColumns"),i(),e(1237,". Deve-se especificar o tamanho da tela."),i()()()(),t(1238,"tr",15)(1239,"td",16)(1240,"div",17)(1241,"span",18),e(1242," height"),n(1243,"br"),i()()(),t(1244,"td",19)(1245,"code",26),e(1246,"string"),i()(),t(1247,"td",22)(1248,"em")(1249,"strong"),e(1250,"(opcional)"),i()(),t(1251,"p"),e(1252,"Defini o texto alternativo descrevendo a imagem."),i(),t(1253,"p"),e(1254,"Exemplo de utiliza\xE7\xE3o:"),i(),t(1255,"pre")(1256,"code"),e(1257,`[
{ property: 'imagem 1', image:'string', alt:'string', height:'number'},
];`),i()(),t(1258,"p")(1259,"strong"),e(1260,"Componentes compat\xEDveis:"),i(),t(1261,"code"),e(1262,"po-image"),i(),e(1263,"."),i()()(),t(1264,"tr",15)(1265,"td",16)(1266,"div",17)(1267,"span",18),e(1268," icon"),n(1269,"br"),i()()(),t(1270,"td",19)(1271,"code",26),e(1272,"string"),i()(),t(1273,"td",22)(1274,"em")(1275,"strong"),e(1276,"(opcional)"),i()(),t(1277,"p"),e(1278,"Define um \xEDcone que ser\xE1 exibido ao lado do valor para o campo do tipo "),t(1279,"em"),e(1280,"tag"),i(),e(1281,"."),i(),t(1282,"blockquote")(1283,"p"),e(1284,"Veja os valores v\xE1lidos na "),t(1285,"a",52),e(1286,"biblioteca de \xEDcones"),i(),e(1287,"."),i()()()(),t(1288,"tr",15)(1289,"td",16)(1290,"div",17)(1291,"span",18),e(1292," image"),n(1293,"br"),i()()(),t(1294,"td",19)(1295,"code",23),e(1296,"boolean"),i()(),t(1297,"td",22)(1298,"em")(1299,"strong"),e(1300,"(opcional)"),i()(),t(1301,"p"),e(1302,"Possibilita a utiliza\xE7\xE3o de imagem."),i(),t(1303,"p"),e(1304,"Exemplo de utiliza\xE7\xE3o:"),i(),t(1305,"pre")(1306,"code"),e(1307,`[
{ property: 'imagem 1', image:'string', alt:'string', height:'300'},
];`),i()(),t(1308,"ul")(1309,"li")(1310,"p"),e(1311,"@default "),t(1312,"code"),e(1313,"false"),i()()(),t(1314,"li")(1315,"p")(1316,"em"),e(1317,"Componentes compat\xEDveis:*"),i(),t(1318,"code"),e(1319,"po-image"),i(),e(1320,"."),i()()()()(),t(1321,"tr",15)(1322,"td",16)(1323,"div",17)(1324,"span",18),e(1325," isArrayOrObject"),n(1326,"br"),i()()(),t(1327,"td",19)(1328,"code",23),e(1329,"boolean"),i()(),t(1330,"td",22)(1331,"em")(1332,"strong"),e(1333,"(opcional)"),i()(),t(1334,"p"),e(1335,"Define que a propriedade "),t(1336,"code"),e(1337,"property"),i(),e(1338," \xE9 uma lista ou um objeto."),i(),t(1339,"blockquote")(1340,"p"),e(1341,"Por padr\xE3o, espera-se que a lista ou o objeto esteja com as propriedades "),t(1342,"code"),e(1343,"label"),i(),e(1344," e "),t(1345,"code"),e(1346,"value"),i(),e(1347,`.
Caso estejam com nomes diferentes, deve-se usar as propriedades `),t(1348,"code"),e(1349,"fieldLabel"),i(),e(1350," e "),t(1351,"code"),e(1352,"fieldValue"),i(),e(1353,`.
\xC9 ignorada caso a propriedade `),t(1354,"code"),e(1355,"searchService"),i(),e(1356," esteja sendo utilizada."),i()()()(),t(1357,"tr",15)(1358,"td",16)(1359,"div",17)(1360,"span",18),e(1361," key"),n(1362,"br"),i()()(),t(1363,"td",19)(1364,"code",23),e(1365,"boolean"),i()(),t(1366,"td",22)(1367,"em")(1368,"strong"),e(1369,"(opcional)"),i()(),t(1370,"p"),e(1371,"Identificador"),i()()(),t(1372,"tr",15)(1373,"td",16)(1374,"div",17)(1375,"span",18),e(1376," label"),n(1377,"br"),i()()(),t(1378,"td",19)(1379,"code",26),e(1380,"string"),i()(),t(1381,"td",22)(1382,"em")(1383,"strong"),e(1384,"(opcional)"),i()(),t(1385,"p"),e(1386,"R\xF3tulo do campo exibido."),i(),t(1387,"p"),e(1388,"Caso n\xE3o seja informado, ser\xE1 utilizado como "),t(1389,"code"),e(1390,"label"),i(),e(1391," o valor da propriedade "),t(1392,"code"),e(1393,"property"),i(),e(1394," com a primeira letra em mai\xFAsculo."),i()()(),t(1395,"tr",15)(1396,"td",16)(1397,"div",17)(1398,"span",18),e(1399," offsetColumns"),n(1400,"br"),i()()(),t(1401,"td",19)(1402,"code",51),e(1403,"number"),i()(),t(1404,"td",22)(1405,"em")(1406,"strong"),e(1407,"(opcional)"),i()(),t(1408,"p"),e(1409,"Tamanho do espa\xE7o de exibi\xE7\xE3o do campo em telas."),i(),t(1410,"p"),e(1411,"Deve ser usado o sistema de "),t(1412,"strong"),e(1413,"grid"),i(),e(1414," do PO (1 ... 12 colunas)."),i(),t(1415,"blockquote")(1416,"p"),e(1417,"Esta propriedade \xE9 gen\xE9rica, aplica o valor em todos os tamanhos de telas."),i()()()(),t(1418,"tr",15)(1419,"td",16)(1420,"div",17)(1421,"span",18),e(1422," offsetLgColumns"),n(1423,"br"),i()()(),t(1424,"td",19)(1425,"code",51),e(1426,"number"),i()(),t(1427,"td",22)(1428,"em")(1429,"strong"),e(1430,"(opcional)"),i()(),t(1431,"p"),e(1432,"Tamanho do espa\xE7o de exibi\xE7\xE3o do campo em telas grandes (lg)."),i(),t(1433,"p"),e(1434,"Deve ser usado o sistema de "),t(1435,"strong"),e(1436,"grid"),i(),e(1437," do PO (1 ... 12 colunas)."),i(),t(1438,"blockquote")(1439,"p"),e(1440,"Esta propriedade sobrescreve o valor definido para o tamanho dela na "),t(1441,"code"),e(1442,"offsetColumns"),i(),e(1443,"."),i()()()(),t(1444,"tr",15)(1445,"td",16)(1446,"div",17)(1447,"span",18),e(1448," offsetMdColumns"),n(1449,"br"),i()()(),t(1450,"td",19)(1451,"code",51),e(1452,"number"),i()(),t(1453,"td",22)(1454,"em")(1455,"strong"),e(1456,"(opcional)"),i()(),t(1457,"p"),e(1458,"Tamanho do espa\xE7o de exibi\xE7\xE3o do campo em telas m\xE9dias (md)."),i(),t(1459,"p"),e(1460,"Deve ser usado o sistema de "),t(1461,"strong"),e(1462,"grid"),i(),e(1463," do PO (1 ... 12 colunas)."),i(),t(1464,"blockquote")(1465,"p"),e(1466,"Esta propriedade sobrescreve o valor definido para o tamanho dela na "),t(1467,"code"),e(1468,"offsetColumns"),i(),e(1469,"."),i()()()(),t(1470,"tr",15)(1471,"td",16)(1472,"div",17)(1473,"span",18),e(1474," offsetSmColumns"),n(1475,"br"),i()()(),t(1476,"td",19)(1477,"code",51),e(1478,"number"),i()(),t(1479,"td",22)(1480,"em")(1481,"strong"),e(1482,"(opcional)"),i()(),t(1483,"p"),e(1484,"Tamanho do espa\xE7o de exibi\xE7\xE3o do campo em telas menores (sm)."),i(),t(1485,"p"),e(1486,"Deve ser usado o sistema de "),t(1487,"strong"),e(1488,"grid"),i(),e(1489," do PO (1 ... 12 colunas)."),i(),t(1490,"blockquote")(1491,"p"),e(1492,"Esta propriedade sobrescreve o valor definido para o tamanho dela na "),t(1493,"code"),e(1494,"offsetColumns"),i(),e(1495,"."),i()()()(),t(1496,"tr",15)(1497,"td",16)(1498,"div",17)(1499,"span",18),e(1500," offsetXlColumns"),n(1501,"br"),i()()(),t(1502,"td",19)(1503,"code",51),e(1504,"number"),i()(),t(1505,"td",22)(1506,"em")(1507,"strong"),e(1508,"(opcional)"),i()(),t(1509,"p"),e(1510,"Tamanho do espa\xE7o de exibi\xE7\xE3o do campo em telas extra grandes (xl)."),i(),t(1511,"p"),e(1512,"Deve ser usado o sistema de "),t(1513,"strong"),e(1514,"grid"),i(),e(1515," do PO (1 ... 12 colunas)."),i(),t(1516,"blockquote")(1517,"p"),e(1518,"Esta propriedade sobrescreve o valor definido para o tamanho dela na "),t(1519,"code"),e(1520,"offsetColumns"),i(),e(1521,"."),i()()()(),t(1522,"tr",15)(1523,"td",16)(1524,"div",17)(1525,"span",18),e(1526," options"),n(1527,"br"),i()()(),t(1528,"td",19)(1529,"code",53),e(1530,"Array<{ label: string; value: string "),i(),t(1531,"code",54),e(1532,` number;
}>`),i()(),t(1533,"td",22)(1534,"em")(1535,"strong"),e(1536,"(opcional)"),i()(),t(1537,"p"),e(1538,`Lista de op\xE7\xF5es que podem ser vinculadas \xE0 propriedade p-value.
Quando uma op\xE7\xE3o de valor \xE9 passada, sua propriedade label ser\xE1 atribu\xEDda \xE0 propriedade p-value.`),i(),t(1539,"p"),e(1540,"Exemplo de utiliza\xE7\xE3o:"),i(),t(1541,"pre")(1542,"code"),e(1543,`fields = [
{
property: 'name', options: [
{label: 'Anna', value: '1'},
{label: 'Jhon', value: '2'},
{label: 'Mark', value: '3'}
]
}
];`),i()(),t(1544,"pre")(1545,"code"),e(1546,`<!-- Passando o valor 2 referente ao Jhon -->
<po-dynamic-view [p-fields]="fields" [p-value]="{ name: '2' }"> </po-dynamic-view>`),i()()()(),t(1547,"tr",15)(1548,"td",16)(1549,"div",17)(1550,"span",18),e(1551," optionsMulti"),n(1552,"br"),i()()(),t(1553,"td",19)(1554,"code",23),e(1555,"boolean"),i()(),t(1556,"td",22)(1557,"em")(1558,"strong"),e(1559,"(opcional)"),i()(),t(1560,"p"),e(1561,`Habilita a visualiza\xE7\xE3o de m\xFAltiplos itens.
\xDAtil para exibir dados em formatos semelhantes aos componentes que suportam sele\xE7\xE3o m\xFAltipla.`),i()()(),t(1562,"tr",15)(1563,"td",16)(1564,"div",17)(1565,"span",18),e(1566," optionsService"),n(1567,"br"),i()()(),t(1568,"td",19)(1569,"code",26),e(1570,"string "),i(),t(1571,"code",55),e(1572," PoComboFilter "),i(),t(1573,"code",56),e(1574," PoMultiselectFilter"),i()(),t(1575,"td",22)(1576,"em")(1577,"strong"),e(1578,"(opcional)"),i()(),t(1579,"p"),e(1580,"Servi\xE7o que ser\xE1 utilizado para buscar os itens e preencher a lista de op\xE7\xF5es dinamicamente. Pode ser informada uma URL ou uma instancia do servi\xE7o baseado em PoComboFilter. "),t(1581,"strong"),e(1582,"Importante"),i()(),t(1583,"blockquote")(1584,"p"),e(1585,"Para que funcione corretamente, \xE9 importante que o servi\xE7o siga o "),t(1586,"a",57),e(1587,"guia de API do PO UI"),i(),e(1588,"."),i()()()(),t(1589,"tr",15)(1590,"td",16)(1591,"div",17)(1592,"span",18),e(1593," order"),n(1594,"br"),i()()(),t(1595,"td",19)(1596,"code",51),e(1597,"number"),i()(),t(1598,"td",22)(1599,"em")(1600,"strong"),e(1601,"(opcional)"),i()(),t(1602,"p"),e(1603,"Informa a ordem de exibi\xE7\xE3o do campo."),i(),t(1604,"p"),e(1605,"Exemplo de utiliza\xE7\xE3o:"),i(),t(1606,"pre")(1607,"code"),e(1608,`[
{ property: 'test 1', order: 2 },
{ property: 'test 2', order: 1 },
{ property: 'test 3' },
{ property: 'test 4', order: 3 }
];`),i()(),t(1609,"p"),e(1610,"Na exibi\xE7\xE3o a ordem ficar\xE1 dessa forma:"),i(),t(1611,"pre")(1612,"code"),e(1613,`[
{ property: 'test 2', order: 1 },
{ property: 'test 1', order: 2 },
{ property: 'test 4', order: 3 },
{ property: 'test 3' }
];`),i()(),t(1614,"p"),e(1615,"S\xF3 ser\xE3o aceitos valores com n\xFAmeros inteiros maiores do que zero."),i(),t(1616,"p"),e(1617,"Campos sem "),t(1618,"code"),e(1619,"order"),i(),e(1620,` ou com valores negativos, zerados ou inv\xE1lidos
ser\xE3o os \xFAltimos a serem renderizados e seguir\xE3o o posicionamento dentro do
array.`),i()()(),t(1621,"tr",15)(1622,"td",16)(1623,"div",17)(1624,"span",18),e(1625," params"),n(1626,"br"),i()()(),t(1627,"td",19)(1628,"code",58),e(1629,"any"),i()(),t(1630,"td",22)(1631,"em")(1632,"strong"),e(1633,"(opcional)"),i()(),t(1634,"p"),e(1635,"Objeto que ser\xE1 enviado como par\xE2metro nas requisi\xE7\xF5es de busca "),t(1636,"code"),e(1637,"searchService"),i(),e(1638," ou "),t(1639,"code"),e(1640,"optionsService"),i(),e(1641,`
utilizadas pelos campos que dependem de servi\xE7os para carregar seus dados.`),i(),t(1642,"p"),e(1643,"Por exemplo, para o par\xE2metro "),t(1644,"code"),e(1645,"{ age: 23 }"),i(),e(1646," a URL da requisi\xE7\xE3o ficaria:"),i(),t(1647,"p")(1648,"code"),e(1649,"url + /1?age=23"),i()()()(),t(1650,"tr",15)(1651,"td",16)(1652,"div",17)(1653,"span",18),e(1654," property"),n(1655,"br"),i()()(),t(1656,"td",19)(1657,"code",26),e(1658,"string"),i()(),t(1659,"td",22)(1660,"p"),e(1661,"Nome de refer\xEAncia do campo."),i()()(),t(1662,"tr",15)(1663,"td",16)(1664,"div",17)(1665,"span",18),e(1666," searchService"),n(1667,"br"),i()()(),t(1668,"td",19)(1669,"code",26),e(1670,"string "),i(),t(1671,"code",59),e(1672," PoDynamicViewRequest"),i()(),t(1673,"td",22)(1674,"em")(1675,"strong"),e(1676,"(opcional)"),i()(),t(1677,"p"),e(1678,`Servi\xE7o customizado para um campo em espec\xEDfico.
Pode ser ser informada uma URL ou uma instancia do servi\xE7o baseado em PoDynamicViewRequest.
`),t(1679,"strong"),e(1680,"Importante:"),i()(),t(1681,"blockquote")(1682,"p"),e(1683,"A propriedade "),t(1684,"code"),e(1685,"property"),i(),e(1686,` deve receber um valor v\xE1lido independente de sua utiliza\xE7\xE3o para
execu\xE7\xE3o correta.
Para que funcione corretamente, \xE9 importante que o servi\xE7o siga o
`),t(1687,"a",57),e(1688,"guia de API do PO UI"),i(),e(1689,"."),i()()()(),t(1690,"tr",15)(1691,"td",16)(1692,"div",17)(1693,"span",18),e(1694," tag"),n(1695,"br"),i()()(),t(1696,"td",19)(1697,"code",23),e(1698,"boolean"),i()(),t(1699,"td",22)(1700,"em")(1701,"strong"),e(1702,"(opcional)"),i()(),t(1703,"p"),e(1704,"Indica se o campo ser\xE1 um "),t(1705,"code"),e(1706,"po-tag"),i(),e(1707,"."),i()()(),t(1708,"tr",15)(1709,"td",16)(1710,"div",17)(1711,"span",18),e(1712," textColor"),n(1713,"br"),i()()(),t(1714,"td",19)(1715,"code",26),e(1716,"string"),i()(),t(1717,"td",22)(1718,"em")(1719,"strong"),e(1720,"(opcional)"),i()(),t(1721,"p"),e(1722,"Determina a cor do texto da tag. As maneiras de customizar as cores s\xE3o:"),i(),t(1723,"ul")(1724,"li"),e(1725,"Hexadeximal, por exemplo "),t(1726,"code"),e(1727,"#c64840"),i(),e(1728,";"),i(),t(1729,"li"),e(1730,"RGB, como "),t(1731,"code"),e(1732,"rgb(0, 0, 165)"),i(),e(1733,";"),i(),t(1734,"li"),e(1735,"O nome da cor, por exemplo "),t(1736,"code"),e(1737,"blue"),i(),e(1738,";"),i()()()(),t(1739,"tr",15)(1740,"td",16)(1741,"div",17)(1742,"span",18),e(1743," type"),n(1744,"br"),i()()(),t(1745,"td",19)(1746,"code",26),e(1747,"string "),i(),t(1748,"code",60),e(1749," PoDynamicFieldType"),i()(),t(1750,"td",22)(1751,"em")(1752,"strong"),e(1753,"(opcional)"),i()(),t(1754,"p"),e(1755,"Tipo do valor campo."),i(),t(1756,"p"),e(1757,"Valores v\xE1lidos:"),i(),t(1758,"ul")(1759,"li")(1760,"code"),e(1761,"boolean"),i(),e(1762,": Valores "),t(1763,"em"),e(1764,"booleanos"),i(),e(1765,"."),i(),t(1766,"li")(1767,"code"),e(1768,"currency"),i(),e(1769,": Valores monet\xE1rios."),i(),t(1770,"li")(1771,"code"),e(1772,"decimal"),i(),e(1773,": Valores decimais."),i(),t(1774,"li")(1775,"code"),e(1776,"date"),i(),e(1777,": Valores de datas."),t(1778,"ul")(1779,"li"),e(1780,"Aceita os tipos "),t(1781,"strong"),e(1782,"string"),i(),e(1783," e "),t(1784,"strong"),e(1785,"Date"),i(),e(1786,` padr\xE3o do Javascript,
por exemplo: `),t(1787,"code"),e(1788,"'2017-11-28'"),i(),e(1789," ou "),t(1790,"code"),e(1791,"new Date(2017, 10, 28)"),i(),e(1792,"."),i()()(),t(1793,"li")(1794,"code"),e(1795,"dateTime"),i(),e(1796,": Valor de data com hor\xE1rio."),t(1797,"ul")(1798,"li"),e(1799,"Aceita o tipo "),t(1800,"em"),e(1801,"string"),i(),e(1802," no formato "),t(1803,"strong"),e(1804,"ISO-8601"),i(),e(1805," extendido "),t(1806,"strong"),e(1807,"'yyyy-mm-ddThh:mm:ss+|-hh:mm'"),i(),e(1808,`
e o tipo `),t(1809,"strong"),e(1810,"Date"),i(),e(1811," padr\xE3o do Javascript, por exemplo: "),t(1812,"code"),e(1813,"'2017-11-28T00:00:00-02:00'"),i(),e(1814," ou "),t(1815,"code"),e(1816,"new Date(2017, 10, 28)"),i(),e(1817,"."),i()()(),t(1818,"li")(1819,"code"),e(1820,"number"),i(),e(1821,": Valores num\xE9ricos."),i(),t(1822,"li")(1823,"code"),e(1824,"string"),i(),e(1825,": Textos."),i(),t(1826,"li")(1827,"code"),e(1828,"time"),i(),e(1829,": Valor do hor\xE1rio."),t(1830,"ul")(1831,"li"),e(1832,"Aceita o tipo "),t(1833,"strong"),e(1834,"string"),i(),e(1835," nos formatos "),t(1836,"strong"),e(1837,"'HH:mm:ss'"),i(),e(1838," ou "),t(1839,"strong"),e(1840,"'HH:mm:ss.ffffff'"),i(),e(1841,", por exemplo: "),t(1842,"code"),e(1843,"'23:12:45'"),i(),e(1844,"."),i()()()()()(),t(1845,"tr",15)(1846,"td",16)(1847,"div",17)(1848,"span",18),e(1849," visible"),n(1850,"br"),i()()(),t(1851,"td",19)(1852,"code",23),e(1853,"boolean"),i()(),t(1854,"td",22)(1855,"em")(1856,"strong"),e(1857,"(opcional)"),i()(),t(1858,"p"),e(1859,"Indica se o campo ser\xE1 vis\xEDvel."),i()()()(),t(1860,"h4",28)(1861,"code",5),e(1862,"PoPageDynamicDetailMetaData"),i()(),t(1863,"div",2)(1864,"p"),e(1865,"Interface para as propriedades de uma p\xE1gina din\xE2mica. "),n(1866,"a",61),i()(),t(1867,"h4",11),e(1868,"Propriedades"),i(),t(1869,"table",12)(1870,"tr",13)(1871,"th",14),e(1872,"Nome"),i(),t(1873,"th",14),e(1874,"Tipo"),i(),t(1875,"th",14),e(1876,"Descri\xE7\xE3o"),i()(),t(1877,"tr",15)(1878,"td",16)(1879,"div",17)(1880,"span",18),e(1881," actions"),n(1882,"br"),i()()(),t(1883,"td",19)(1884,"code",20),e(1885,"PoPageDynamicDetailActions"),i()(),t(1886,"td",22)(1887,"em")(1888,"strong"),e(1889,"(opcional)"),i()(),t(1890,"p"),e(1891,"A\xE7\xF5es que o usu\xE1rio poder\xE1 executar na p\xE1gina atrav\xE9s de bot\xF5es."),i(),t(1892,"p"),e(1893,"Caso precise alterar uma a\xE7\xE3o informe a propriedade que deve ser alterada segundo a interface "),t(1894,"code"),e(1895,"PoPageDynamicDetailActions"),i()()()(),t(1896,"tr",15)(1897,"td",16)(1898,"div",17)(1899,"span",18),e(1900," autoRouter"),n(1901,"br"),i()()(),t(1902,"td",19)(1903,"code",23),e(1904,"boolean"),i()(),t(1905,"td",22)(1906,"em")(1907,"strong"),e(1908,"(opcional)"),i()(),t(1909,"p"),e(1910,"Cria automaticamente as rotas de edi\xE7\xE3o (novo/duplicate) e detalhes caso sejam definidas a\xE7\xF5es na propriedade "),t(1911,"code"),e(1912,"p-actions"),i()(),t(1913,"p"),e(1914,"As rotas criadas ser\xE3o baseadas na propriedade "),t(1915,"code"),e(1916,"p-actions"),i(),e(1917,"."),i(),t(1918,"blockquote")(1919,"p"),e(1920,"Para o correto funcionamento n\xE3o pode haver nenhuma rota coringa ("),t(1921,"code"),e(1922,"**"),i(),e(1923,") especificada."),i()()()(),t(1924,"tr",15)(1925,"td",16)(1926,"div",17)(1927,"span",18),e(1928," breadcrumb"),n(1929,"br"),i()()(),t(1930,"td",19)(1931,"code",24),e(1932,"PoBreadcrumb"),i()(),t(1933,"td",22)(1934,"em")(1935,"strong"),e(1936,"(opcional)"),i()(),t(1937,"p"),e(1938,"Objeto com propriedades do breadcrumb."),i(),t(1939,"p"),e(1940,"Caso esse atributo seja utilizado ele sempre ir\xE1 substituir o original."),i()()(),t(1941,"tr",15)(1942,"td",16)(1943,"div",17)(1944,"span",18),e(1945," fields"),n(1946,"br"),i()()(),t(1947,"td",19)(1948,"code",25),e(1949,"Array<PoPageDynamicDetailField>"),i()(),t(1950,"td",22)(1951,"em")(1952,"strong"),e(1953,"(opcional)"),i()(),t(1954,"p"),e(1955,"Lista dos campos usados no formul\xE1rio de detalhe."),i(),t(1956,"p"),e(1957,"Caso precise alterar um campo que j\xE1 exista deve ser passado o atributo "),t(1958,"code"),e(1959,"property"),i(),e(1960," com o mesmo conte\xFAdo do original."),i()()(),t(1961,"tr",15)(1962,"td",16)(1963,"div",17)(1964,"span",18),e(1965," title"),n(1966,"br"),i()()(),t(1967,"td",19)(1968,"code",26),e(1969,"string"),i()(),t(1970,"td",22)(1971,"em")(1972,"strong"),e(1973,"(opcional)"),i()(),t(1974,"p"),e(1975,"T\xEDtulo da p\xE1gina."),i(),t(1976,"p"),e(1977,"Caso esse atributo seja utilizado ele sempre ir\xE1 substituir o original."),i()()(),t(1978,"tr",15)(1979,"td",16)(1980,"div",17)(1981,"span",18),e(1982," version"),n(1983,"br"),i()()(),t(1984,"td",19)(1985,"code",26),e(1986,"string"),i()(),t(1987,"td",22)(1988,"em")(1989,"strong"),e(1990,"(opcional)"),i()(),t(1991,"p"),e(1992,"Vers\xE3o do metadata, o sistema ir\xE1 buscar a vers\xE3o nas pr\xF3ximas itera\xE7\xE3o."),i()()()(),t(1993,"h4",28)(1994,"code",5),e(1995,"PoPageDynamicDetailOptions"),i()(),t(1996,"div",2)(1997,"p"),e(1998,"Interface para as propriedades de uma p\xE1gina din\xE2mica."),i()(),t(1999,"h4",11),e(2e3,"Propriedades"),i(),t(2001,"table",12)(2002,"tr",13)(2003,"th",14),e(2004,"Nome"),i(),t(2005,"th",14),e(2006,"Tipo"),i(),t(2007,"th",14),e(2008,"Descri\xE7\xE3o"),i()(),t(2009,"tr",15)(2010,"td",16)(2011,"div",17)(2012,"span",18),e(2013," actions"),n(2014,"br"),i()()(),t(2015,"td",19)(2016,"code",20),e(2017,"PoPageDynamicDetailActions"),i()(),t(2018,"td",22)(2019,"em")(2020,"strong"),e(2021,"(opcional)"),i()(),t(2022,"p"),e(2023,"A\xE7\xF5es que o usu\xE1rio poder\xE1 executar na p\xE1gina atrav\xE9s de bot\xF5es."),i(),t(2024,"p"),e(2025,"Caso precise alterar uma a\xE7\xE3o informe a propriedade que deve ser alterada segundo a interface "),t(2026,"code"),e(2027,"PoPageDynamicDetailActions"),i()()()(),t(2028,"tr",15)(2029,"td",16)(2030,"div",17)(2031,"span",18),e(2032," breadcrumb"),n(2033,"br"),i()()(),t(2034,"td",19)(2035,"code",24),e(2036,"PoBreadcrumb"),i()(),t(2037,"td",22)(2038,"em")(2039,"strong"),e(2040,"(opcional)"),i()(),t(2041,"p"),e(2042,"Objeto com propriedades do breadcrumb."),i(),t(2043,"p"),e(2044,"Caso esse atributo seja utilizado ele sempre ir\xE1 substituir o original."),i()()(),t(2045,"tr",15)(2046,"td",16)(2047,"div",17)(2048,"span",18),e(2049," fields"),n(2050,"br"),i()()(),t(2051,"td",19)(2052,"code",25),e(2053,"Array<PoPageDynamicDetailField>"),i()(),t(2054,"td",22)(2055,"em")(2056,"strong"),e(2057,"(opcional)"),i()(),t(2058,"p"),e(2059,"Lista dos campos usados no formul\xE1rio de detalhe."),i(),t(2060,"p"),e(2061,"Caso precise alterar um campo que j\xE1 exista deve ser passado o atributo "),t(2062,"code"),e(2063,"property"),i(),e(2064," com o mesmo conte\xFAdo do original."),i()()(),t(2065,"tr",15)(2066,"td",16)(2067,"div",17)(2068,"span",18),e(2069," title"),n(2070,"br"),i()()(),t(2071,"td",19)(2072,"code",26),e(2073,"string"),i()(),t(2074,"td",22)(2075,"em")(2076,"strong"),e(2077,"(opcional)"),i()(),t(2078,"p"),e(2079,"T\xEDtulo da p\xE1gina."),i(),t(2080,"p"),e(2081,"Caso esse atributo seja utilizado ele sempre ir\xE1 substituir o original."),i()()()()())},dependencies:[S],encapsulation:2})}return a})();var z=(()=>{class a{route;router;sub;hidePoWebSample=!0;samplesLength=1;activeTab=" doc";actions=[{label:"Documenta\xE7\xE3o",action:this.goBack.bind(this),icon:"ph ph-file-text"},{label:"Colabore",action:this.improveDocs.bind(this)}];constructor(m,o){this.route=m,this.router=o}goBack(){this.router.navigate(["documentation"])}improveDocs(){this.router.navigate(["guides/development-flow"])}ngOnInit(){this.sub=this.route.queryParams.subscribe(m=>{let o=m.view;this.activeTab=o||"doc",this.hidePoWebSample=this.samplesLength===0})}ngOnDestroy(){this.sub.unsubscribe()}static \u0275fac=function(o){return new(o||a)(g(P),g(C))};static \u0275cmp=l({type:a,selectors:[["ng-component"]],standalone:!1,decls:6,vars:4,consts:[["p-title"," Page Dynamic Detail",3,"p-actions"],["p-size","1"],["p-label","Documenta\xE7\xE3o",3,"p-active"],["p-label","Exemplos",3,"p-hide","p-active"]],template:function(o,r){o&1&&(t(0,"po-page-default",0)(1,"po-tabs",1)(2,"po-tab",2),n(3,"sample-po-page-dynamic-detail-doc"),i(),t(4,"po-tab",3),n(5,"sample-po-page-dynamic-detail-user-view"),i()()()),o&2&&(d("p-actions",r.actions),p(2),d("p-active",r.activeTab.includes("doc")),p(2),d("p-hide",r.hidePoWebSample)("p-active",r.activeTab.includes("web")))},dependencies:[q,u,x,F,O],encapsulation:2})}return a})();var L=[{path:"",component:z}],j=(()=>{class a{static \u0275fac=function(o){return new(o||a)};static \u0275mod=E({type:a});static \u0275inj=c({imports:[b.forChild(L),b]})}return a})();var oe=(()=>{class a{static \u0275fac=function(o){return new(o||a)};static \u0275mod=E({type:a});static \u0275inj=c({imports:[T,j]})}return a})();export{oe as DocPoPageDynamicDetailModule};